html, body { margin: 0; padding: 0; font: 14px/1.25 "Helvetica Neue", helvetica, arial, sans-serif; color: #000; }
/* I added this because I noticed that the buttons and the inputs were getting a system font by default */

body {
	position: relative;
	background: #c9cbcd;
	z-index:0;

	/* http://stackoverflow.com/questions/6652764/weird-behaviour-when-rotating-iphone-for-tds-with-colspan */
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
}
a img { border: 0; }
ul, li, ol { margin: 0; padding: 0; list-style-type: none }
table th, table td { border: 0; }
iframe { max-width: 100%; }

/* https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away?hl=en,
   This removes the 300ms delay on touches for mobile browsers waiting for the double-tap. */
a, button, input, select, textarea, label, summary { touch-action: manipulation; -ms-touch-action: manipulation; }

/* turn off js controls for items that rely on js */
html.no-js .hasmore,
html.no-js .js,
html.no-js button
{ display: none; }

a          { color: #3344dd; }
a:visited  { color: #884488; }
a:hover    { color: #5E44B3; }
a:active   { color: #bb1122; }

a[href^="tel:"]:before    { content: "\260E"; display: inline-block; margin-right: 0; }
a[href^="mailto:"]:before { content: "\2709"; display: inline-block; margin-right: 0; }
#social a[href^="tel:"]:before, #social a[href^="mailto:"]:before { content: "";   }
::selection {
    background: #ff0;
    text-shadow: none;
}

/* *********************************************************
 BASE STUFF 
********************************************************* */
.logged_in, .not_logged_in, .sr_cpi_control { display: none; }
.print_only { display: none; }
.screen_only { display: initial; }


h2 { color: #000; margin-bottom: 5px; font-size: 1.5em; }
img.right { float: right; margin: 0 0 5px 5px; }
img.left { float: left; margin: 0 15px 15px 0; }
sup { font-size: 0.75em; position: relative; top: -0.4em; vertical-align: baseline; }

.social_icon {
	display: inline-block;
	vertical-align: bottom;
	height: 36px;
	width: 36px;
	text-align: center;
	padding-top: 9px;
	box-sizing: border-box;
}

#wrap { width: 100%; background: #fff; position: relative; overflow:hidden; }
#wrap > div, #wrap > ul { width: 94%; width: calc(100% - 28px); position: relative; clear: both; }
.hidden,.gutterad,.more,.print_only,#warnings.hide { display:none;}



/* *********************************************************
 HEADER SECTION
********************************************************* */
#header { overflow: visible;  background: #edeeef;  padding:14px;}


    #header img {
	float:left;
	width:290px;
		height: auto;
    }

    #header #subnav { 
		display: block; 
		color: #c9cbcd; 
		background-color: #404445; 
		width: 100%;
		padding: 0; 
		height: 22px;
    }
	#header #subnav > li { 
		font-size: 0.8em; 
		float: left; 
		padding: 6px 10px 2px; 
		margin-top: 4px;
		vertical-align: top; 
		position: relative; 
		border-left: 1px solid #404445; 
		line-height: 0.2em;
		height: 8px;
	}
	#header #subnav > li:nth-child(n+9) { float: right; display: none; border-left: none; border-right: 1px solid #404445; }
	#header #subnav > li.logged_in, #header #subnav > li.not_logged_in  { border-right: none; }
	#header #subnav > li:first-child { border-left: none; display: block; }
	#header #subnav > li.current a { color: #fff; }
	#header #subnav li a { color: #c9cbcd; text-decoration: none; }
	#header #subnav li a:hover { color: #fff; text-decoration: underline; }
	#header #subnav li svg { vertical-align: top; margin-top: -6px; }
	#header #subnav > li > ul { 
		position: absolute; 
		top: 100%; 
		left: -70px; 
		width: 200px; 
		display: none; 
		background-color: #404445; 
		z-index: 101; 
		padding: 6px 0 10px 15px;
		border: 1px solid #404445;
		border-top: 1px solid #aaa;
	}
	/*
	NOT USED AT THE MOMENT
    #header #subnav > li:hover > ul { display: block; }
    #header #subnav > li li { float: none; padding-top: 9px; padding-bottom: 9px; font-size: 1em; }
    #header #subnav li:hover li a { color: #404445; }
    #header #subnav li:hover li:hover a { color: #222; }
	*/
    
#header #nav { 
	display: none;
	clear: both;
	width: 88%;
	background: #fff;
	padding: 7px 6% 0;
	border-bottom: 3px solid #333;
	border-top: 3px solid #333;
	overflow: hidden;
	font-size: 12px;
}

#header #nav .usertools { font-weight: bold; font-size: 12px; margin: 0 0 4px; padding: 7px 6% 0; border-top: 1px solid #c9cbcd; }
#header #nav .breadcrumbs { font-size: 12px; padding: 7px 6%; border-top: 1px solid #c9cbcd; }

#header #main_nav { color: #404445; overflow: hidden; }
#header #main_nav > li { border-top: 1px solid #c9cbcd; }
#header #main_nav > li:first-child { border-top: none; }
#header #main_nav > li > a { display: block; padding: 8px 0 8px 6%; font-weight: bold; text-decoration: none; font-size: 1.4em; }
html.no-touchevents #header #main_nav li:active { background-color: #404445; }
#header #main_nav li:active > a { color: #edeeef; }

#header #main_nav li.current { background-color: #333; }
#header #main_nav li.current > a { color: #edeeef; }


/* set up the nav_trigger and nav when the nav is open */
#header #nav_trigger.open { background: #333; }
#header #nav_trigger.open a { color: #fff; }
#header #nav_trigger.open a:before { color: #fff; }
#header #nav.open { display: block; }

#header #main_nav .nm { display: none; }

#header .social { margin: 15px 0; display: none; }
#header.open_search { margin-bottom: 50px; }


/* *********************************************************
INNER NAV 
********************************************************* */
#inner_nav { display: block; color: #fff; margin-bottom: 15px; z-index: 99; clear:both; background-color:#eee; color:#000; padding:1em; width:90%; }

/* *********************************************************
CONTENT 
********************************************************* */

#content { padding-bottom: 20px; }
#content > * { margin-left: auto; margin-right: auto; width: 97%; }
#content h1 { font-size: 1.7em; }
#content { min-height: 200px; }
#content > div { margin-top: 10px; margin-bottom: 20px; }
#content .stw, 
  #content .table_wrapper, 
  #content .leaderboard_wrapper,
  #content .section_wrapper { clear: both; margin-top: 1em; }

#content.reading > * { max-width: 800px; }
#content.reading .section_wrapper { border-top: 1px solid #ddd; }
#content.reading .section_wrapper.commented { border-top: none; }

/*
#content > .adblock img { display: block; margin: 0 auto; }
#content > .adblock.ad728 { background: black; padding: 10px; text-align: center; }
#content > .adblock.ad300 { background: black; padding: 10px; text-align: center; }
#content > .adblock.ad728 a { color: white; }
#content > .adblock.grouped { float: left; padding: 0; }
*/


/* *********************************************************
COMMON SITE ELEMENTS 
********************************************************* */

.opener { cursor: pointer; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.opener:after { content: "\25BC"; font-size: 0.75em; padding-left: 5px; display: inline-block;	text-decoration: none;}
.opener.open:after { content: "\25B2"; }
.toggler.open {}
.toggleable { display: none; }
.toggleable.open { display: block; }
tr.toggleable.open { display: table-row; }
table.toggleable.open { display: table; }
.hoverer { cursor: pointer; }
.hoverer:after { content: "\25BC"; position: absolute; top: 7px; right: 0; }
html.no-touchevents .hoverer:hover:after { content: "\25B2"}

.twitter_icon { background-color: #3dbffe; }
.facebook_icon { background-color: #4761b0; }

.bullets > li { margin-left: 20px; margin-bottom: 6px; }
ul.bullets > li { list-style-type: disc; }
ol.bullets > li { list-style-type: decimal; }
ul.inline  > li { display: inline-block; margin: 10px 10px 10px 0; }
.bullets-inline > li { display: inline-block; margin-right: 9px; margin-bottom: 10px; }
.bullets-inline > li.user { display: none; }
.bullets-inline > li:after { content: "\00B7"; margin-left: 9px; }
.bullets-inline > li:last-child:after { content: ""; margin-left: 0; }

.faded { opacity: 0.35; }
.tooltip, .modal { cursor: pointer; color: #900; }
.tooltip:active, .modal:active { color: #e00;  }
.desc { font-style: italic; font-size: 0.93em; }

.button { 
	background-color: #0b6186; 
	padding: 10px 15px; 
	color: white; 
	text-decoration: none; 
	display: inline-block; 
	text-align: center; 
	font-size: 1.1em;
	margin: 10px 0;
	border-radius: 5px;
}
.button:active, .button:visited { color: white; }
.button.alt {
	background: #333;
	border: #747678 1px solid;
	display: block;
}

button.tooltip, button.modal { background: transparent; border: none; text-align: left; padding: 0; color: black; color: #900; }
/*button.tooltip:focus, button.sr_preset:focus, button.modal:focus { outline: none; }*/

.filter_switcher {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	vertical-align: bottom;
	text-align: center;
}
.filter_switcher h4 { margin: 0 0 6px; }
.filter_switcher div { 
	display: inline-block;
	margin: 0 10px 6px 0;
	font-size: 12px; 
	text-align: center;
	border: 1px solid #c9cbcd;
	border-radius: 5px;
}
.filter_switcher a { 
	text-decoration: none; 
	display: block; 
	padding: 8px 12px; 
	width: 100px; 
	background-color: #edeeef;
}
.filter_switcher a:visited, .filter_switcher a:link { }
.filter_switcher a:hover, .filter_switcher a:active { background-color: #333; color: #edeeef; }
.filter_switcher div.current a { background-color: #333; color: #edeeef; }

/* redundant class until we have chance to consolidate */

.filter {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	vertical-align: bottom;
	text-align: center;
}
.filter h4 { margin: 0 0 6px; }
.filter div { 
	display: inline-block;
	margin: 0 10px 6px 0;
	font-size: 12px; 
	text-align: center;
	border: 1px solid #c9cbcd;
	border-radius: 5px;
}
.filter a { 
	text-decoration: none; 
	display: block; 
	padding: 8px 12px; 
	width: 100px; 
	background-color: #edeeef;
}
.filter a:visited, .filter a:link { }
.filter a:hover, .filter a:active { background-color: #333; color: #edeeef; }
.filter div.current a { background-color: #333; color: #edeeef; }

.filter.switcher div { padding: 8px 12px; background-color: #edeeef; cursor: pointer; }
.filter.switcher div.current { background-color: #333; color: #edeeef; }

.switcher_content { margin-top: 20px }
.switcher_content > div { display: none; }
.switcher_content > div.current { display: block; }

.prevnext { margin: 10px 0 15px 0; }
.button2 { 	 /* merge this with filter switcher ? */
	display: inline-block;
	border: 1px solid #c9cbcd;
	border-radius: 3px;
	background-color: #edeeef;
	font-size: 0.93em;
	font-weight: normal;
	margin: 0 20px 0 0;
	padding: 8px 12px;
	width: auto;
} 	 
#meta .button2 { font-size: 0.8em; margin: 0 6px 0 0; padding: 8px 7px; }
.button2[href] { text-decoration: none; } 	 
.button2.next { text-align: right; } 	 
.button2.prev { text-align: left; } 	 
.button2.current { text-align: left; background-color: #fff; border: none; display: block; }
.button2:last-child { margin-right: 0; } 	 
.button2.next:after  { content: "\203A\203A"; padding-left: 6px; color: black; } 	 
.button2.prev:before { content: "\2039\2039"; padding-right: 6px; color: black; }
#info_box div.prevnext { margin-left: 1em; }



/* used when you want sections of links on the page, makes them look nicer - a la /friv/index */
#content > .flexindex { display: flex; justify-content: space-between; flex-wrap: wrap; }
#content > .flexindex > div {
	border: 1px solid #ddd;
	box-shadow: 0 6px 12px -3px #404445;
	margin-bottom: 15px;
	margin-right: 10px;
	padding: 6px 12px;
	flex-grow: 2;
}
#content > .flexindex > div.forcefull { width: 100% }
.flexindex > div > div { margin-bottom: 10px; } /* added for front page, make sure it doesn't adversely affect anything else */
.flexindex > div > h2 {
    margin: -6px -12px 12px;
    background-color: #0b6186;
    padding: 5px 8px;
    color: #edeeef;
    font-weight: bold;
    font-size: 16px;
}
.flexindex h2 a { color: inherit; }
.flexindex div.condensed > p { display: inline-block; margin: 4px 10px 4px 0; }
.flexindex > div > p span { color: #747678; font-style: italic; font-size: .875em; }
.flexindex > div h3 { margin-bottom: 0; }
.flexindex > div h4 { margin-top: 3px; margin-bottom: 3px; }


/* used, for example, for a list of items as in d.hkref.com/players/ */
.page_index li { width: 92%; border-top: 1px solid #c9cbcd; padding: 6px 0; }
.page_index li > a, .page_index li > span { font-weight: bold; font-size: 1.2857em; display: block; margin-bottom: 4px; }
.page_index li > div { margin: 2px 0; }


.calendar td, .calendar th { border: 1px solid #c9cbcd; padding: 2px; }
.calendar th { background-color: #c9cbcd; }
.calendar td { white-space: nowrap; height: 35px; width: 12%; text-align: center; font-size: 0.9em; }
#content.clubhouse table { width: 98%; }
#content.clubhouse .button2 { margin-bottom: 10px; }
#content.clubhouse .button2.current { display: inline-block; background: transparent; }

.tabular { width: 99%; max-width: 750px; border: 1px solid #c9cbcd; background: #eee; font-size: 12px; overflow: hidden; padding: 8px 0.5%; }
.tabular.has_groups { max-width: none; }
.tabular h2 { background: #edeeef; color: black; text-align: left; font-size: 13px; padding: 3px 0 3px 7px; margin: 0; }
.tabular .tabular_group:nth-child(n+2) { display: none; }
.tabular .tabular_row { overflow: hidden; }
.tabular .tabular_row > div { float: left; width: calc(96% - 150px); padding: 6px 1%; }
.tabular .tabular_row > div:first-child { 
    width: 150px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tabular form { display: inline }

@media screen and (min-width: 800px) {
	.tabular .tabular_row > div { padding: 3px 1%; }
	.tabular .tabular_group { float: left; width: 48.5%; margin-left: 1%; padding-left: 1%; border-left: 1px solid #ccc; }
	.tabular .tabular_group:first-child { border-left: 0; margin-left: 0; padding-left: 0; }
	.tabular .tabular_group:nth-child(n+2) { display: block; }
	.tabular .tabular_group:nth-child(n+3) { display: none; }
}
@media screen and (min-width: 1020px) {
	.tabular .tabular_group { width: 31.5%; }
	.tabular .tabular_group:nth-child(n+3) { display: block; }
	.tabular .tabular_group:nth-child(n+4) { display: none; }
}

/* **********************************************************
SITE SPECIFIC
*********************************************************** */

/* PFR - tabular_nav key / injuries */
.probable { background-color: #7cff5c; }
.questionable { background-color: #ffde5c; }
.doubtful { background-color: #ffB35c; }
.out { background-color: #ff5c5c; }
.physically-unable, .injured-reserve, .I-R { background-color: #f00; }
.injury_table .tooltip { color: #000; }
.dnp { background-image: repeating-linear-gradient( 135deg, #444, #444 .06em, transparent 0, transparent .75em ); }

/* *********************************************************
TABLE STUFF 
********************************************************* */
ul.table_head_nav { display: none; }

.section_heading > h2 {
	color: #0b6186;
	font-weight: bold;
	font-size: 1.475em;
	text-align: left;
	margin: 10px 8px 6px 0;
	clear: both;
	display: inline-block;
}
.section_heading > h2 span { display: inline-block; }
.section_heading > div { display: inline-block; margin: 0 1em 6px 0; }

/* ***************************************
 HOVER for Dropdowns
**************************************** */

/* handle the hover menue for the overall menu dropdowns. */
#header #main_nav > li > div {
	display: none;
	width: 98%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 200;
	border-top: 1px solid #404445;
	padding: 1%;
	background: #fff;
	font-size: 14px;
	font-weight: normal;
	box-shadow: 0 6px 12px -3px #404445;
	color: black;
}
#header #main_nav > li.drophover > div { display: block; line-height: initial; }

#main_nav  div.name { font-weight: bold; margin: 3px; width: auto; }
           div.col1 { width:90%; margin:5px 2% 5px 0; clear:both;}
           div.col2 { width:45%; margin:5px 2% 5px 0; float:left;}
           div.col3 { width:30%; margin:5px 1% 5px 0; float:left;}
           div.col4 { width:22%; margin:5px 1% 5px 0; float:left;}
#main_nav  td { padding: 3px; }
#main_nav .end_links { clear: both; }

#main_nav .list, .game_summaries { 
	margin: 0 0 8px;
	padding: 3px;
	overflow-x: hidden;
	text-overflow: ellipsis
}

#main_nav div.list span { font-weight: bold;  display: inline-block; }
#header_leaders div.list span { min-width: 70px; }

#main_nav .game_summary td, .game_summary td { padding: 1px; }



/* *************************************
 FRONT PAGE ONLY
************************************* */
.js-select { visibility: hidden; }
#content.front > h1 { font-size: 1em; }
#content.front > h1 span { font-weight: normal; display: inline-block; }

.front .srbasic { border: 1px solid #aaa; padding: 5px; clear: both; }
.front #leader .srbasic { border: none; }

.front .flexindex > div p { margin: 3px 0; }
@media screen and (min-width: 736px) {
    .front .flexindex.forcelinear > div { max-width: 46%; }
    .front .flexindex.forcelinear > div.forcefull { max-width: none; }
}
@media screen and (min-width: 1020px) {
    .front .flexindex.forcelinear > div { max-width: 30%; }
	#content.front > .flexindex { max-width: none; }
}

#content.front .flexindex .advert { flex-grow: 0; padding: 0; width: 100% }
#content.front .flexindex .advert > div { float: left; margin-right: 10px; margin-bottom: 0; }

.front #teams .floated { float: left; clear: none; }
.front #teams .section_heading { display: none; }
.front #teams .stats_table { font-size: 0.65em; margin-right: 5px; }
@media screen and (min-width: 360px) {
	.front #teams .stats_table { font-size: 0.8em; }
	.front #teams #all_standings_EAS { margin-right: 10px; }
}
@media screen and (min-width: 1020px) {
	.front #teams .stats_table { font-size: 0.65em; }
}
@media screen and (min-width: 1160px) {
	.front #teams .stats_table { font-size: 0.8em; }
}


/* *************************************
SF STUFF (temp)
************************************* */
.note    { color: gray; font-size:.83em;}
.header  { font-weight:bold; font-size:1.16em;}
.pagelog { width:90%; overflow:scroll; }

/* ******************************************************
lifted from.
http://codepen.io/brissmyr/pen/egidw
********************************************************  */
.closer {
	position:absolute;    
	right:12px;
	opacity: 0.5;
	cursor: pointer;
	color: #900;
	font-weight:bold;
	font-size: 40px;
	line-height: 10px;
	height: 40px;
}
.closer:hover {  opacity: 1; }
.closer:after {   content: '\00D7';			      }





/* **************************************************************************************
   **************************************************************************************
   ************************************************************************************** */
/*! pure css: loading icon  http://projects.lukehaas.me/css-loaders/ */
/* **************************************************************************************
   **************************************************************************************
   ************************************************************************************** */
.loading {
	font-size: 60px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 42px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loading 1.7s infinite ease;
	animation: loading 1.7s infinite ease;
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: 0 -0.83em 0 -0.4em #404445, 0 -0.83em 0 -0.42em #404445, 0 -0.83em 0 -0.44em #404445, 0 -0.83em 0 -0.46em #404445, 0 -0.83em 0 -0.477em #404445;
	}
	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, 0 -0.83em 0 -0.42em #404445, 0 -0.83em 0 -0.44em #404445, 0 -0.83em 0 -0.46em #404445, 0 -0.83em 0 -0.477em #404445;
	}
	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, -0.087em -0.825em 0 -0.42em #404445, -0.173em -0.812em 0 -0.44em #404445, -0.256em -0.789em 0 -0.46em #404445, -0.297em -0.775em 0 -0.477em #404445;
	}
	20% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, -0.338em -0.758em 0 -0.42em #404445, -0.444em -0.617em 0 -0.44em #404445, -0.671em -0.488em 0 -0.46em #404445, -0.749em -0.34em 0 -0.477em #404445;
	}
	38% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, -0.377em -0.74em 0 -0.42em #404445, -0.645em -0.522em 0 -0.44em #404445, -0.775em -0.297em 0 -0.46em #404445, -0.82em -0.09em 0 -0.477em #404445;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: 0 -0.83em 0 -0.4em #404445, 0 -0.83em 0 -0.42em #404445, 0 -0.83em 0 -0.44em #404445, 0 -0.83em 0 -0.46em #404445, 0 -0.83em 0 -0.477em #404445;
	}
}
@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: 0 -0.83em 0 -0.4em #404445, 0 -0.83em 0 -0.42em #404445, 0 -0.83em 0 -0.44em #404445, 0 -0.83em 0 -0.46em #404445, 0 -0.83em 0 -0.477em #404445;
	}
	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, 0 -0.83em 0 -0.42em #404445, 0 -0.83em 0 -0.44em #404445, 0 -0.83em 0 -0.46em #404445, 0 -0.83em 0 -0.477em #404445;
	}
	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, -0.087em -0.825em 0 -0.42em #404445, -0.173em -0.812em 0 -0.44em #404445, -0.256em -0.789em 0 -0.46em #404445, -0.297em -0.775em 0 -0.477em #404445;
	}
	20% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, -0.338em -0.758em 0 -0.42em #404445, -0.444em -0.617em 0 -0.44em #404445, -0.671em -0.488em 0 -0.46em #404445, -0.749em -0.34em 0 -0.477em #404445;
	}
	38% {
		box-shadow: 0 -0.83em 0 -0.4em #404445, -0.377em -0.74em 0 -0.42em #404445, -0.645em -0.522em 0 -0.44em #404445, -0.775em -0.297em 0 -0.46em #404445, -0.82em -0.09em 0 -0.477em #404445;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: 0 -0.83em 0 -0.4em #404445, 0 -0.83em 0 -0.42em #404445, 0 -0.83em 0 -0.44em #404445, 0 -0.83em 0 -0.46em #404445, 0 -0.83em 0 -0.477em #404445;
	}
}


/* **************************************************************************************
   **************************************************************************************
   ************************************************************************************** */
/* tipsy tooltips */
/* **************************************************************************************
   **************************************************************************************
   ************************************************************************************** */
.tipsy {
	padding: 5px;
	font-size: .83em!important;
	position: absolute;
	z-index: 100000;
}
.tipsy-inner {
	padding: 5px 8px 4px;
	color: #000000 !important;
	background-color: #ffffff !important;
	max-width: 400px;
	text-align: left;
	border: 1px solid #414345 !important;
	border-radius: 4px;
	box-shadow: 0 6px 12px -3px #404445;
}
.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000000;
}
.tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow {
	bottom: 0;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-se .tipsy-arrow { right: 10px; }



/* ******************************************************************************
*********************************************************************************
  F  O  R  M  S
*********************************************************************************
****************************************************************************** */

/* 

This handles some gnarly safari issues with rounding of the form elements by 
default and also zooming on inputting.

DO NOT REMOVE

http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone	 
    http://stackoverflow.com/questions/2918707/turn-off-iphone-safari-input-element-rounding	 
    this prevents ios from zooming in on a input box when it's focused.	 
    Also removes the default rounding of the elements inthe page.	 
*/
textarea, input:not([type=checkbox]):not([type=radio]) {
    -webkit-appearance: none;
    border-radius: 0;
}

/* PUT THIS FIRST, so that the entry below it doesn't mess up the font sizes. */
select:focus, textarea:focus, input:focus, select:active, textarea:active, input:active, input, select, button, textarea {
	margin: 0;
	border: 1px solid #404445;
	padding: 3px 4px;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	background: #fff;

	/* Browsers have different default form fonts */
	font-size: 14px;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	line-height: 1;
}
select:active, select:focus, select { max-width: 97%; box-sizing: content-box; /* fixes issue with chrome using border-box, which truncates some selects on the right */ }

input, input:focus, textarea, textarea:focus { width: 98%; padding: 3px 1%; }
input[type="submit"] { width: auto; }
button, input[type="button"] { background-color: #c9cbcd; border-radius: 5px;  }

/* PUT THIS SECOND, so that font size is 16px for the ios phones. */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 400px) { 
	select:focus,	 
	textarea:focus,	 
	input:focus,	 
	select:active,	 
	textarea:active,	 
	input:active,	 
	select,	 
	textarea,	 
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="url"],
	input {
		font-size: 16px;	 
		background: #fff;	 
	}	 
}	 


/* SLF:below is a basic set of styles for the form elements.  I removed the box-sizing 
   stuff included by default as it was messing up the search bar */
/* this is the basic select styling we are using as it matches the chosen select styling. */
select,
select:active,
select:focus,
.chosen-container-single .chosen-single {
	padding: 0 8px;
	height: 25px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
}


/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/


input[type="number"] { max-width: 40px; }


/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
/*  SLF: I'm removing this becuase it it causing the ios search boxes to appear with rounded. corners.
  input[type=search] { -webkit-appearance:textfield; }
*/
/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration { display: none; }


/* Textarea
-----------------------------------------------*/

textarea {
    /* Move the label to the top */
    vertical-align: top;

    /* Turn off scroll bars in IE unless needed */
    overflow: auto;
}

/* Selects
-----------------------------------------------*/

select[multiple] {
    /* Move the label to the top */
    vertical-align: top;
}

/* *************** SR Forms **************** */

.fieldset { margin-bottom: 10px; }
.fieldset > h4 { font-weight: bold; margin-top: 3px; margin-bottom: 3px; }
.fieldset > span { display: block; margin: 10px 0; }
.fieldset.linear > div { margin-right: 3px; margin-bottom: 8px }
.fieldset.linear > div:first-child { display: inline-block; }
.fieldset.linear > .formfield + .formfield { display: inline-block; }
.fieldset.linear > .formfield input[type="submit"] { margin-top: 0; margin-bottom: 0; }

.formfield h3, .supergroup > h3 { font-weight: bold; margin: 0 0 6px; font-size: 14.5px; background-color: #edeeef; padding: 3px; }
.formfield h3 > span { font-weight: normal; font-size: 12.5px; }
.formfield > p { font-size: 12px; margin: 2px 0; }

.formlabel { font-weight: bold; margin-bottom: 2px; }

.choicefield, .choiceoption { float: left; }
.choicefield { width: 24px; }
.choiceoption { width: calc(100% - 24px) }

.srbasic { margin-bottom: 10px; }
.srbasic input[type="submit"] {
	background-color: #0b6186;
	border-radius: 5px;
	margin: 8px 0;
	padding: 6px 12px;
	font-size: 14px;
	color: white;
	cursor: pointer;
}
.srbasic input[type="submit"]:active {
    background-color: #404445;
}
.srbasic input[type="text"], .srbasic input[type="password"] { width: auto; padding: 3px 4px; }

/* for tabular looking forms, where simple label/formfields are side-by-side in rows */
.srbasic.tabular .formlabel { display: inline-block; width: 100px; text-align: right; } 
.srbasic.tabular .formfield { display: inline-block; width: calc(100% - 118px); margin-left: 10px } 
.srbasic.tabular input[type="text"], .srbasic.tabular input[type="password"] { width: 98%; }

/* for each radio button option - to provide a margin below each option
   if the parent div for each set of options (choicelabel/choicefield) had its own class name, we could avoid having 3 lines below - would just need one line
 */
.srbasic .fieldset.radio > .formfield > div { margin-bottom: 3px; overflow: hidden; }

button.sr_preset, .sr_preset_group { visibility: hidden; border: none; background: transparent; cursor: pointer; }


/* we want to keep the form description live update text from bouncing the page content when dropped in. */
#desc_container { border: 1px solid #c9cbcd; background: #edeeef; padding: 10px 15px; margin: 10px 0; min-height: 50px; } 
.options { background-color: #ffa; }
.final { background-color: #edeeef; }
.criteria .formfield.final { padding-top: 6px; margin-bottom: 0; border: none; }

#share input[type="button"] {width:auto; margin:10px 0;}
#share .formlabel { margin-top: 10px; }


/* *************** AUTO-COMPLETE *************** */
.ac-outline {
    display: inline-block; }

.ac-wrapper {
    position:         relative;
    outline:          0;
    border:           0;
    margin:           0;
    padding:          0;
    width:           100%;
}

#header .search .ac-wrapper input.ac-input,
#header .search .ac-wrapper input.ac-hint  { width: 100%; outline: none; margin-right:0; }

.ac-input:focus, .ac-hint:focus, 
.ac-input, .ac-hint {
    font-size:        16px;
    background-color: #fff;
    width:            100%;
    outline:          0;
    border:           0;
    margin:           0;
    padding:          0;
}

.ac-input {
    background-color: transparent;
    vertical-align:   top;
    position:         relative;
    color:            #404445;
}

.ac-hint {
    position:         absolute;
    top:              0;
    left:             0;
    border-color:     transparent;
    box-shadow:       none;
    color:            #c9cbcd;
}

.ac-prompt {
    position:         absolute;
    outline:          0;
    margin:           0;
    padding:          0;
    border:           0;
    font-size:        16px;
    color:            #404445;
    background-color: #fff;
    top:              0;
    left:             0;
    overflow:         hidden;
    background:       transparent;
}

.ac-dropdown {
    position:         absolute;
    visibility:       hidden;
    outline:          0;
    margin:           0;
    padding:          .5em 0;  
    text-align:       left !important;
    font-size:        16px;
    background-color: #fff;
    z-index:          100;
    cursor:           default;
    overflow-x:       hidden;
    white-space:      pre;
    overflow-y:       scroll;
    width:             100%;
    min-width:        380px;
    border: #747678 1px solid;
    border-radius: 5px;
}

.ac-suggestion {
    cursor: pointer;
    padding: .25em 1.5em;
    font-size: 1em;
    line-height: 1em;
    border-top: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
}

.ac-suggestion  p { margin: 0;   }

.ac-suggestion.active, .ac-suggestion.active .search-results-item {
    color: #bb1122;
    font-weight: bold;
}

.ac-suggestion.ac-is-under-cursor {
    border-top: 1px solid #000!important;
    border-bottom: 1px solid #000!important;
    background-color: #ffa!important;
}

.ac-suggestion-other-search {
    font-size: 1em;
    line-height: 1.2em;     
    padding-left: .5em;
    color: #3344dd;
}

.ac-results-header {
    font-size: 1em;
    padding: .25em .4em;
    font-weight: 700!important;
}


/* handling the interior material for player selects */
.player_select_name        { font-size: 16px; }
.player_select_name button { font-size: 2em; margin-left: 10px; vertical-align: middle; }
.player_select_name strong { display: inline-block; }
.pi_forms .group input[type="search"] { max-width:none; height: auto; font-size:16px; padding-bottom: 3px; }
.pi_forms .ac-outline { width: auto; }


/* taken from: https://www.kirupa.com/html5/simple_text_fade_and_scale_animation.htm */
.fade_in {   
    -webkit-animation-duration: .3s;
    -webkit-animation-name: fadeAndScale;
    -webkit-animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
    animation-duration: .3s;
    animation-name: fadeAndScale;
    animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
}

@-webkit-keyframes fadeAndScale {
    from {  opacity: 0; transform: scale(.9, .9); }
    to {    opacity: 1; transform: scale( 1,  1); }
}
@keyframes fadeAndScale {
    from { opacity: 0;  transform: scale(.9, .9); }
    to   { opacity: 1;  transform: scale( 1,  1); }
}


@media screen and (max-width: 400px) {
    .ac-dropdown { min-width: 120%; }
}

/* set a smaller font width for smaller windows */
@media screen and (max-width: 400px) {
    #desc_container { font-size: 12px; }
}

@media screen and (min-width: 800px) {
	
	.linear > div { display: inline-block; margin-left: 15px; }
	.linear > div:first-of-type { margin-left: 0 }
	.linear .formfield { margin-left: 3px; }
	.linear .srbasic input[type="submit"] { margin: 8px 2%; border-radius: 5px;}

	.criteria .formfield > * { padding-left: 2%; padding-right: 2%; }
	.extra .formfield > * { padding-left: 2%; padding-right: 2%; }

	.fieldset > span { display: inline-block; margin: 0 0 0 10px; }

	#desc_container { max-width: 75%; }
}

/* *******************************************************************************************************
END FORMS
******************************************************************************************************* */



@media screen and (min-width: 374px) {
    /* change our truncation of the last frozen column. */
    .table_container_fixed tr > td:last-child { max-width: 95px; }
    #info h1 span { display: inline-block; } 
}
@media screen and (min-width: 400px) {
    #inner_nav > ul > li { font-size: 1.1em; }
    .table_container_fixed tr > td:last-child { max-width: 120px; }
}
@media screen and (min-width: 440px) {
    .table_container_fixed tr > td:last-child { max-width: 155px; }
}

@media screen and (min-width: 481px) {
	h2 { font-size: 1.6em; }
	.section_heading > h2 { font-size: 1.5em; }

	.button2.current { display: inline-block; }

	.adblock.ad300 { padding: 10px 0; }

	.table_container_fixed tr > td:last-child {   max-width: none;  }

	#content.clubhouse table { width: auto; }
}

@media screen and (min-width: 600px) {
	#meta .button2 { font-size: 0.93em; margin: 0 20px 0 0; padding: 8px 12px; }
}

@media screen and (min-width: 736px) {
    /*html.is_modern #info #meta.is_collapsed { max-height: 160px;  }*/
	#wrap > #header { width: 100%; padding-left: 0; padding-right: 0; border-bottom: none; }
	#wrap > #info { width: 97%; margin: 0 auto; }
	h2 { font-size: 1.8em; }
	.data_grid.full .data_grid_group .data_grid_box { max-width: 33%; }
	.mobile_only { display: none; }
}

@media screen and (min-width: 800px) {
    .long_note .section_heading:after { display: none; content: ""; }

    #wrap > #info { width: 65%; width: calc(99% - 322px); padding-right: 320px; min-height: 270px; }

	.adblock.ad728 { display: block; float: none; }
	.adblock.ad300 { display: none; }
	.adblock.grouped.ad728 { display: none; }
	.adblock.grouped.ad300 { float: left; width: 320px; background: none; padding: 0; display: block; }
	#content.reading > * { font-size: 1.4em;  }
	#content.reading > h1 { font-size: 2em; }

	#content > #sponsorship, #all_transactions { margin-left: 1%; max-width: 900px; }
	.callout { max-width: 900px; }
}

/* change the navigation from mobile=ish to desktop ish */
@media screen and (min-width: 1020px) {
    html.no-touchevents .hasmore           > div { position: absolute; left: -999em; }
    html.no-touchevents .hasmore.drophover > div { z-index: 69;        left: 0;
		box-shadow: 0 6px 12px -3px #404445;
	}

    /*.table_container { overflow-x: visible; }*/
    #header #nav_trigger { display: none; }	
    #wrap > #header { 
		border-bottom: 2px solid #333; 
		overflow: visible; 
		height: 126px; 
		background: #fff; 
    }

    #header #nav { 
		display: block; 
		/*
		  width: calc(94% - 480px);
		  margin: 0 3%; 
		  float: left; 
		  border: none;
		  */
		width: 100%;
		padding: 0;
		margin: 0;
		clear: none; 
		background: #edeeef;
		border-top: 1px solid #c9cbcd;
		border-bottom: none;
		overflow: visible;
		height: 30px;
		position: absolute;
		bottom: 0;
    }
    #header #nav > * { display: none; }
    
    #header #nav > #main_nav {
		display: block;
		color: #404445;
		text-align: left;
		margin-bottom: 0;
		border: none;
		overflow: visible;
    }
    #header #main_nav ul { border: none; position: relative; }
    #header #main_nav > li { 
		border: none; 
		width: auto; 
		white-space: nowrap; 
		float: left; 
		color: #404445;
		font-size: 1.16666667em; 
		font-weight: bold;
		height: 14px;
		padding: 8px 2.2%;
		line-height: 12px; 
    }
    /*#header #main_nav > li:last-child { float: right; }*/
    #header #main_nav > li > a { color: #404445; padding: 0; position: relative; font-size: 1em; }
    #header #main_nav > li.current > a { color: #fff; }
    #header #main_nav > li.nm { display: block; }
    #header #main_nav > li.m { display: none; }
    #header #main_nav > li.hasmore > a:after { content: ""; display: none; }
    
    #header #main_nav > li.hasmore.drophover > a:after { content: ""; display:none;}
    #header #main_nav li:nth-child(even) {	border: none; }

    #header #main_nav > li.drophover,     #inner_nav > ul > li.drophover { background: #404445; }
    #header #main_nav > li.drophover > a, #inner_nav > ul > li.drophover > a { color: #fff; }
    #header #main_nav > li.drophover > span, #inner_nav > ul > li.drophover > span { color: #fff; }

    

    #content > * { width: 98%; }
    .adblock.ad728 { display: block; float: left; margin-bottom: 10px; }
    .adblock.grouped.ad300 { display: none; }
	#content > .flexindex { max-width: 1020px; margin-left: 12px; }
	#content > .flexindex.forcelinear > div { max-width: 30%; margin-right: 0; }
	#content > .flexindex.forcelinear > div.forcefull { max-width: none; }
	#content > .flexindex { flex-wrap: nowrap; }
	#content > .flexindex.forcelinear, #content > .flexindex.wrapable { flex-wrap: wrap; }
	
	#content .table_wrapper.floated { float: left; margin-left: 1%; margin-right: 1%; width: auto; clear: none; }
	
	.scorebox { max-width: 500px; }
	#content.box .shotchart { float: left; width: 49%; margin: 0 1% 0 0; }
}

@media screen and (min-width: 1160px) {
    #header #main_nav > li { padding: 8px 2.5%; }
    #header #subnav > li:nth-child(11) { display: block; }
}

@media screen and (min-width: 1256px) { /* have to allow extra room for scrollbar */
    #header #subnav > li:nth-child(12) { display: block; }	
    #wrap { width: 1228px; border-left: 1px solid #747678; border-right: 1px solid #747678; box-shadow: 0 0 27px #404445; margin: 0 auto; }
}

@media screen and (max-width: 723px) {
	.no_mobile { display: none; }
}

@media screen and (max-width: 800px) {
	.mobile_table { position: relative; }
}
@media screen and (max-width: 1200px) {
}


.share_commands {
    display: block;
    border: 1px solid #404445;
    margin:0;
    padding: 1em;
    background-color: #ffa;
}
textarea.pre {
    font-family: monospace;
    font-size: .83em;
}
/* zoom it out, so the full tables are visible */

.operamini body  { background-color: #fff; }
.operamini     .search .completely
.operamini     .search input[type="search"],
.is_not_modern .search input[type="search"] {
    max-width: 50%;
}
.operamini     #header .search,
.is_not_modern #header .search { max-width:80%;}

@-o-viewport {   width: device-width; }
@media (orientation: portrait) {
    .operamini #content:after,
    .operamini #content .table_wrapper:nth-child(odd):after {
	content: "Refresh in Landscape view for full-width tables";
	color: #900;
	font-size: 0.9em;
	margin-left:5px;
	font-weight: bold;
	display:block;
    }
    .operamini #content:after {
	padding:10px;
	border: 1px solid #900;
	font-size: 2.0em;
    }

    
    .operamini #content .table_wrapper:last-child:after {
	content: "";
    }

}

/* landscape we show the full tables. */
@media (min-width: 459px) and (orientation: landscape) {
    @-o-viewport {   width: 900px; zoom: .99; }
    #info: margin-left: 10px;
}
@media (max-width: 459px) and (orientation: landscape) {
    @-o-viewport {   width: 700px; zoom: .99; }
    #info: margin-left: 10px;
}

.operamini #info #meta_more_button,
.operamini .comment_control,
.operamini .hasmore
{ display: none!important; }

.operamini #info #meta p:nth-child(n+6) { display: block; }

@media print {

   .print_only { display: initial; }
   .screen_only { display: none; }

    body
    {
        /* this affects the margin on the content before sending to printer */
        margin: 0px;
    } 
    
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a,
    a:visited {
        text-decoration: underline;
    }
    
    a[href]:after {
        content: "";
    }
    
    
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    
    pre,
    blockquote,
    table {
        border: 1px solid #999;
    }
    
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    
    
    table.stats_table {border-collapse: collapse;  font-size: 9px; }
    table.stats_table td, table.stats_table th { border: 1px dotted #999; padding:2px; white-space:nowrap; }
    thead {
        display: table-header-group;
    }
    .data_grid_box { float: left; width:24%; margin-top: 20px; page-break-inside: avoid;  font-size: 10px; margin-top: 10px; }
    .data_grid_box table { width: 100%; }
    .data_grid_box button, .data_grid_box .footnote { display: block; border:0; text-align: center; margin:auto; } 
    .data_grid_box table { border: 0; }
    .data_grid_box table caption { font-weight: bold; border:0; padding: 0;}
    .data_grid_box button { width:100%; padding: 2px;}
    .data_grid_box button:after { content: ""; }
    #content div.table_wrapper,
    #content .section_wrapper,
    #content .leaderboard_wrapper {
        font-size:12px;
        clear: both;
        width: 100%;
        margin: 0 0 10px 0;
    }
    
    #content div.table_wrapper,
    #content .section_wrapper {
        page-break-inside: avoid;
    }
    
    tr,
    img {
        page-break-inside: avoid;
    }
    
    
    p,
    h1,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
        margin: 3px;
    }
    
    h1,
    h2,
    h3 {
        page-break-after: avoid;
    }
    
    #meta img { max-width:250px; float:left; margin:10px; clear:both; height:auto;}
    #header img { max-width:250px; height:auto; }

    #info #bling { height: auto; width: 100%  margin: 0;}
    #info #bling li { width: 13%;  margin: 0; display: inline-block; list-style:none; }


    .prevnext,
    .switcher,
    .logo,
    .search,
    table.stats_table caption, 
    .section_heading > div,
    .table_container_fixed,
    .stats_pullout,
    #fant,
    #inner_nav,
    #all_other_links,
    #modernizr,
    #perflog,
    .adblock,
    input,
    button,
    textarea,
    #subnav,
    #header #nav_trigger,
    #nav,
    #warnings,
    .uni_holder,
    #footer { display:none; }
    
}.alignleft {
float:left;
text-align:left;
}

.alignright {
float:right;
text-align:right;
}

.alt {
background:#ddd;
}

.archives ul.children {
margin-left:10px;
padding-left:10px;
}

.bottomnavigation {
margin:10px 0 0;
padding:5px 0 30px;
}

.center {
text-align:center;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.date {
border-bottom:1px solid #999;
margin-top:-10px;
padding-top:0;
}

.entrytext {
padding-top:0;
}

.galleryleft {
float:left;
padding-bottom:0;
padding-right:15px;
text-align:left;
}

.hide {
display:none;
}

.intro {
font-size:1em;
font-weight:700;
}

.large {
font-size:1.44em;
}

.left {
background:#fafbfc;
border:1px solid #999;
float:left;
margin:5px 15px 6px 0;
padding:5px;
}

.navigation {
margin:0 0 10px;
padding:5px 0 30px;
}

.noalign {
background:#fafbfc;
border:1px solid #999;
margin:5px;
padding:5px;
}



.post {
border:1px solid #999;
margin:0 0 10px;
padding:10px;
}

.postmetadata {
background:#ddd;
border:1px solid #999;
font-size:1em;
margin:0;
padding:10px;
}

.right {
background:#fafbfc;
border:1px solid #999;
float:right;
margin:5px 0 6px 15px;
padding:5px;
}

.searchform {
margin:0;
}

.small {
font-size:.83em;
}

.thumbnail {
background:#fafbfc;
border:1px solid #999;
margin:0 0 10px 10px;
padding:5px;
}

#author,#email,#url {
border:1px solid #999;
}

#comment {
border:1px solid #999;
width:100%;
}

#commentform {
width:97%;
}

#content {
float:left;
margin-right:15px;
margin-top:10px;
width:760px;
}

#content blockquote {
background:url(quote.png) no-repeat top left;
}

#content h1,#content h2 {
font-size:1.15em;
margin-top:0;
}

#content h1 {
border-bottom:1px solid #999;
}

#page {
border-bottom:1px solid #999;
margin-bottom:10px;
padding-bottom:10px;
}

#searchbox {
border:1px solid #747678;
width:100px;
}

#sidebar {
float:right;
font-size:.75em;
width:150px;
}

#sidebar h2 {
font-size:1em;
margin:10px 0;
}

#sidebar img {
border:0;
}

#sidebar li,.archives li,.linkspage li {
list-style:none;
margin:0;
padding:0;
}

#sidebar ul {
margin:0;
padding-left:0;
}

#submit,#searchbutton {
background:#fff;
border:1px solid #999;
}

#submit:hover,#searchbutton:hover {
cursor:pointer;
}


blockquote {
margin:0 20px;
padding:0 25px;
}

div.gallery {
border-top:1px solid #999;
margin:5px 0 10px;
overflow:auto;
padding:0 5px 5px;
}

li {
line-height:1.5em;
margin:0 0 1em;
}

li.feed {
list-style:none;
padding:2px 0 8px 20px;
}

ol.commentlist {
font-size:.875em;
}

ol.commentlist li {
border:1px solid #999;
margin-bottom:10px;
padding:10px;
}

ol.commentlist li cite {
text-transform:capitalize;
}

ol.commentlist li p {
padding-top:10px;
}

p {
line-height:1.5em;
margin:0 0 15px;
padding:0;
}

pre {
font-size:1.2em;
}

pre.blockquote {
margin-left:4em;
}

small.tags {
border:1px dashed green;
color:green;
display:block;
font-weight:700;
padding:5px;
width:99%;
}

.galleryright,#content p {
text-align:justify;
}