body {background-image: url(images/site/bg-bricks-left.png), url(images/site/bg-bricks-right.png), url(images/site/background.png); background-repeat: repeat-y, repeat-y, repeat; background-position: top left, top right; background-color: #000000; color:#ffffff; font-family: tahoma, sans-serif} 

img {max-width: 100%; height: auto;
width: auto\9; /* ie8 */}

a:link, a:active {color: rgb(40, 180, 35); text-decoration: none;}
a:visited {color: rgb(35, 150, 30); text-decoration: none;}
a:hover {color: rgb(210, 50, 45); text-decoration: none;}

/*footer links*/
a.b:link {text-decoration: none; color: #00ff00; background-color: #000000;}
a.b:visited {text-decoration: none; color: #00ff00; background-color: #000000;}
a.b:hover {text-decoration: underline; color: #ffff00; background-color: #000000;}
a.b:active {color: #ffff00;}

.normal{font-family: tahoma, sans-serif; font-size:12px; color: #b0b0b0;}
.normal-white{font-family: tahoma, sans-serif; font-size:12px; color: #ffffff;}
.normal-green{font-family: tahoma, sans-serif; font-size:12px; color: #00ff00;}
.normal-smaller{font-family: tahoma, sans-serif; font-size:14px; color: #b0b0b0;}
.normal-smaller2{font-family: tahoma, sans-serif; font-size:12px; color: #b0b0b0;}
.normal-smaller3{font-family: tahoma, sans-serif; font-size:10px; color: #b0b0b0;}
.normal-smaller-green{font-family: tahoma, sans-serif; font-size:14px; color: #00ff00;}
.normal-smaller-green2{font-family: tahoma, sans-serif; font-size:10px; color: #00ff00;}
.section{font-family: tahoma, sans-serif; font-size:28px; color: #00ff00;}
.section2{font-family: tahoma, sans-serif; font-size:22px; color: #00ff00;}
.section3{font-family: tahoma, sans-serif; font-size:18px; color: #00ff00;}
.date1{font-family: tahoma, sans-serif; font-size:18px; color: #ffff00;}
.date2{font-family: tahoma, sans-serif; font-size:16px; color: #ff7000;}
.date3{font-family: tahoma, sans-serif; font-size:16px; color: #ff0000;}
.date4{font-family: tahoma, sans-serif; font-size:16px; color: #ffffff;}
.naviFont{font-family: times, sans-serif; font-size:14px; color: #ffffff;}

.updateBox {background-color:#000000; padding:5px; text-align:left}
.updateBoxHeader {background-color:#000000; border-top: 2px solid #202020; padding:5px; text-align:left}

hr{color: #202020; background-color: #202020; border: 1px solid #2a2a2a;}
.hr1{color: #404040; background-color: #404040; border: 1px solid #404040;}
.hr2{color: #101010; background-color: #101010; border: 10px solid #101010;}

#header {margin:0 auto; width:100%}
#headerBanner {float: left; text-align:center; width:100%}
#headerLogin {float: right; text-align:right}

#navi {float:left; width:100%; margin-top:4px; border-bottom:4px solid #400000; overflow:hidden; position:relative;}
#navi ul {clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
#navi ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
#navi ul li a {display:block; margin:0 0 0 1px; padding: 4px 10px; background:#400000; color:#ffffff; text-decoration:none; font-weight:bold; line-height:1.3em;}
#navi ul li a:hover {background:#800000; color:#00ff00;}
#navi ul li a.active{color:#ffffff; background:#600000;font-weight:bold;}
#navi ul li a.active:hover {color:#00ff00; background:#800000;font-weight:bold;}

#mainColumn {margin:0 auto; text-align: center; width:88%}
#aboutBox {background-color:#202020; padding:5px; text-align:left}

#updateHeaderNew {border-top: 0px}

#footer {margin:0 auto; text-align: center; width:100%}

.boxA
{
	background-color: rgb(20, 18, 16);
	padding: 1px;
	margin: 5px;
	border: 2px solid rgb(5, 3, 2);
}

.boxB
{
	background-color: rgb(15, 13, 12);
	padding: 1px;
	margin: 5px;
	border: 2px solid rgb(4, 2, 2);
}

.boxC
{
	background-color: rgb(8, 6, 5);
	padding: 1px;
	margin: 5px;
	border: 2px solid rgb(2, 1, 1);
	text-align: left;
}

.boxD /* Like C but for resources (note: Forced size!) */
{
	background-color: rgb(8, 6, 5);
	padding: 1px;
	margin: 5px;
	border: 2px solid rgb(2, 1, 1);
	width: 900px;
	text-align: left;
}

.underboxA
{
	background-color: rgb(20, 18, 16);
	border: 2px solid rgb(5, 3, 2);
	text-align:left;
}

.underboxB
{
	background-color: rgb(15, 13, 12);
	border: 2px solid rgb(4, 2, 2);
	text-align:left;
}

.underboxC /* Like B but for tables! (2 cells per row) */
{
	background-color: rgb(15, 13, 12);
	border: 2px solid rgb(4, 2, 2);
	text-align:left;
	width: 440px; /* 445px; */
}

.underboxD /* Like B but for tables! (3 cells per row) */
{
	background-color: rgb(15, 13, 12);
	border: 2px solid rgb(4, 2, 2);
	text-align:left;
	//width: 291px;
}

.underboxE
{
	background-color: rgb(6, 3, 3);
	border: 2px solid rgb(7, 3, 3);
	text-align:left;
}

.underboxF
{
	background-color: rgb(20, 18, 16);
	border: 2px solid rgb(5, 3, 2);
	text-align:center;
}

.fonttypeA{
	font-family: tahoma, sans serif; /* Font choice is not final, feel free to suggest */
	font-size: 13px;
	color: rgb(255, 255, 255);
} /* Main text to be used in most places */ /* White */
.fonttypeB{
	font-family: tahoma, sans serif;
	font-size: 17px;
	color: rgb(40, 180, 35);
	/*font-weight: bold;*/
} /* Larger bolded text for titles */ /* Green (?): Might want red on this instead? (And green on the other) */
.fonttypeC{
	font-family: courier, sans serif;
	font-size: 13px;
	color: rgb(255, 60, 60);
	/*font-weight: italic; Italic doesn't exist*/
} /* unused ATM */ /* RED */
.fonttypeD{
	font-family: courier, sans serif;
	font-size: 13px;
	color: rgb(255, 255, 55);
	font-weight: bold; 
} /* unused ATM */ /* ? */

th.author {width:20%}
th.game {width:40px}
th.date {width:160px}
th.rating {width:160px}
th.type {width:160px}

tr
{
	font-family: courier, sans serif; /* Font choice is not final, feel free to suggest */
	font-size: 13px;
	color: rgb(255, 255, 255);
	text-align:left;
}

tr.odd { background-color: #000000; }
tr.even { background-color: #202020; }

tr td { padding: 4px; }
tr th { font-weight: bold; text-align: center; }

form.labelAlign label { display: inline-block; width: 9em; text-align: right; }

acronym { border-bottom: 1px dotted green; cursor: help }

blockquote { margin-top: 0; margin-bottom: 0 }

.mouseover {
    position: absolute;
    z-index: 10;
    width: 256px;
    height: 224px;
    top: 10px;
    left: 10px;
    display: none;
    background-repeat: no-repeat;
}
.preview {
    position: relative;
}
.preview:hover .mouseover {
    display: block;
}

.ratingBox { border: 2px outset #999999; color: white; margin-bottom: 15px; }
.ratingBox .ratingAuthor { border-bottom: 1px solid #d1d1d1; background-color: #604040; width: 100%; }
.ratingBox .ratingStats { float: right; }
.ratingBox .ratingReview { margin: 5px; }

#subnavi {float:left; width:100%; margin-top:4px; border-bottom:4px solid #400000; overflow:hidden; position:relative;}
#subnavi ul {clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
#subnavi ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
#subnavi ul li a {display:block; margin:0 0 0 1px; padding: 4px 10px; background:#400000; color:#ffffff; text-decoration:none; font-weight:bold; line-height:1.3em;}
#subnavi ul li a:hover {background:#800000; color:#00ff00;}
#subnavi ul li a.active{color:#ffffff; background:#600000;font-weight:bold;}
#subnavi ul li a.active:hover {color:#00ff00; background:#800000;font-weight:bold;}