@charset "utf-8";
/* CSS Document */
/*YUI RESET. Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/*CSS STARTS HERE*/
.page{margin:0 auto;width:988px;position:relative;padding-top:16px;margin-bottom:50px;overflow:hidden;z-index:90}
.head{height:110px;overflow:hidden}
	.head .hd{background:transparent url(images/bg-head.png) no-repeat top center;height:8px}
	.head .bd{background:transparent url(images/bg-page.png) repeat-y top center;height:102px;}
.foot{text-align:center}
	.foot .bd{background:transparent url(images/bg-page.png) repeat-y top center;height:40px;padding-top:20px}
	.foot .ft{background:transparent url(images/bg-foot.png) no-repeat bottom center;height:8px}
.body{background:transparent url(images/bg-page.png) repeat-y top center;clear:both;overflow:hidden}
.main{float:left;oveflow:hidden}
.right-col{float:right;width:310px;overflow:hidden}

/*TYPOGRAPHY*/

body{font-family:arial,helvetica,sans-serif;font-size:0.8em;line-height:1.4em}
h1{font-size:196%;font-weight:normal;font-style:normal;color:#AE0345}
h2{font-size:140.6%;font-weight:bold;font-style:normal;color:#222}
h3{font-size:146.5%;font-weight:normal;font-style:normal;color:#DF2B72}
h4{font-size:94%;font-weight:bold;font-style:normal;color: #333}
p{font-weight:normal;margin-bottom:8px}

h2{display:block;background-color:#ddd;border-bottom:solid 1px #ccc;padding:0;line-height:26px;padding:0 5px;margin-bottom:5px}
	h2 em{color:#000;font-style:normal;font-weight:bold}

a{font-weight:bold;text-decoration:none;color:#DD0000}
a:visited{color:#DD0000}
a:hover{color:#ff0000;text-decoration:underline}
a:active{color:#c10000}

/*WIDTHS*/

.size1of1{clear:both;width:100%}
.size1of2{width:50%}
.size1of3{width:33.33333%}
.size2of3{width:66.66666%}
.size1of4{width:25%}
.size3of4{width:75%}
.size1of5{width:20%}
.size2of5{width:40%}
.size3of5{width:60%}
.size4of5{width:80%}
.size1of10{width:10%}
.size3of10{width:30%}
.size7of10{width:70%}
.size9of10{width:90%}

/*HEADER & NAVIGATION*/

.head h1{background:transparent url(images/logo.png) no-repeat top left;display:block;float:left;text-indent:-9000px;height:81px;width:299px;margin:20px 0 0 20px;overflow:hidden;display:inline}
.head h1 a{display:block;padding:40px 150px}
.navi{margin-top:65px;float:left;margin-left:20px;_margin-left:10px;}
	.navi li{display:inline;margin-left:10px}
	.navi a{background-color:#ddd;color:#666;display:inline-block;height:40px;font:bold 1.4em Arial, Helvetica, sans-serif;text-decoration:none;padding:5px 10px 0 10px}
	.navi a:visited{background-color:#ddd;color:#666}
	.navi a:active{background-color:#fff;color:#000}
	.navi a:hover{background-color:#fff;color:#000}
	.selected{color:#000!important;background-color:#fff!important}

.search-form{float:right;margin-top:65px;margin-right:20px;_margin-top:63px;}
	.search-form div{background:#fff;height:30px;width:230px;margin-right:8px;display:inline;overflow:hidden;border:none}
	.search-btn{background:#fff;color:#dd0000;font-weight:bold;vertical-align:middle;height:30px;width:70px;display:inline;border:none;margin-top:-3px;_margin-top:-19px}
	.search-btn:hover{background:#f8f8f8;}
	.search-input{height:16px;padding:7px;width:214px;border:none;margin:0}
		.search-input-small{width:144px;}

/*FOOTER*/

.foot dl{line-height:18px}
	.foot dd{display:inline;padding-left:15px;background:url(images/divider-footer.gif) no-repeat 5px 3px}

/*CONTENT BOXES*/

.block{clear:none;float:left;overflow:hidden}
.hd{overflow:hidden}
.bd{overflow:hidden}
.ft{overflow:hidden}

.container{padding:10px;background:#fff;margin:0 9px;overflow:hidden;clear:both;min-height:780px}
	.feat-container{height:310px!important;min-height:0!important}

.wide{width:630px;overflow:hidden;}

.feature div{background:transparent url(images/bg-transparent.png) repeat-y top left;width:100%;display:block}
	.feature a{text-decoration:none;display:block}
	.feature p{display:block;margin:0 10px 0 10px}
	.feature h2{display:block;background:transparent!important;border:none;margin:5px 10px 5px 10px;padding:0}

.feature-box{height:310px;overflow:hidden;width:310px}
	.feature-box .image-link{background:none;height:230px;text-indent:-9000px;display:block;width:310px}
	.feature-box div{height:80px;overflow:hidden}
.feature-wide{height:150px;overflow:hidden;width:630px}
	.feature-wide .image-link{background:none;height:120px;text-indent:-9000px;display:block;width:630px}

.item-list{line-height:16px}
	.item-list li{display:block;clear:both;border-bottom:solid 1px #ddd;padding-bottom:5px;padding-top:5px;}
	.item-list h4{font-size:0.94em}
		.news-list h4{}
	.item-list p{font-size:0.865em;line-height:14px;margin-bottom:0}
		.news-list p{line-height:26px;margin-bottom:0}
	.item-list a{display:inline}
		.item-list a:hover{text-decoration:none}
	.item-list strong{font-weight:bold}
	.item-list img{float:left;margin:0 5px 0 0;*margin:3px 5px 0 0}
		.games-page img{margin:0 5px 5px 0}

.news-item .embed-img{float:left;margin:0 10px 10px 0}
	.news-item .wide-img{float:none;clear:both}
	.news-item p{margin-bottom:10px}

.game-info ul{margin:10px 0}
	.game-info ul strong{display:inline}
	.game-info ul p{display:inline}
	.game-desc{width:365px;}

.screenshots ul{text-align:center}
	.screenshots li{display:inline}
	.screenshots .button a{display:inline-block;background:transparent url(images/button-sprite.png) no-repeat top left;width:26px;height:40px;margin-top:-40px;text-indent:-9000px}
		.button-prev{background-position:bottom left}
		.button-next{}

.screenshots-grid ul{text-align:left}
	.screenshots-grid li{float:left;padding:9px}

.videos span input{width:440px}

/*COMMENTS*/

.comments form label{display:block;font-weight:bold;margin-bottom:3px}
	.comments form input, .comments form textarea, .comments form submit{display:block}
	.comments form span{float:left;margin:5px 0}
	.comments form textarea{width:626px;height:100px}
	.comments form .input-field{width:306px}
	.comments ul span, .comments ul em, .comments ul p{display:block;clear:both;margin-bottom:5px}
	.comments ul span{font-weight:bold}
	.comments li{border-bottom:solid 1px #ddd;margin-bottom:10px}
	
/*STAR RATER*/

.game-list .star-rating{float:right;line-height:10px;margin-top:-13px;}
.games-page .star-rating{display:inline;float:right;line-height:10px;margin-top:-13px}
.game-info .star-rating{margin-top:-23px}

.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background:url(images/star_small.png) left -1000px repeat-x}
.star-rating{position:relative;width:50px;height:10px;overflow:hidden;list-style:none;margin-top:0;padding:0;background-position:left top}
/*.list-rating{position:relative;top:25px}*/
.star-rating li{display:inline!important;margin:0!important;padding-bottom:0;padding-top:0;}
.star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:10px!important;line-height:10px;outline:none;overflow:hidden;border:none;display:inline!important}
.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}

/*PAGINATOR*/

.pagination{float:right;margin-top:5px;}
	.pagination li{margin:0 2px;display:inline-block;float:left;border-bottom:0}
	.pagination a{padding:5px;border:solid 1px #ccc;display:inline-block;float:left}
	.pagination a:hover{padding:5px;border:solid 1px #ccc;background-color:#ddd}
	.pagination p{display:inline;font-weight:bold;background-color:#ddd;border:solid 1px #ccc;padding:5px;display:inline-block;float:left}

/*BUTTONS*/

.button-wide{background:url(images/game-button-wide.png) no-repeat top left;width:360px;height:42px;display:block;text-align:center;font-size:18px;color:#fff!important;overflow:hidden;padding-top:18px}
	.button-wide:hover{background-position:center left}
	.button-wide:active{background-position:bottom left}

/*HELPERS*/

em{font-style:italic}
span{color:red}
strong{font-weight:bold}
.hidden{display:none}
.visible{display:inline}
.margin-right{margin-right:10px!important}
.margin-left{margin-left:10px!important}
.margin-top{margin-top:10px!important}
.margin-bottom{margin-bottom:10px!important}
.link-text{font-weight:normal!important;color:#000!important}
.clear{clear:both;height:10px;width:100%}
.border-top{border-top:solid 1px #ddd}
.no-border{border:none!important}
.last{margin-bottom:0!important}
.first{background-image:none!important;padding-left:0}
.float-left{float:left}
.float-right{float:right}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
.ruler{border-top:solid 2px #999; margin:10px 0}
.empty-small-img {width:70px;height:45px;}
.empty-medium-img {width:125px;height:90px;}
.empty-large-img {width:255px;height:140px;}
.page {min-height:780px;}

/*RATING*/

.rating li{display:inline}

/* CLICKABLE BACKGROUND */
#bgOverlay {cursor:pointer;font-weight:normal;height:100%;left:0;overflow:hidden;position:absolute;text-decoration:none;top:0;width:100%;z-index:1;}
#subBody {z-index:90}