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


/* components layout */
#layout_topleft{
	background: #000 url(/mkds/images/layout_01.jpg) no-repeat top left;
	width:200px; min-width:200px; max-width:200px;
	height:214px; min-height:214px; max-height:214px;
}
#layout_topmiddle{
	background: #000;
	height:214px;
	overflow:hidden;
	white-space:nowrap;
}
#layout_topright{
	background: #000 url(/mkds/images/layout_03.jpg) no-repeat top right;
	width:50px; min-width:50px; max-width:50px;
	height:214px; min-height:214px; max-height:214px;
}
#layout_mkdsplayers{
	position:absolute;
	overflow:hidden;
	top:125px;
	left:200px;
	background: #000 url(/mkds/images/mkds_players_page.jpg) no-repeat;
	width:518px;
	height:41px;
}
#layout_logo_blend{
	position:absolute;
	top:0px;
	right:16px;
	margin-left:200px;
	overflow:hidden;
}
#layout_navbar{
	vertical-align:top;
	text-align:left;
	background: #000 url(/mkds/images/layout_04.jpg) repeat-y;
	width:200px; min-width:200px; max-width:200px;
}
#layout_content{
	vertical-align: top;
	background:#0c0c0c;
}
#layout_content_right{
	background: #000 url(/mkds/images/layout_05.jpg) repeat-y;
	width:50px; min-width:50px; max-width:50px;
}
#layout_bottom_left{
	background: #000 url(/mkds/images/layout_06.jpg) no-repeat top right;
	width:200px; min-width:200px; max-width:200px;
	height:64px;
}
#layout_bottom_middle{
	background: #000 url(/mkds/images/layout_07.jpg) repeat-x;
	height:64px;
}
#layout_bottom_right{
	background: #000 url(/mkds/images/layout_08.jpg) no-repeat top right;
	width:50px; min-width:50px; max-width:50px;
	height:64px;
}

#mycontent{
	background: #0c0c0c url(/mkds/images/mario_black.jpg) no-repeat bottom right;
	height:100%;
	min-height:300px;
}



/* navigation - top buttons */
#buttonsbox{
	background:transparent;
	position:absolute;
	top:166px;
	right:40px;
	overflow:hidden;
	margin-left:200px;
}
#buttons{
	float:right;
	clear:none;
	padding:0px;
	margin:0px;
}
#buttons ul{
	margin:0;
	padding:0;
	list-style:none;
}
#buttons ul li{
	display:inline;
}
#buttons a{
	background:transparent url(/mkds/images/button.jpg) no-repeat;
	float:left;
	width:68px;
	text-decoration:none;
	line-height:36px;
	height:36px;
	text-align:center;
}
#buttons a span{
	font-family:tahoma,arial,sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#999;
}
#buttons a:hover{
	background-position: 0 -48px;
}
#buttons a:hover span{
	color: #eee
}


/* navigation - side */
table.navbar{
	margin:0;
	border:0;
	padding:0;
	margin-top:4px;
}
table.navbar tr th span, table.navbar tr td span{
	display:none;
}
table.navbar tr td, table.navbar tr th{
	border:0;
	margin:0;
	padding:0;
}
table.navbar tr th{
	height:24px;
	width:144px;
	display:block;
}
table.navbar tr td{
	cursor:pointer;
	height:18px;
	width:144px;
	display:block;
}
table.navbar tr td:hover{
	background-position:0 -18px;
}


/* footer */
#footer{
	clear: both;
}
#footer div a{
	color:#444;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
#footer div a:hover{
	color:#aa7;
	text-decoration:underline;
	font-size:10px;
	font-weight:bold;
}
#footerl{
	color:#333;
        width:45%;
	float:left;
        text-align:left;
	margin-left:8px;
	font-size:10px;
}
#footerr{
	color:#333;
	width:45%;
	float:right;
	text-align:right;
	margin-right:8px;
	font-size:10px;
}



