body{
	background:#000;
	width:100%;
	padding:0px;
	margin: 0px;
	display:block;
	min-width:768px;
}
body, a, table, tr, td{
	color:#fff;
	font-family:arial,tahoma,sans-serif;
	font-size:12px;
}
table,img{
	border:0;
	padding:0;
}
td{
	text-align:center;
}
a{
	color:#ddb;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
}
a:hover{
	color:#eee;
	text-decoration:none;
	font-weight:bold; 
}
*.nowrap{ white-space:nowrap; }

/* cells on the very top of the page */
div.smkplayerslogo{
	padding-top:5px;
	padding-bottom:5px;
}
td.smkplayerspage{
	background:#136;
	height:31pt;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#ccc;
	border:3px double #555;
}
#layout_navbar{
	vertical-align:top;
	text-align:left;
	width:180px;
	min-width:180px;
	max-width:180px;
}
#layout_content{
	vertical-align: top;
	background:#0c0c0c;
}
#mycontent{
	padding:5px;
	width:99%; /* hack to unbreak IE, this really ought to be 100% */
}


/* navigation - side */
table.navbar, table.navbarp, table.navbarn{
	border:1px solid #555;
	padding:2px;
	margin-top:10px;
}
table.navbar tr td, table.navbar tr th, table.navbarp tr td, table.navbarp tr th, table.navbarn tr td, table.navbarn tr th{
	margin:0;
	display:block;
	border:1px solid #bbb;
	width:160px;
	padding:5px;
	text-align:left;
}
table.navbar tr th span, table.navbar tr td span{
	color:#fff;
	padding-left:5px;
}
table.navbar tr td:hover, table.navbarp tr td:hover, table.navbarn tr td:hover{
	background:#37b;
	border:1px dashed #6af;
}
table.navbar tr th, table.navbarp tr th, table.navbarn tr th{
	font-weight:bold;
}
table.navbar tr td, table.navbarp tr td, table.navbarn tr td{
	cursor:pointer;
	font-size:9pt;
}
table.navbar  tr th{ background:#013; }
table.navbar  tr td{ background:#136; }
/*p/n navbar colours defined with regular table p/n cells */


/* footer */
#footer{
	clear: both;
}
#footer div a{
	color:#444;
	text-decoration:none;
	font-size:10px;
}
#footer div a:hover{
	color:#aa7;
	text-decoration:underline;
	font-size:10px;
}

#footerl{
	color:#222;
        width:45%;
	float:left;
        text-align:left;
	margin-left:8px;
	font-size:10px;
}
#footerr{
	color:#222;
	width:45%;
	float:right;
	text-align:right;
	margin-right:8px;
	font-size:10px;
}



/* greymatter blog controls*/
table.entry tr th img, table.archive tr th img{ float:left; padding-right:5px;}
table.entry tr th, table.archive tr th{
        background:#14141a;
        text-align:left;
	padding:2px;
	margin :0px;
	border-top:1px solid #333;
	border:1px solid #333;
}
table.entry tr th h3 , table.archive tr th h3{
	padding:0px;
	margin :0px;
/*	padding-left:40px; */
	color:#ffa500;
	font-size:14px;
}
table.entry tr th h4, table.archive tr th h4{
	padding:0px;
	margin :0px;
/*	padding-left:40px; */
	font-size:11px;
	font-weight:normal;
	color:#ccc;
}
.raised{
        position:relative;
        top:-12px;
        left:12px;
        padding:4px;
        background:#fff;
        color:#030;
}
table.entry, table.archive{
        width:100%;  
        background:#101018;
	margin-top:12px;
	margin-bottom:12px;
}
table.entry tr td, table.archive tr td{
        text-align:left;
	padding:4px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}

/* overwrite archive stuff */
table.archive tr th h3{
	color:#888;
}
table.archive tr th{
        background:#333;
	border-top:1px solid #777;
	border:1px solid #777;
	padding-top:2px;
	padding-bottom:2px;
}
table.archive tr td{
	background:#383838;
	border-left:1px solid #777;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
}



table.entryreply{
        width:95%;
        border-top:1px solid #555;
        border-bottom:1px solid #555;
}
table.entryreply td.entryreplytop{
        text-align:right;
        background:#222;
        border-bottom:1px solid #999;
}
table.entryreply 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;
}


/* profile/generic headings */
table.profh{
	width:95%;
	border-bottom:1px solid #333;
	margin-bottom:12px;
}
table.profh tr td{
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#eef;
}

