/* general */
html,body{
	width:100%;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;
	display:block;
}
body{
	background:#001828;
	color:#f8f8f8;
}
body, a, table{	
	font-family:arial, tahoma, sans-serif;
	font-size:12px;		
	text-align:center;	
	font-weight:bold;
}
table, img{	
	border:0px;
	padding:0px;
}


/* links */
a{
	color:#eeb;	
	text-decoration:underline;
	font-weight:bold;
}
a:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
a.profa{
	font-size:10px;
}
a.profa:hover{
	font-size:10px;
}



/* rare stuff */
tt.searchkw{
	color:#fd0;
	font-style:italic;
	border-bottom:solid 1px #aac;
	padding-left:1px;
	padding-right:1px;
}
code{
	font-weight:bold;
	font-size:10px;
}


/* tables containing times */
.c{
	 font-size:12px;
}
th.c{
	background:#707077;
	color:#eee;
	border-left:1px transparent;
	border-right:1px transparent;
	border-top:1px solid #fd0;
	border-bottom:1px solid #dfd;
}
td.c{
	background:#808088;
	color:#f8f8f8;
	border-left:1px transparent;
	border-top:1px solid #778;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
}
td.chot, td.cwarm, td.ccool, td.ccold{
	background: #808088;
	font-size:10px;
	border:1px transparent;
	border-top:1px solid #778;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
}
td.chot { color:#c41; }
td.cwarm{ color:#d70; }
td.ccool{ color:#ddf; }
td.ccold{ color:#aaf; }

/* a statistics column, e.g. in the profile table cells */
td.statcode{
	background:#808088;
	color:#cdd;
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	font-family:monospace;
}
td.statcode a{
	color:#cdd;
	font-weight:bold;
	font-size:12px;
	font-family:monospace;
}
table.c tr td.statdistrib{
        background:#707077;
        text-align:left;
        white-space:nowrap;
        font-size:9px;
        line-height:9px;
        padding-top:1px;
        padding-bottom:1px;
}



/* the title ribbon for the page */
table.t{
	border-top:2px solid #656;
	border-bottom:2px solid #656;
	width:100%;
}
td.t {
	background:#878;
	color:#eee;
	padding:4px;
	border-top:1px solid #440;
	border-bottom:1px solid #440;
}



/* navigation "buttons" for the top and bottom of page */
table.f{
	background:#878;
	border-top:2px solid #656;
	border-bottom:2px solid #656;
	width:100%;
}
table.f td{
	cursor:pointer;
	background:#878;
	color:#eee;
	width:11%; /* expecting 9 buttons */
	text-align:center;
	font-weight:bold;
	padding:4px;
	border:1px transparent;
	border-top:1px solid #440;
	border-bottom:1px solid #440;
}
table.f td.fHL { /* :hover for buttons, IE doesn't like it, so we use onmouseover's */
	background:#656;
	border:1px solid #440;
}

table.profl{}
table.profr{}
td.profl{
	background:#065;
	text-align:right;
	border-top:1px solid #fff;
	border-bottom:1px solid #fd0;
	border-right:1px solid #030;
}
td.profr{
	color:#eee;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #fd0;
}

/* left-hand side navigation bar "buttons" */
table.l{
	border:0px;
	border-top:1px solid #889;
	width:148px;
}
table.l th{
	background:#5e586b; /* mid blue */
	padding:2px;
	border-bottom:1px solid #889;
	border-top:1px solid #5e586b;
}
table.l td{
	cursor:pointer;
	background:#7a788c; /* lighter blue than above*/
	padding:2px;
	border:1px transparent;
	border-top:1px solid #7a788c;
	border-bottom:1px solid #889;
	color:#eee;
}
table.l td.lHL{
	cursor:pointer;
	background:#656; /* onmouseover for button, make it darker */
	padding:2px;
	border:1px solid #000;
	border-top:1px solid #440;
	border-bottom:1px solid #440;
	color:#eee;
}



/* a "highlighted" cell, when the user is highlighting a row in a table. */
.chl  {
	background:#fd0; /* golden */
	color:#04b; /* blue */
	font-size:12px;
	font-weight:bold;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	border-right:1px solid #ff0;
}

/* total times cell */
.tot {
	background:#673;
	color:#ff9;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #fd0;
	border-bottom:1px solid #fd0;
}


/* matchup/rivalry "good" cell, af/prsr/arr table "good" weekly change. */
.vswin{
	background:#808088;
	color:#f8f8f8;
	border-top:1px solid #778;
	border-right:1px solid #888;
	border-left:1px transparent;
	border-bottom:1px solid #888;
}

/* matchup/rivalry "bad" cell, af/prsr/arr table "bad" weekly change. */
.vslos{
	background:#808088;
	color:#a0c0a0;
	border-top:1px solid #778;
	border-right:1px solid #888;
	border-left:1px transparent;
	border-bottom:1px solid #888;
}


/* a dropdown box, and other similar input mechanisms */
select{
	background:#d5e1e8;
	color:#258;
	font-size:10px;
	font-weight:bold;
}
option{
	background:#fff;
	color:#258;
	font-size:inherit;
	font-weight:inherit;
}
input{
	background:#eee;
	border-top:1px solid #99d;
	border-bottom:1px solid #99d;
	border-left:0px;
	border-right:0px;
}
input:hover{
	background:#d5e1e8;
	color:#265;
	border-top:1px solid #fd0;
	border-bottom:1px solid #fd0;
}


/* search page's main content box */
div.search{
	background:#241;
	font-weight:bold;
	padding:5px;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:90%;
}

/* join page main boxes */
div.join {
	background:#241;
	text-align:left;
	font-weight:normal;
	padding:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


/* faq page entries (a dl list contains dt's and dd's for terms and their definitions) */
dl.faq dt{
	color:#bbf;
}
dl.faq dd{
	margin-left:8px;
	margin-bottom:20px;
}


/* various tally tables that sum something up. */
table.tally{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
table.tally th{
	padding-left:5px;
	text-align:left;
	background:#121;
	border-bottom:1px solid #440;
}
table.tally td{
	background:#241;
	padding-left:10px;
	text-align:left;
	border:1px solid #341;
}


/* standards page, colours for cells of the wr and of the pkayer's time */
.stdwr{
	background:#25a;
	font-weight:bold;
	color:#fff;
	border:1px solid #ba9;
}
.stdyou{
	background:#18c;
	font-weight:bold;
	color:#fff;
	border:1px solid #8bb;
}
stdbreak, td.stdbreak, table.c tr td.stdbreak{ background:#888; border:transparent; height:1px; max-height:1px; line-height:1px; }


/* greymatter blog controls*/
#frame{
	width:100%;
	margin-right:2px;
	margin-top:40px;
	padding:2px;
	text-align:left;
}	
#contentcenter{
	width:100%;
	margin-top:8px;
	float:left;
}
#contentright{
	width:100%;
	padding:0px;
	margin-top:8px;
	float:left;
}	
#contentheader{
	background:#112;
}
#contentheader h1{
	font-size:14px;
	padding:10px;
	margin:0px;
}	
#contentright p{
	font-size:10px;
}
p,h1,h2,h3,pre{
	margin:0px 10px 10px 10px;
	padding-top: 0px;
}
h1{ font-size:14px; }
h2{ font-size:12px; }
h3{ font-size:10px; }
.raised{
	position:relative;
	top:-12px;
	left:12px;
	padding:4px;
	background:#fff;
	color:#030;
}
.date{
	width:500px;
	margin-top:3px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:2px solid #fff;
	background:#003;
}
table.calendar{
	margin-left:5px;
}
table.navbar{
	border:0px;
	padding:0px;
	width:98%;
}
td.navbar {
	border:0px;
	padding:0px;
	padding-top:5px;
	padding-right:5px;
}
.mycontent{
	border:0px;
	padding:2px;
	position:relative;
	width:100%;
	font-weight:normal;}

table.entry{
	width:100%;
	border:1px;
	background:#223;
	border-top:1px solid #447;
	border-bottom:1px solid #336;
}
th.entry{
	background:#112;
	text-align:left;
}
td.entry{
	text-align:left;
}
tr.entry{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
table.archive{
	width:100%;
	border:0;
	background:#444;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}
th.archive{
	background:#333;
	text-align:left;
	border-bottom:1px solid #ccc;
}
td.archive{
	text-align:left;
}
tr.archive{
}
table.entryreply{
	width:95%;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}
td.entryreplytop{
	text-align:right;
	background:#222;
	border-bottom:1px solid #999;
}
td.entryreplybot{
	text-align:left;
	background:#333;
}


/* tooltip box in profiles */
span.info:hover{
	cursor:help;
}
.ttip{
        width:220px;
        padding:.4em;
        border:2px solid #ccf;
        color:#333;
        background-color:#fafae9;
        font-weight:normal;
        font-size:10px;
        text-align:left;
        display:none;
        cursor:help;
        position:absolute;
        z-index:1000;

        filter:alpha(opacity=83); /*prolly gonna break the css validation, but looks nice*/
        -moz-opacity:0.83;

}
div.ttipbefore{
	color:#369;
	font-size:12px;
	border-bottom:1px solid #369;
	display:block;
	font-weight:bold;
}
div.ttipafter {
	color:#369;
	font-size:10px;
	border-top:1px solid #369;
	display:block;
	margin-top:1px;
	text-align:center;
	font-weight:normal;
}
span.spanttip b{
	font-weight:bold;
	font-size:12px;
}
table.u{
	border-bottom:1px dashed #fff;
	border-top:1px dashed #fff;
	text-align:left;
}
td.u{
	text-align:left;
	font-weight:normal;
}
th.u{
	text-align:left;
	border-bottom:1px dashed #fff;
}


span.gold{ color:#fd0; }
span.y{ color:#ff0; }
span.g{ color:#aaa; }
*.nowrap{ white-space:nowrap; }
.tiny{ font-size:10px; }
.left{ text-align:left; }


/* footer */
#footer{
        clear: both;
}
#footerl{
        width:45%;
        float:left;
        text-align:left;
        margin-left:8px;
}       
a.tinyg{
        color:#777;
        text-decoration:underline;
        font-size:10px;
        padding-left:3px;
        padding-right:3px;
}
a.tinyg:hover{
        color:#aa7;
        text-decoration:none;
        font-size:10px;
        padding-left:3px;
        padding-right:3px;
}
#footerr{
        color:#444;
        width:45%;
        float:right;
        text-align:right;
        margin-right:8px;
        font-size:10px;
}