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; 
}
table.navbar a, table.navbarp a, table.navbarn a, table.navbarc a, table.navbars a{
	color:#fff;
	font-size:9pt;
	text-decoration:none;
	font-weight:normal;
	height:100%;
	width:100%;
	display:inline-block;
	padding:5px;
}
table.navbar a.joinflags {
	color:#fff;
	font-size:9pt;
	text-decoration:none;
	font-weight:normal;
}

img.joinflags, img.joinflags2 {
	 display:none;
}

table.navbar a:hover, table.navbarp a:hover, table.navbarn a:hover, table.navbarc a:hover, table.navbars a:hover{
	color:#fff;
	font-size:9pt;
	text-decoration:none;
	font-weight:normal;
}
*.nowrap{ white-space:nowrap; }

/*fonts*/
@font-face {
	font-family: "Super Mario 256";
	src: url("./fonts/SuperMario256.ttf") format("truetype");
}

/* cells on the very top of the page */
/* div.smkplayerslogo{ */
	/* padding-top:5px; */
	/* padding-bottom:5px; */
/* } */
td.smkplayerslogo img {
	width: 99.9%;
	border:1px solid #000;
}
td.smkplayerslogo {
	border:1px solid #fff;
	overflow:hidden;
}
td.smkplayerspage{
	background:#333;
	height:31pt;
	text-align:center;
	font-size:11pt;
	color:#ccc;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font-family: 'Super Mario 256';
	text-shadow:
    -1px -1px 0 #000,
    0px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    0px 1px 0 #000,
    1px 1px 0 #000;
}
td.smkplayerspage img{
	/* vertical-align:middle; */
	padding-left:2px;
	padding-right:2px;
}
#layout_navbar{
	vertical-align:top;
	text-align:left;
	width:190px;
	min-width:190px;
	max-width:190px;
}
#layout_content{
	vertical-align: top;
	background:#0c0c0c;
}
#mycontent{
	padding:5px;
	width:99%; /* hack to unbreak IE, this really ought to be 100% */
}

h3.page_title{
	color:#ddd;
	font-size:11pt;
	font-family: 'Super Mario 256';
	text-shadow:
    -1px -1px 0 #000,
    0px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    0px 1px 0 #000,
    1px 1px 0 #000;
	/* width:67%; */
	padding:10px;
	background-color:#333;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
}

/* navigation - side */
table.navbar, table.navbarp, table.navbarn, table.navbarc, table.navbars{
	border:1px solid #fff;
	/* 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, table.navbarc tr td, table.navbarc tr th, table.navbars tr td, table.navbars tr th{
	margin:0;
	display:block;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	width:170px;
	padding:5px;
	text-align:left;
}

table.navbar tr td.lastcell, table.navbarp tr td.lastcell, table.navbarn tr td.lastcell, table.navbarc tr td.lastcell, table.navbars tr td.lastcell{
	border-bottom:1px solid #000;
}
table.navbar1 tr th{
	background-image: url("./images/background_MC_grey.png");
	background-size: auto 100%;
}
table.navbar2 tr th{
	background-image: url("./images/background_GV_grey.png");
	background-size: auto 100%;
}
table.navbarp tr th{
	background:#338;
	background-image: url("./images/background_BC_pal.png");
	background-size: auto 100%;
}
table.navbarn tr th{
	background:#253;
	background-image: url("./images/background_DP_ntsc.png");
	background-size: auto 100%;
}
table.navbarc tr th{
	background:#a44;
	background-image: url("./images/background_CI_red.png");
	background-size: auto 100%;
}
table.navbars tr th{
	background:#8a6f08;
	background-image: url("./images/background_CI_yellow.png");
	background-size: auto 100%;
}
table.navbar5 tr th{
	background-image: url("./images/background_CI_grey.png");
	background-size: auto 100%;
}
table.navbar6 tr th{
	background-image: url("./images/background_KB_grey.png");
	background-size: auto 100%;
}
table.navbar7 tr th{
	background-image: url("./images/background_VL_grey.png");
	background-size: auto 100%;
}
table.navbar8 tr th{
	background-image: url("./images/background_RR_grey.png");
	background-size: auto 100%;
}
table.navbar tr th span, table.navbarp tr th span, table.navbarn tr th span, table.navbarc tr th span, table.navbars tr th span{
	color:#fff;
	padding-left:5px;
}
table.navbar tr th img, table.navbarp tr th img, table.navbarn tr th img, table.navbarc tr th img, table.navbars tr th img{
	vertical-align:middle;
}
table.navbar tr td:hover{
	background:#777777;
	/* border:1px dashed #6af; */
}
table.navbarp tr td:hover{
	background:#37b;
}
table.navbarn tr td:hover{
	background:#49927a;
}
table.navbarc tr td:hover{
	background:#d88888;
}
table.navbars tr td:hover{
	background:#c4aa4b;
}
table.navbar tr th, table.navbarp tr th, table.navbarn tr th, table.navbarc tr th, table.navbars tr th{
	font-size:10pt;
	font-weight:bold;
	font-family: 'Super Mario 256';
	text-shadow:
    -1px -1px 0 #000,
    0px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    0px 1px 0 #000,
    1px 1px 0 #000;
}
table.navbar tr td, table.navbarp tr td, table.navbarn tr td, table.navbarc tr td, table.navbars tr td{
	cursor:pointer;
	font-size:9pt;
	padding:0;
	width:180px;
}
table.navbar  tr th,table.navbarp  tr th,table.navbarn  tr th, table.navbarc  tr th, table.navbars  tr th{ 
	padding:7px 5px 7px 5px; 
}
table.navbar  tr td{ 
	background:#555555;
}

