/* YUI reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* YUI fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

HTML { 
	background: #333 url('i/bg.gif');
}

BODY {
	font-size: 100%; /* Reset font-size back to base 16px */
	/* font-family: "century gothic",futura,arial,sans-serif; */
	font-family: Georgia,"Lucida Sans Unicode",verdana,sans-serif;
	
	color: #333;
	line-height: 1.5;
}

H1, H2, H3, H4, H5, H6 {
	/* font-family: "century gothic",futura,arial,sans-serif; */
	font-family: Palatino,Georgia,"Lucida Sans Unicode",verdana,sans-serif;
	line-height: 1.22;
	margin: 0.5em 0;
	font-weight: bold;
}

H1 { font-size: 150%; }
H2 { font-size: 125%; }
H3 { font-size: 112%; }
H4 { font-size: 105%; }
H5 { font-size: 100%; }
H6 { font-size: 90%; }
P { margin: 0.5em 0;}
A { color: #33c; }

BLOCKQUOTE {
	margin-left: 2em;
	font-style: italic;
}

QUOTE {
	font-style: italic;
}

#y-page {
	width: 756px;
	margin: 16px auto;
	padding: 0 5px;
	background: #f9f9f9;
	overflow: hidden;
}

#y-head {
	float: left;
	width: 746px;
	margin: 0;
	padding: 5px;
	
	border-bottom: 1px solid #333;
}

#y-nav {
	float: left;
	width: 746px;
	margin: 0 5px;
}

#y-content {
	float: left;
	width: 494px;
	margin: 5px 5px;
}

#y-full-content {
	float: left;
	width: 746px;
	margin: 5px 5px;
}

#y-related {
	float: left;
	width: 242px;
	margin: 5px 5px;
}

#y-foot {
	margin: 0 -5px;
	width: 756px;
	float: left;
	background: #333;
	color: #fff;
	font-size: 85%;
	padding: 5px;
}

#y-foot p, #y-foot a {
	color: #ddd;
	text-align: right;
	font-family: "century gothic",futura,arial,sans-serif;
}

/* Layout styles */

.unit {
	/* background-color: Green; */
	overflow: hidden;
	margin-left: -5px;
	margin-right: -5px;
}

.unit .board {
	width: 242px;
}

/* Mod styles */

.mod {
	margin: 5px 0;
}

.mod .bd {
	overflow: hidden;
}

.collection .mod {
	margin-bottom: 2em;
}

.collection .article .hd {
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.collection .article .hd H1,
.collection .article .hd H2,
.collection .article .hd H3 {
	margin-bottom: 0;
}


.collection .mod .bd H2,
.collection .mod .bd H3,
.collection .mod .bd H4 {
	margin: 20px 0 0px;
}

.mod img.profile {
	float: left;
	margin: 0 1em 0.5em 0;
}


/* Game module styles */

.moves,
.moves li,
.moves ul,
.moves ol,
.annotation {
	display: inline;
}

.annotation,
.moves ul {
	/* display: none; */
}

.moves ul ol b {
	font-weight: normal;
}

.moves b.current {
	background: #ccc;
}


/* Site header styles */
.sitehead {
	display: block;
	margin: 0;
	/* font: 48px "Trebuchet MS",arial,sans-serif; */
	font: 48px "century gothic",futura,arial,sans-serif;
	color: #333;
	letter-spacing: -2px;
	text-decoration: none;
}

.sitehead B {
	color: #c33;
	padding-left: 2px;
}
.sitehead I {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	margin-left: -4px;
}


/* Teaser style */
.teaser {
	border-bottom: medium double #666;
	border-top: 1px solid #666;
}
.teaser .hd H1,
.teaser .hd H2 {
	background: #ccc;
	color: #333;
	font-weight: bold;
	padding: 2px 5px;
	margin: 0;
}

.teaser .hd A {
	text-decoration: none;
	color: #333;
}

/* Image caption */
.image-caption {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #333;
	color: #eee;
}
.image-caption IMG {
	margin: 0;
	padding: 0;
}

.image-caption p {
	font-size: 90%;
	margin: -6px 5px 2px;
}

/* Table styling */
TABLE {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #666;
}

CAPTION {
	background: #ccc;
	color: #333;
	font-weight: bold;
	font-size: 95%;
	padding: 2px 5px;
}

THEAD TH, TH.header {
	background: #666;
	color: #eee;
	/* font-weight: bold; */
	font-size: 90%;
	padding: 2px 5px;
}

THEAD TH {
	text-align: center;
}

TD, TBODY TH {
	padding: 2px 5px;
}

.standings TD {
	text-align: center;
}

TH {
	font-weight: bold;
}

.cycle {
		border-top: 1px solid #000;
}

.even {
	background-color: #e6e6e6;
}

.null {
	background-color: #666;
	color: #666;
}

.standings STRONG, p.standings {
	font-weight: bold;
}