/* RESET */
*{ margin: 0; padding: 0;}
a img, iframe{ border: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
form, fieldset{ border: 0; }	
input, textarea, select, button { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
select{ margin: inherit; }
table{ border-collapse: collapse; border: 0; }
td, th, caption{ font-size: 100%; font-weight: normal; text-align: left; }

/* LAYOUT */
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090909; background-color: #3c3c3c; }
.wrap{ width: 980px; margin: 0 auto; }
#Head, #Nav, #F, #Path, #Game, #Content, #Footer{ float:left; width:100%; }

#Head{ height: 68px; background: black url(bg_head.gif) repeat-x; }
	#Head .wrap{ height: 68px; background: url(head_banner.jpg) no-repeat; position:relative; }
	#Head h1{ position:absolute; left:0; top:21px; width:40%; font-size: 48px; font-family: Arial, Helvetica, sans-serif; color: white; font-weight:bold; margin: 0; padding: 0; }
		#Head h1 a{ text-decoration: none; color: white; }
		#Head h1 span{ display: none; }
	#Login{ float: right; margin: 20px 0 0 0; color: #cdcdcd; text-align: right; width: 40%; font-size: 11px; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}	
		#Login a{ color: #f4b906; }
		#Login a:hover{ color: white; }
#Nav{ background: #808080; border-top: 1px solid #a3a3a3; border-bottom: 1px solid #474747; padding: 3px 0; color: white; text-align: right; font-weight: bold; font-size: 11px; }
	#Nav a{ color: #eee; text-decoration: none; }
	#Nav span{ margin: 0 10px; }
	#Nav a:hover{ color: white; text-decoration: underline;}

#F{ background: #c0c0c0; padding: 22px 0 0px 0; border-bottom: 1px solid white; }	
#Game{ background: white; padding: 20px 0; }
#Path{ background: #dbdbdb; font-size: 11px; padding: 5px 0; color:#000; font-weight:bold;}
	#Path span{ color: #555; font-weight:normal;}
	#Path a{ padding: 0 14px 0 0; color: black; text-decoration: none; font-weight: normal; background: url(path_bullet.gif) no-repeat right; }
	#Path a:hover{ text-decoration: underline; }
#Content{ background: #f5f5f5; border-bottom: 20px solid #d5d5d5; padding: 30px 0; }
	#Main{ float: left; width: 605px; }
	#Side{ float: right; width: 356px; margin-right: -12px; }
	* html #Side{ margin-right: -6px; }	
	#Content.content-game{ border-top: 0 none; }

#Footer{ border-top: 1px solid #eee; padding:20px 0 ; color:#b9b9b9;}
	#Footer .left, #Footer .right{ width: 45%; }

/* Helpers */
.left{ float: left; }
.right{ float: right; }
.center{ display: block; margin: 0 auto; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.tj{ text-align: justify; }
.small{ font-size: 0.9em; }
.clear, .Clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; }


/* CONTENT */
h1, h2, h3, h4, h5{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1{ font-size: 21px; margin: 0 0 25px 0; }
h2{ font-size: 18px; margin: 0 0 15px 0; }
h3{ font-size: 16px; margin: 0 0 10px 0; }
h4{ font-size: 14px; font-weight:bold; margin: 0 0 10px 0; }
h5{ font-size: 13px; font-weight:bold; margin: 0 0 10px 0; }
a{ color: #333; }
a:hover{ color: #e30000; }
p{ margin: 0 0 20px 0; }
ul, ol{ margin: 0 0 20px 0; padding: 0 0 0 16px; }
li{ margin: 0 0 4px 0; }

/* featured */
#F{ }
	#F ul{ float: left; width: 520px; height: 155px; overflow: hidden; list-style: none; padding: 0; }
	#F ul a{ float:left; width:518px; height:148px; border:1px solid silver; padding:5px; color: #454545; text-decoration: none; cursor: pointer; }
	
	#F ul .thumb{ float: left; margin: 0 10px 0 0; width: 217px; height: 139px; border: 4px solid #EBEBEB; overflow: hidden; cursor: pointer; }
	#F ul .thumb img{ width: 217px; }
	#F ul .title{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; }
	#F ul .desc{ display:block; margin-left: 230px;  }
	
	#F ul a:hover{ background: #c7c7c7; border: 1px solid; border-color: #afafaf #e2e2e2 #e2e2e2 #afafaf; }
	#F ul a:hover .title{ color: #e30000; }
	#F ul a:hover .thumb{ border: 4px solid #fff; }
	
	#F .right{ width: 440px; padding-top:10px; }
	#F a.fgame{ float: right; width: 165px; margin: 0 0 14px 24px; color: #454545; cursor: pointer; padding: 2px; border: 1px solid silver; text-decoration: none; }
	.fgame .left{ width: 54px; text-align: center; margin: 0 6px 0 0; }
	.fgame .thumb{ display:block; width: 46px; height: 46px; border: 3px solid #E0e0e0; overflow: hidden; cursor: pointer; }
		.fgame .thumb img{ height: 46px; }
	.fgame .title{ display: block; width: 104px; height: 15px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 4px 0; overflow: hidden; }
	.fgame .desc{ display:block; margin-left: 60px; font-size: 10px; line-height: 1.1em; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }

	#F a.fgame:hover{ background: #d0d0d0; border:1px solid; border-color:#adadad #f2f2f2 #f2f2f2 #adadad; }
	#F a.fgame:hover .title{ color: #e30000; }
	#F a.fgame:hover .thumb{ border: 3px solid #f5f5f5; }
	
	
/* game list */
.category h2{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #84add0; height:1.2em; border-bottom: 1px solid #b7b7b7; margin:0 0 10px 0;}
	.category h2 a.right{ font-weight: normal; margin-top: 6px; font-size: 10px; color: #777; text-decoration: none; text-transform: uppercase; }
	.category h2 a.right:hover{ color: #000; }
.gamesrow{ float: left; width: 635px; margin: 0 -30px 12px 0; }
	.category .game{ float: left; margin-right: 30px; padding: 3px; width: 279px; text-decoration: none; border: 1px solid #f5f5f5; }
	.category .game .left{ margin: 0; width: 114px; }	
	.game .thumb { float: left; width: 100px; height: 64px; margin: 0 8px 3px 0; overflow: hidden; border: 3px solid #4D4D4D; }
	.game .thumb img{ width: 100px; }
	.game .title{ color: #3B3B3B; margin-bottom: 4px; font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; }
	.game .desc{ display:block; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #9B9B9B; }
	.category .game:hover{ background: #fafafa; border:1px solid; border-color:#e0e0e0 white white #e0e0e0;}
		.category .game:hover .title{ color: #e30000; }
		.category .game:hover .desc{ color: #333; }
		.category .game:hover .thumb{ border: 3px solid #e30000; }

.pages{	clear:both; display:block; text-align:center; padding:15px 0 0 0;	}
	.pages a{ color: black; padding: 0 5px 0 5px; margin:0; text-decoration: none; }
	.pages a.active{ background-color: #D50000;  color: White;}
	.pages a:hover{ background-color: #F70000;  text-decoration: none; color: White;  }


/* Form styles */
#Main Form{ margin: 0 0 1em 0; width:100% }
#Main Form.Form{ }
#Main div.Block{ padding:0 0 10px 0;  }
#Main .Block .Title{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-size: 0.85em; font-weight: bold;  color: Black; 	}
#Main .Block .Title b{ color: #FB0000;  margin-left: 0.3em;  }
#Main .Error{ display: block; font-size:0.85em; 	font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: Red; font-weight: bold; }
#Main .Message{ display: block; font-size: 1.2em; 	font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: #1E48C1; font-weight: normal;  text-align: center;  }
#Main input.Text{ width: 278px; height: 18px; background-color: white; border: 1px solid #6e8886; color: #343434;  padding: 2px;  }
#Main textarea{ width: 255px; height: 70px; background-color: #FFFEF9; border: 1px solid #F7C993; color: #8E4826; overflow: auto; }
		
		
/* S I D E */	
#Column1, #Column2{ float: left; width: 166px; margin: 0 12px 0 0; }
#Side a:hover{ text-decoration: underline; }

.simplewidget{ width: 336px; padding: 0 4px; margin:0 0 20px 0; }
.widewidget{ float: left; margin:0 0 15px 0; width: 344px; background: white url(bg_sidewide.gif); }
	.widewidget .out{ float: left; width: 100%; background: url(bg_sidewide_footer.gif) no-repeat bottom; padding: 0 0 15px 0; }
	.widewidget .in{ float:left; width:312px; padding:17px 16px 10px 16px; background: url(bg_sidewide_top.gif) no-repeat; }

.widget{ float: left; margin: 0 0 15px 0; width: 166px; background: white url(bg_side.gif); }
	.widget .out{ float: left; width: 100%; background: url(bg_side_footer.gif) no-repeat bottom; padding: 0 0 15px 0; }
	.widget .in{ float:left; width:136px; padding:17px 15px 10px 15px; background: url(bg_side_top.gif) no-repeat; }	
	
#Side h2{ margin:0 0 18px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }	
.widget ul{ padding: 0; list-style: none; }
	.widget ul li{ padding: 0 0 0 16px; background: url(bullet1.gif) no-repeat 0 4px; }
	.widget ul li.empty{ background:none; }
	.widget ul a{ color: #454545; text-decoration: none; }
.widget p{ margin: 0 0 10px 0; }
.widget select{ width: 135px; }

/* search */
#Search .text{ float:left; width:255px; height: 18px; padding:7px 5px 5px 5px; background: url(bg_search.gif) repeat-x; border: 1px solid #999; }
#Side #Search h2{ margin: 0 0 6px 0; }
#Search .btn{ float: right; width: 35px; height: 32px; background: #de120f url(btn_go.gif); color: white; font-size: 1px; border: 0 none; cursor: pointer; }

/* NEWS block */
#NewsBlock{  }
	#NewsBlock li{ margin-bottom: 15px; padding: 0; background: none; }
	#NewsBlock .title{ color: #4682b4; font-size: 11px; display: block; display: block; font-weight: bold; }
	#NewsBlock .date{ font-weight: normal; }
	#NewsBlock .more{ display:block; font-size: 10px; width:100%; text-align: right; font-weight: bold;  }
		#NewsBlock .more a{ color: #e30000; }

/* Feedback */
p.site_comment{ margin: 0 0 7px 0; font-size: 11px; }
	p.site_comment .user{ font-size: 11px; color: #4682b4; font-weight: bold; }
	p.site_comment .user a{ color: #4682b4; font-weight: bold; }
#SitefeedbackBlock form p{ margin: 0 0 10px 0; }
#SitefeedbackBlock textarea{ border: 1px solid silver; overflow: auto; width: 128px; padding: 3px; height: 60px; }
#SitefeedbackBlock input.Button{ font-size:11px; }


/* FOOTER */
#Footer a{ text-decoration: none; color:#ccc; }
#Footer a:hover{color: #fff; 	}
#Footer p{ margin: 0 0 4px 0; line-height: 1.2em; }
#Footer{ font-size: 11px; }


/* GAME PAGE */
#Game h1{ font-size: 12px; text-transform: uppercase; }
	#Game h1 span{ font-size: 27px; display: block; text-transform: none; }
	#Gamebox{ float: left; width: 979px; background: #656565; border: solid #333; border-width: 1px 0 0 1px; }
	#Gamebox .left{ float: left; width: 790px; min-height:450px; padding: 20px 0; background: #8e8e8e url(bg_game.gif) repeat-y right; text-align: center; }
	* html #Gamebox .left{ height: 450px; }

/* Game comments */
/* #Gamebox .right{ float: right; width: 170px; padding: 15px 17px 0 0; color: white; font-size: 11px; }
	#Gamebox .right h2{ color: #ff7e00; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
	#Gamecomments{ height: 300px; overflow: auto; }
	#Gamecomments p{ margin: 0 0 5px 0; }	
	#Gamecomments .user{ color: #ccc; font-weight: bold; }
	
	#feedbackpost textarea{ background: #4D4D4D; color: #fff; width:167px; height: 50px; overflow: auto; border: 1px solid; border-color: #333 #999 #999 #333; }
	#feedbackpost .btn{ border: 0 none; background: url(bg_btn_submit.gif); width: 62px; height: 21px; color: white; font-size: 11px; }
*/
.code{ display: block; width: 127px; height: 200px; font-size: 11px; background: #fff; border: 1px solid; border-color: #999 #eee #eee #999; padding: 3px; overflow: hidden; }	

#star-rating{ background: url(star_rating.gif) repeat-x left -1000px; float:right; height:30px; width:145px;}
	#star-rating a:hover,
	#star-rating a:active,
	#star-rating a:focus,
	#star-rating .current-rating{ background: url(star_rating.gif) repeat-x left -1000px; }
	#star-rating{ position: relative; width: 145px; height: 30px; overflow: hidden; list-style: none; margin: 15px 0 0 0; padding: 0; background-position: left top; }
	#star-rating li{ display: inline; line-height:30px; }
	#star-rating a,
	#star-rating .current-rating{ position: absolute; top: 0; left: 0; text-indent: -1000em; height: 30px; line-height: 30px; outline: none; overflow: hidden; border: none; }
	#star-rating a:hover,
	#star-rating a:active,
	#star-rating a:focus{ background-position: left bottom; }
	#star-rating a.one-star{ width: 20%; z-index: 6; }
	#star-rating a.two-stars{ width: 40%; z-index: 5; }
	#star-rating a.three-stars{ width: 60%; z-index: 4; }
	#star-rating a.four-stars{ width: 80%; z-index: 3; }
	#star-rating a.five-stars{ width: 100%; z-index: 2; }
	#star-rating .current-rating{ z-index: 1; background-position: left center; }

#Recommended .category .game{ height: 90px; margin: 0 0 12px 0; overflow: hidden; }


ul.sitemap{ list-style: none; }
	ul.sitemap li{ list-style: none; float: left; width: 180px; }
ul.sitemap_games li{ float: none; }

.commentbox{
background-color: #ececec;
width: 700px;
padding: 10px;
}

.commentfooter{
background: url(media/arrow.gif) 20px 0 no-repeat;
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.pagination ul{border:0; margin:0; padding:0;}

#pagination-digg li{
font-size:11px;
list-style:none;
margin-right:2px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
float:left;
display:block;
padding:6px 7px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:5px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
	border:solid 1px #0e509e;
	background-color: #C8DAF0;
}