table.navbarp tr td{ background:#469; }
table.navbarn tr td{ background:#476; }
table.navbarc tr td{ background:#b27070; }
table.navbars tr td{ background:#a6903e; }


/* 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;
}
span.videolink {
	position: absolute; right: 2px;
}
span.videolink a{
	text-decoration: none;
	font-size: 9px;
}
span.badge {
	position: absolute; right: 2px;
}
span.badge2 {
	position: absolute; right: 20px;
}
span.badge img, span.badge2 img {
	vertical-align:middle;
}
table.profile span.badge {
	position: absolute; right: 2px;top:3px;
}
table.profile span.badge2 {
	position: absolute; right: 20px;top:3px;
}
table.profile span.videolink {
	top:1px;
}

/* 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{ 
		border:1px solid #777;
	background:#333;
}
table.prof tr td.profl, table.playerslist tr th, table.searchlist tr th, table.awards tr th{
	background:#a44; 
	padding-top:7px;
	padding-bottom:7px;
	text-shadow:
    -1px -1px 0 #000,
    0px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    0px 1px 0 #000,
    1px 1px 0 #000;	
}
table.playerslist tr th, table.searchlist tr th, table.awards tr th {
	background-image: url("./images/background_CI_red.png");
	background-size: auto 100%;
}
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:225px;
        border-bottom:1px solid #a88;
	font-size:12px;
	padding-left:5px;
}
table.playerslist{
	color:#ddd;
	border:1px solid #777;
	width:67%;
}
table.searchlist{
	color:#ddd;
	border:1px solid #777;
	width:90%;
}
table.playerslist tr th{
	text-align:left;
	/* font-style:italic; */
	font-weight:bold;
	padding-left:5px;
	padding-right:2px;
}
table.playerslist tr td, table.searchlist tr td{
	text-align:left;
	padding-left:5px;
	padding-right:2px;
	padding-top:4px;
	padding-bottom:4px;
}
table.awards{
	width:100%;
	border:1px solid #777;
}
table.awards tr th{
    color:#ffc;

}
table.awards tr td{
        color:#eee;
        /* border-left:1px solid #888; */
        /* border-top:1px solid #888;  */
		padding-top:4px;
		padding-bottom:4px;
}


/* 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.c, table.ladder{
	width:100%;
	border-spacing:1px;
}
table.rankings a, table.trackrankings a, table.profile a {
	color:#ddd;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	}
table.rankings a:hover, table.trackrankings a:hover, table.profile a:hover {
	color:#fff;
	text-decoration:underline;
	font-weight:bold; 
}

@media (min-width:1400px) {
	table.profile {
		width:80%;
	}
	table.rankings {
		width:85%;
	}
	table.pastchamp {
		width:72%;
	}
	table.trackrankings {
		width:90%;
	}
}

@media (min-width:1800px) {
	table.profile {
		width:67%;
	}
	table.rankings {
		width:73%;
	}
	table.pastchamp {
		width:63%;
	}
	table.trackrankings {
		width:82%;
	}
}
table.ladder67, table.halfwide{
	width:67%;
}

table.p, table.n, table.c, table.ladder, table.ladder67, table.tally{
	border:1px solid #777;
	background:#333;
}
table.p tr { 
	background:#338;
}
table.p tr.header{ 
	background:#338;
	background-image: url("./images/background_BC_pal.png");
	background-size: auto 100%;
}
table.p tr td{ background:#469; }

table.n tr { 
	background:#253;
}
table.n tr.header{ 
	background:#253;
	background-image: url("./images/background_DP_ntsc.png");
	background-size: auto 100%;
}
table.n tr td{ background:#476; }
table.c tr { 
	background:#a44;
}
table.c tr.header{ 
	background:#a44;
	background-image: url("./images/background_CI_red.png");
	background-size: auto 100%;
}
table.c tr td{ background:#b27070; }
table.s tr { 
	background:#8a6f08;
}
table.s tr.header{ 
	background:#8a6f08;
	background-image: url("./images/background_CI_yellow.png");
	background-size: auto 100%;
}
table.s tr td{ background:#a6903e; }
table.p tr th, table.n tr th, table.p tr td, table.n tr td, table.c tr td, table.c tr th{
	position:relative;
	color:#eee;
        /* border-left:1px solid #666; */
        /* border-top :1px solid #777;	 */
}
table.p tr td, table.n tr td, table.c tr td{
	padding-top:2px;
	padding-bottom:2px;
}
table.n tr th, table.p tr th, table.c tr th{
	/* font-style:italic; */
	padding-top:7px;
	padding-bottom:7px;
	text-shadow:
    -1px -1px 0 #000,
    0px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    0px 1px 0 #000,
    1px 1px 0 #000;	
}
table.p tr td.statcode{	background:#646b8e; }
table.n tr td.statcode{	background:#577; }
table.p tr td.stdbreak{ border:1px solid #646b8e; 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:#ccc;
	font-weight:bold;
	font-size:11px;
	font-family:monospace;
}
table.n.profile tr td.beststat, table.p.profile tr td.beststat{
	color:#73d287;
	font-weight:bold;
	/* text-decoration:underline; */
}
table.n.profile tr td.worststat, table.p.profile tr td.worststat{
	color:#f8b497;
	text-decoration:underline;
	font-style:italic;
}

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 {
	background:#ffd700;
	color:#04b;
	font-weight:bold;
	border-color:transparent;
}
table.ladder tr td.hl a, table.ladder67 tr td.hl a{
	background:#ffd700;
	color:#04b;
	font-weight:bold;
	border-color:transparent;
}
table.p tr td.hl a, table.p tr td.hl {
	background:#ffd700;
	color:#382784;
	font-weight:bold;
	border-color:transparent;
}
table.n tr td.hl a, table.n tr td.hl {
	background:#ffd700;
	color:#365635;
	font-weight:bold;
	border-color:transparent;
}	
table.c tr td.hl a, table.c tr td.hl {
	background:#ffd700;
	color:#a44;
	font-weight:bold;
	border-color:transparent;
}	
table.ladder tr td.hlmiss, table.ladder67 tr td.hlmiss{ 
	background:#ffff00;
	color:#0050aa;
	font-size:9px;
	font-style:italic;
	border-color:transparent;
}
table.p tr td.hlmiss {
	background:#ffff00;
	color:#382784;
	font-size:9px;
	font-style:italic;
	border-color:transparent;
}
table.n tr td.hlmiss {
	background:#ffff00;
	color:#365635;
	font-size:9px;
	font-style:italic;
	border-color:transparent;
}
table.c tr td.hlmiss {
	background:#ffff00;
	color:#a44;
	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, table.c 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.c 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;
		padding-top:4px;
		padding-bottom:4px;
		
}
table.p tr td.vswin, table.n tr td.vswin, table.c 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.c tr td.vslos, table.ladder tr td.vslos, table.ladder67 tr td.vslos{
	color:#999;
}
table.charts tr td, table.charts tr td.tot{
	padding:0;
}

table.charts.p a:hover{
	background:#37b;
}
table.charts.n a:hover{
	background:#49927a;
}
table.charts a{
	color:#ddb;
	font-size:9pt;
	text-decoration:none;
	font-weight:normal;
	height:100%;
	width:100%;
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
}

table.charts a:hover, table.charts a:hover, table.charts a:hover{
	color:#fff;
	font-size:9pt;
	text-decoration:none;
	font-weight:normal;
}
table.p tr td.lighter {
	background: #646b8e;
	color: #ccc;
}

table.n tr td.lighter {
    background: #577;
	color: #ccc;
}



/* spinning tracks for charts */
.track  {
	background-color:#333;
	width:67%;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #777;
}

.emptyline {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.letter {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(images/spinning_tracks/font-flat-black.png);
    background-size: 288px 48px;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
}

.letter--a { background-position: 0 0; }
.letter--b { background-position: -16px 0; }
.letter--c { background-position: -32px 0; }
.letter--d { background-position: -48px 0; }
.letter--e { background-position: -64px 0; }
.letter--f { background-position: -80px 0; }
.letter--g { background-position: -96px 0; }
.letter--h { background-position: -112px 0; }
.letter--i { background-position: -128px 0; }
.letter--j { background-position: -144px 0; }
.letter--k { background-position: -160px 0; }
.letter--l { background-position: -176px 0; }
.letter--m { background-position: -192px 0; }

.letter--n { background-position: 0 -16px; }
.letter--o { background-position: -16px -16px; }
.letter--p { background-position: -32px -16px; }
.letter--q { background-position: -48px -16px; }
.letter--r { background-position: -64px -16px; }
.letter--s { background-position: -80px -16px; }
.letter--t { background-position: -96px -16px; }
.letter--u { background-position: -112px -16px; }
.letter--v { background-position: -128px -16px; }
.letter--w { background-position: -144px -16px; }
.letter--x { background-position: -160px -16px; }
.letter--y { background-position: -176px -16px; }
.letter--z { background-position: -192px -16px; }

.letter--1 { background-position: 0 -32px; }
.letter--2 { background-position: -16px -32px; }
.letter--3 { background-position: -32px -32px; }
.letter--4 { background-position: -48px -32px; }
.letter--5 { background-position: -64px -32px; }
.letter--6 { background-position: -80px -32px; }
.letter--7 { background-position: -96px -32px; }
.letter--8 { background-position: -112px -32px; }
.letter--9 { background-position: -128px -32px; }
.letter--0 { background-position: -144px -32px; }
.letter--pe { background-position: -160px -32px; }
.letter--bo { background-position: -176px -32px; }
.letter--bc { background-position: -192px -32px; }
.letter--qu { background-position: -208px -32px; }
.letter--ex { background-position: -224px -32px; }
.letter--sq { background-position: -240px -32px; }
.letter--dq { background-position: -256px -32px; }
.letter--da { background-position: -272px -32px; }
.letter--sp { background-image: none;}

.track__title {
	padding-top:10px;
    font-size: 0;
    margin-bottom: 10px;
	vertical-align:top;
	text-align:center;
	min-width:100%;
	width:100%;
	max-width:100%;
	/* white-space: nowrap; */
}

.track__info {
		/* padding-top:40%; */
    font-size: 0;
	max-width:55%;
	width:55%;
	min-width:55%;
    margin-bottom: 10px;
	text-align:left;
	vertical-align:middle;
	padding-left:1%;
	/* white-space: nowrap; */
}

@media (min-width:1400px) {

  /* your conditional / responsive CSS inside this condition */

  .track__info { padding-left:5%; }

}
@media (min-width:1600px) {

  /* your conditional / responsive CSS inside this condition */

  .track__info { padding-left:10%; }

}


.track__preview-container {
    max-width:45%;
	min-width:45%;
	width:45%;
	overflow:hidden;
}

.track__preview {
    position: relative;
    width: 100%;
    padding-top: 45%;
    height: 0;	
	perspective: 1000px
}

.track__preview-image {
	top: 45%;
    position: absolute;
    left: 50%;
    margin-left: -35%;
    margin-top: -35%;
    width: 70%;
    height: 156%;  
    transform: rotateX(45deg);
    animation: rotate linear 7.5s infinite;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
}

@keyframes rotate {
    from {
        transform: rotateX(67.5deg) rotateZ(0deg);
    }

    to {
        transform: rotateX(67.5deg) rotateZ(360deg);
    }
}

/* 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;
	padding-left:5px;
	padding-right:5px;
}
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; */
}