/* CSS Document */

/* Color values

orange light: #f7921c
orange dark : #8f2c03

green light : #b5d75f
green dark  : #b8ca26
green font color : #558410

main container bg color : #e9face

purple light : #ac89e3
purple dark : #5a27b0

heading font : purple / green
side heading : green 2.0
middle heading : purple 2.0

category menu heading color : green
category content title color : purple

views : green color
rating : orange color


footer : white
*/


body { text-align:center; font-family:"tahoma", Arial, Helvetica, sans-serif; font-size:12px; background: #8f2c03 url(../images/bg.jpg) repeat-x; margin:0; padding:0; }

#main { width:900px; margin:0 auto; border-left:1px solid #742403; border-right:1px solid #742403; padding:0; background:#e9face; }
#main td { vertical-align:top; }
#header { width:100%; height:120px; margin:0; padding:0; background:#b8ca26 url(../images/headerbg.jpg) repeat-x; vertical-align:middle !important; }

#searchform { float:left; width:300px; margin:10px auto auto auto; padding:25px; background:url(../images/searchformbg.png) center center no-repeat; }
#searchform form {margin:auto; }

#topnav { width:100%; margin:0; padding:0; float:left; text-align:center; background:url(../images/navbglong.jpg) repeat-x; }
#topnav table { margin:0 auto; }
#topnav table td a { display:block; padding:0 10px; color:#FFFFFF; text-decoration:none; font-weight:bolder; }
#topnav table td a img { border:none; }
#topnav table td a:hover { font-weight:bolder; }


#left { width:200px; }
#right { width:200px; }
#middle { width: 500px; }
#middle_2 { width: 700px; }

.categorythumbs { float:left; width:110px; height:130px; overflow:hidden; margin:5px 2px 10px 1px; padding:5px 2px;}
.categorythumbs:hover { background:#e9face;} 
.categorythumbs a { color:#333333; font-weight:bolder; text-decoration:none;}
.categorythumbs img { width:100px; height:100px; border:none; }

#statstable { width:180px; font-size:10px; }
#statstable th { width:120px; text-align:left; font-weight:normal;}

#statstable { width:180px; }
#statstable th { text-align:left; font-weight:normal;}


.pagination {width:100%; float:left; margin:0; padding:0; color:#558410;}
.pagination a { color:#5a27b0; }


.gameslist { float:right; width:320px; margin:5px 6px 5px 6px; text-align:right; border:1px dashed #ac89e3; color:#333333; }
.gameslist table { width:100%; padding:0; margin:0; }
.gameslist table th { width:90px; }
.gameslist img { border:none; width:80px; height:80px; border:5px solid #ac89e3; padding:2px;}
.gameslist a { color:#5a27b0; text-decoration:none; font-weight:bold; }


.rsslist { float:right; width:220px; margin:5px 6px 5px 6px; text-align:right; border:1px dashed #ac89e3; color:#333333; }
.rsslist table { width:100%; padding:0; margin:0; background:url(../images/rss_or.jpg) right center no-repeat;}
.rsslist table:hover { background:url(../images/rss_gr.jpg) right center no-repeat; }
.rsslist table th { width:40px; height:60px; }
/*.rsslist table th:hover { background:url(../images/rss_gr.jpg) center center no-repeat; }*/
.rsslist a { color:#5a27b0; text-decoration:none; font-weight:bold; }


.gamearea { width:660px; margin:0 auto; height:556px;}
.gamedetailstable { width:100%; vertical-align:top;}
.gamedetailstable th { width:350px; height:260px; text-align:center; vertical-align:middle; overflow:hidden; }
.gamedetailstable td { vertical-align:top; text-align:right; color:#666666;}
.gamedetailstable td strong { color:#558410;}

.nextpreviousgame { text-align:center; }
.nextpreviousgame img { width:50px; height:50px; border:none; padding:2px; border:3px solid #ac89e3;}

.categorylist { width:150px; text-align:right; margin:0 auto; padding:0; }
.categorylist li { width:100%; border-bottom:1px solid #b8ca26; list-style-image:url(../images/ulicon.png); margin:0; padding:0; }
.categorylist li a { display:block; padding:3px; text-decoration:none; color:#558410; font-weight:bolder; }
.categorylist li a:hover { color:#8dcb31; }

.ok { color:#558410;}
.error { color:#FF0000; }

#footer { height:80px; text-align:center; background:#FFFFFF;}
#footer span { position:relative; text-align:center; top:50px; }