/* profile/playerslist/awards */
table.prof, table.playerslist, table.awards, table.searchlist{ background:#666; }
table.prof tr td.profl, table.playerslist tr th, table.searchlist tr th, table.awards tr th{ background:#a44; border:1px solid black; }
table.prof tr td.profr, table.playerslist tr td, table.searchlist tr td, table.awards tr td{ background:#886; }
table.prof{
	border:3px double #888;
	margin-bottom:12px;
	margin-top:0;
}
table.prof tr td.profl{
	color:#ffc;
	width:128px;
	font-style:italic;
	font-size:12px;
        text-align:right;
	padding-right:5px;
}
table.prof tr td.profr{
        color:#eee;
        text-align:left;
	width:200px;
        border-bottom:1px solid #a88;
	font-size:12px;
	padding-left:5px;
}
table.playerslist{
	color:#ddd;
	border:2px solid #222;
	width:67%;
}
table.searchlist{
	color:#ddd;
	border:2px solid #222;
	width:90%;
}
table.playerslist tr th{
	text-align:left;
	font-style:italic;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}
table.playerslist tr td{
	text-align:left;
	padding-left:2px;
	padding-right:2px;
}
table.awards{
	width:100%;
	border:2px solid #222;
}
table.awards tr th{
        color:#ffc;
	font-style:italic;
}
table.awards tr td{
        color:#eee;
        border-left:1px solid #888;
        border-top:1px solid #888; 
}





/* tables and charts... */
div.title{
	width:100%;
	text-align:right;
	border-bottom:1px solid #777;
	font-size:11px;
	color:#ccc;
	margin-bottom:10px;
}
table.p, table.n, table.ladder{
	width:100%;
}
table.ladder67, table.halfwide{
	width:67%;
}
table.p, table.n, table.ladder, table.ladder67, table.tally{
	border:1px solid #002;
	background:#444;
}
table.p tr th, table.navbarp tr th{ background:#338; }
table.p tr td, table.navbarp tr td{ background:#469; }
table.n tr th, table.navbarn tr th{ background:#253; }
table.n tr td, table.navbarn tr td{ background:#476; }
table.p tr th, table.n tr th, table.p tr td, table.n tr td{
	color:#eee;
        border-left:1px solid #666;
        border-top :1px solid #777;	
}
table.n tr th, table.p tr th{
	font-style:italic;
}
table.p tr td.statcode{	background:#568; }
table.n tr td.statcode{	background:#577; }
table.p tr td.stdbreak{ border:1px solid #568; max-height:1px; padding:0px; margin:0px; line-height:0px; }
table.n tr td.stdbreak{ border:1px solid #577; max-height:1px; padding:0px; margin:0px; line-height:0px; }
table.p tr td.statcode  , table.n tr td.statcode  ,
table.p tr td.statcode a, table.n tr td.statcode a{
	color:#aaa;
	font-weight:bold;
	font-size:11px;
	font-family:monospace;
}

table.p tr td.stdwr, table.p tr th.stdwr, table.n tr td.stdwr, table.n tr th.stdwr,
table.ladder tr td.stdwr, table.ladder tr th.stdwr, table.ladder67 tr td.stdwr, table.ladder67 tr th.stdwr, span.stdwr{
	background:#808050;
	font-weight:bold;
	color:#eee;
	border:1px solid #887;
	font-size:11px;
        font-family:monospace, serif;
}
table.p tr td.stdyou, table.p tr th.stdyou, table.n tr td.stdyou, table.n tr th.stdyou,
table.ladder tr td.stdyou, table.ladder tr th.stdyou, table.ladder67 tr td.stdyou, table.ladder67 tr th.stdyou, span.stdyou{
	background:#557;
	font-weight:bold;
	color:#fff;
	border-top:1px solid #977;
	border-bottom:1px solid #977;
	font-size:11px;
        font-family:monospace, serif;
}
table.ladder tr td.hl, table.ladder67 tr td.hl, table.p tr td.hl, table.n tr td.hl{
	background:#ffd700;
	color:#04b;
	font-weight:bold;
	border-color:transparent;
}
table.ladder tr td.hlmiss, table.ladder67 tr td.hlmiss, table.p tr td.hlmiss, table.n tr td.hlmiss{
        background:#ffff00;
        color:#0050aa;
        font-size:9px;
        font-style:italic;
        border-color:transparent;
}
td.tot{
	font-size:11px;
	font-weight:bold;
	font-family:monospace, serif;
}
table.p tr td.statdistrib, table.n tr td.statdistrib{
	background:#567;
	text-align:left;
	white-space:nowrap;
	font-size:9px;
	line-height:9px;
	padding-top:1px;
	padding-bottom:1px;
}
table.ladder tr th, table.ladder67 tr th, table.tally tr th{
        background:#434;
        color:#eee;
	font-style:italic;
        border-left:1px solid #555;
        border-top :1px solid #555;
}
table.p tr td.tot, table.n tr td.tot, table.ladder tr td, table.ladder67 tr td, table.tally tr td, table tr td.tot{
        background:#656;
        color:#ddd;
        border-left :1px solid #656;
	border-right:1px solid #656;
        border-top  :1px solid #999;
}
table.p tr td.vswin, table.n tr td.vswin, table.ladder tr td.vswin, table.ladder67 tr td.vswin{
	color:#fff;
	font-weight:bold;
}
table.p tr td.vslos, table.n tr td.vslos, table.ladder tr td.vslos, table.ladder67 tr td.vslos{
	color:#999;
}

/* faq and search */
div.search{
	background:#566;
	color:#ddd;
	text-align:left;
	padding-left:20px;
	padding:5px;
	text-align:left;
	border:2px solid #222;
	width:50%;
}
dl.faq dt{ color:#aae; }
dl.faq dd{ font-size:12px; font-weight:normal; margin-bottom:10px; margin-top:4px; }
div.join {
        background:#444;
        text-align:left;
        font-weight:normal;
        padding:5px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
	font-size:11px;
}


/* other little things used all over the shop */
span.orange{ color:#f90; }
span.gold{ color:#ffd700; }
span.g{ color:#aaa; }
.left{ text-align:left; }

.tiny{
	font-size:10px;
	padding:0;
}
table.tiny tr td, table.tiny tr td{
	font-size:10px;
	padding:0;
}

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;
}