/* greymatter blog controls*/
table.entry tr th h3, table.archive tr th h3{
	padding:0px;
	margin-top:2px;
	margin-bottom:2px;
	font-size:14px;
}
table.entry tr th h4, table.archive tr th h4{
	padding:0px;
	margin-top:2px;
	margin-bottom:2px;
	font-size:10px;
	color:#777;
}
.raised{
        position:relative;
        top:-12px;
        left:12px;
        padding:4px;
        background:#fff;
        color:#030;
}
table.entry, table.archive{
        width:100%;  
        background:#333;
	margin-top:12px;
	margin-bottom:12px;
}
table.entry tr th img, table.archive tr th img{ float:left; padding-right:5px;}
table.entry tr th, table.archive tr th{
        background:#222;
        text-align:left;
	padding:0;
	margin:0;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	border-top:1px dashed #555;
	border:1px dashed #555;
}
table.entry tr td, table.archive tr td{
        text-align:left;
	padding:4px;
	border-left:1px solid #555;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}

/* overwrite archive stuff */
table.archive tr th h3{
	color:#c88;
}
table.archive tr th{
        background:#181111;
	border-top:1px dashed #555;
	border:1px dashed #555;
	padding-top:2px;
	padding-bottom:2px;
}
table.archive tr td{
	background:#382222;
	border-left:1px solid #555;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}



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



/* 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{	width:67%; }
table.halfwide{	width:67%; }

table.p, table.n, table.ladder, table.ladder67{
	border:1px solid #002;
	background:#333;
}
table.p tr th, table.n tr th{
        color:#eee;
	font-style:italic;
        border-left:1px solid #555;
        border-top :1px solid #555;
}
table.p tr th{ background:#124; }
table.n tr th{ background:#411; }
table.p tr td{
        background:#456;
        color:#ddd;
        border-left:1px solid #555;
        border-top:1px solid #555; 
}
table.n tr td{
        background:#633;
        color:#ddd;
        border-left:1px solid #644;
        border-top:1px solid #644; 
}

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.statcode, table.p tr td.wrhistory{ background:#567; }
table.n tr td.statcode, table.n tr td.wrhistory{ background:#784848; }
table.ladder tr td.chot, table.ladder tr td.cwarm, table.ladder tr td.ccool, table.ladder tr td.ccold{
        background: #808080;
        font-size:10px;
        border-color:transparent;
        border-top:1px solid #777;
        border-bottom:1px solid #888;
        border-right:1px solid #888;
}
table.ladder tr td.chot { color:#c41; }
table.ladder tr td.cwarm{ color:#d70; }
table.ladder tr td.ccool{ color:#ddf; }
table.ladder tr td.ccold{ color:#aaf; }
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:#575;
	font-weight:bold;
	color:#eee;
	border:1px solid #977;
}
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:#586860;
	font-weight:bold;
	color:#fff;
	border-top:1px solid #977;
	border-bottom:1px solid #977;
}

table.p tr td.hl, table.n tr td.hl, table.ladder tr td.hl, table.ladder67 tr td.hl{
	background:#ffd700;
	color:#04b;
	font-weight:bold;
	border-color:transparent;
}
table.p tr td.hlmiss, table.n tr td.hlmiss, table.ladder tr td.hlmiss, table.ladder67 tr td.hlmiss{
	background:#ffff00;
	color:#0050aa;
	font-size:9px;
	font-style:italic;
	border-color:transparent;
}
table.ladder tr th, table.ladder67 tr th{
        background:#556;
        color:#eee;
	font-style:italic;
        border-left:1px solid #555;
        border-top :1px solid #555;
}
table.ladder tr td, table.ladder67 tr td,
table.p tr td.tot, table.n tr td.tot, table tr td.tot{
        background:#656;
        color:#ddd;
        border-left  :1px solid #656;
        border-right :1px solid #656;
        border-top   :1px solid #999;
        border-bottom:1px transparent;
}
td.tot, td.tot a{
        font-size:11px;
        font-weight:bold;
        font-family:monospace, serif;
}
table.p tr td.statdistrib, table.n tr td.statdistrib{
	text-align:left;
	white-space:nowrap;
	font-size:8px;
	line-height:8px;
	padding-top:1px;
	padding-bottom:1px;
}
table.p tr td.statdistrib{ background:#567; }
table.n tr td.statdistrib{ background:#784848; }


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

a.myprof , a.myprof:visited {
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#eef;
}

table.prof{
	background:#202820;
	border:1px dashed #555;
	margin-bottom:12px;
	margin-top:0;
}
table.prof tr td.profl{
        background:#282d28;
        text-align:right;
	width:128px;
        border-top:1px solid #555;
        border-left:1px solid #333;
	font-style:italic;
	font-size:12px;
	padding:2px;
	padding-right:5px;
}
table.prof tr td.profr{
        color:#eee;
        text-align:left;
	width:200px;
        border-top:1px solid #555;
	font-size:12px;
	padding:2px;
	padding-left:5px;
}


table.awardsheader{
	width:100%;
	border-bottom:1px solid #fd0;
}
table.awardsheader tr td{
	text-align:right;
	font-style:italic;
}
table.awards{
	width:100%;
	border:2px solid #222;
	background:#444;
}
table.awards tr th{
        background:#344;
        color:#eee;
	font-style:italic;
        border-left:1px solid #555;
        border-top :1px solid #555;
}
table.awards tr td{
	padding:1px;
        background:#566;
        color:#ddd;
        border-left:1px solid #555;
        border-top:1px solid #555; 
}


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;
}
table.p tr td.stdbreak{ background:#567; border:transparent; height:1px; max-height:1px; line-height:1px; }
table.n tr td.stdbreak{ background:#744; border:transparent; height:1px; max-height:1px; line-height:1px; }

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


/* new times submission form */
fieldset.sub, fieldset.subblue, fieldset.subpad{ border:1px solid #444; width:100%; background:transparent; text-align:left; padding:10px; }
fieldset.subblue{ background:#091f63 }
fieldset.subpad { background:#0c0c0c; width:90%; }
fieldset.sub legend, fieldset.subblue legend, fieldset.subpad legend { font-style:italic; color:#777;
			 background:#000; border:1px solid #444; padding:2px 4px }

#subcrschoice{ background:#0c0c0c; width:560px; min-width:560px; max-width:560px; }
#subcrschoice td { border:1px solid #091f63; width:75px; height:90px; cursor:pointer; }
#subcrschoice img{ border:0; max-width:75px; filter:alpha(opacity=44); -moz-opacity:0.44; }

table.subnumpad{ width:200px; }
table.subnumpad tr td { border:1px solid #888; background:#111118; font-size:16px; cursor:pointer; text-align:center; white-space:nowrap; 
			min-width:64px; width:64px; max-width:64px; min-height:42px; height:42px; max-height:42px; }
table.subnumpad tr td.subfb { width:100%; background:#666; color:#222; font-size:14px; min-height:20px; height:20px; max-height:20px;
			cursor:default; text-align:center; white-space:nowrap; }
#subokbut{ background:#d33; font-weight:bold; font-size:16px; text-align:center; }
table.subnumpad tr td.subcancel{ background:#d33; font-weight:bold; font-size:16px;}



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