html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }
img { border-style: none; }
fieldset { border:none; }
a { text-decoration:underline; color:white; }
a:hover { text-decoration:none; }

body {
background-color:#2F2A60;
font-family:Verdana,Helvetica,sans-serif;
font-size:0.8em;
color:white;
margin:0px auto;
padding:10px 0px;
width:1000px;
}

input.button { margin:3px 0px; padding:1px 5px; border:2px solid #2F2A60; font-size:0.9em; color:white; background-color:#445981; }

h1 { text-align:center; font-size:2.0em;  }

#header h1 {
width:1000px;
height:90px;
background:url('/layout/logo.jpg'); 
background-repeat:no-repeat;
text-indent: -200em;
margin-bottom:4px;
}

#sidebar-left { float:left; width:170px; margin:0px; }
#center { float:left; margin: 0px 0px 5px 10px; width:818px;  background: url('/layout/mainboxfooter.gif') bottom left no-repeat;  padding-bottom:8px; }
#main { padding-bottom:8px; padding-left:15px; background: url('/layout/mainboxcontent.gif') repeat-y; }
#center h1 { text-align:left; margin-bottom:10px; }

#center h2#breadcrumb { height:23px; background: url('/layout/mainboxheader.gif') no-repeat; font-size:15px; font-weight: bold; font-style: italic; padding:13px 3px 0px 50px; }
#sidebar-left h2, #sidebar-right h2 { height:19px;  font-size:12px; font-weight: bold; font-style: italic; padding:11px 10px 0px 43px; background: url('/layout/boxheader.gif') top left no-repeat; }
#sidebar-left abbr { border-bottom-style:none; }

.block { padding-bottom:8px; background: url('/layout/boxfooter.gif') bottom left no-repeat; margin-bottom:10px; }
.block .content { background: url('/layout/boxcontent.gif') repeat-y; padding-right:5px; }
.block .content ul.menu { list-style:none; padding:0px; }
.block .content ul.menu li.leaf { margin-left: 17px; }

#LatestReviews .content ul.menu li.leaf { list-style:outside square; margin-left:27px; padding-left:0px; }

#loginform label { margin: 2px 0px; float:left; width:3.3em; text-align:left; vertical-align:top; }
#loginusername, #loginpassword { width:7em; margin:2px 0px; padding:1px; vertical-align:top; border:1px solid #989898; }
#loginform br { clear:both; }



#reviewcontainer { float:left; width:600px; }
#sidebar-right { float:right; width:170px; margin:10px 10px 10px 0px; }
* html #sidebar-right { margin-right:5px !important; }
div.listbox { padding:5px; border:2px #2F2A60 solid; margin-bottom:10px; width:100%; }
.listbox h3 { font-weight:bolder; font-size:1.3em; margin-bottom:2px; }

.sidebox li  {padding:1px 0px; }

p { margin-bottom:10px; }
ul.errors { padding-left:15px; padding-bottom:15px; }
ul.indent { padding-left:15px; margin-bottom:10px; }


.twocolumnlist { list-style-type:none; width:595px; }
.twocolumnlist li{ width:280px; display:block; float:left; padding-left:12px; background:url('/layout/bp.gif') 2px 0.5em no-repeat;}
.twocolumnlist li.wide{ width:584px;}

.onecolumnlist { list-style-type:none; width:595px; }
.onecolumnlist li{ width:586px; display:block; float:left; padding-left:12px; background:url('/layout/bp.gif') 2px 0.5em no-repeat; }

.score {display:block; float:left; clear:both; }
.ratingbar { display:block;	float:right; width:410px; background-color:#2F2A60; height:0.9em; border: 1px solid black; margin-right:20px; }
.ratingbar .done { display:block; float:left; height:0.9em; width:0%; background-color: green; }


	
ul.reviewlist { list-style-type:none; margin-bottom:10px;  }
ul.reviewlist li { display:block; float:left; margin:3px 5px 3px 0px; border:2px solid #2F2A60;  }


ul.reviewlist li ul { list-style-type:none; }
ul.reviewlist li { list-style-type:none; }
ul.reviewlist li ul li  { display:block; float:none; margin:3px 5px; border:none; width:180px;  }	
ul.reviewlist li ul li.gamename  { font-weight:bold; min-height:33px;}	
ul.reviewlist li ul li .rating  { width:60px; }	
ul.reviewlist li ul li .ratingbar  { width:60px; }	


table.browse { border-collapse:collapse; border:2px #2F2A60 solid; margin-bottom:10px; }
table.browse  tr { border:2px #2F2A60 solid; }
table.browse th, table.browse td { padding:3px; }

ul.browse { list-style-type:square; list-style-position:inside; }



form.fullwidth label { margin: 5px 15px 5px 0px; float:left; width:8em; text-align:right; vertical-align:top; }
form.fullwidth input, form.fullwidth select, form.fullwidth textarea { width:42em; margin:5px 0px; padding:1px; vertical-align:top; }
form.fullwidth br { clear:both; }
/* do we want indented bits?
fieldset.indented { margin-left:8em; }
fieldset.indented input, fieldset.indented select, fieldset.indented textarea { width:34em; }
*/


.singlecomment { border-bottom:2px #2F2A60 solid; padding: 5px 0px;  margin:10px 0px 10px 0px; }
.hiddencomment { background-color:#4F5A90; }
.commentuser { font-weight:bold; display:block; float:left; }
.commentuser { display:block; float:left; }
.commentdate, .commentedit, .commenthide, .commentshow  { display:block; float:right; text-align:right; font-size:0.7em; margin-left:7px; }
.commenttext textarea { width:100%; height:8em; }
.commenttext {  }

.searchpaging { margin:10px 0px 4px 0px; }

table.search { border-collapse:collapse; border:2px #2F2A60 solid; margin-bottom:10px; width:95%; }
table.search  tr { border:2px #2F2A60 solid; }
table.search th, table.search td { padding:3px 5px; }
table.search tr.odd { background-color:#586B95; }

ul.feedlist { list-style-type:none; }
ul.feedlist li a { padding: 0 0 0 19px; background: url("/layout/rss.png") no-repeat 0 50%; }
a.feedlink { padding: 0 19px 0 0; background: url("/layout/rss.png") no-repeat right 50%; }
.clear {clear:both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .clearfix { height:1px; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */