/* -------------------------------------------------------
Reset
------------------------------------------------------- */
*{outline:none}
*, html{padding:0px; margin:0px; font-family:Arial,Helvetica,"Lucida Sans Unicode","Trebuchet MS",Verdana,Geneva,sans-serif}
a, 
a img, 
blockquote, 
body, 
caption, 
div, 
em, 
fieldset, 
font, 
form, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
html, 
img, 
label, 
legend, 
object, 
p, 
pre, 
span, 
strong{border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline}
a:link, 
a:visited, 
a:active{ text-decoration:none}
a:hover{color:#000}
a{color:#000; outline:none}
img a:hover{}
fieldset, 
img{ border:0}
ul, ol, li{list-style-position:outside; margin-left:0px}
/* -------------------------------------------------------
Global
------------------------------------------------------- */
body{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}
.cBoth{
	display : block;
	clear : both;
}
.fLeft{
	float : left;	
}
.fRight{
	float : right;	
}
.dNone {
	display: none;	
}
.col12 {
	float: left;
	width : 290px;
	margin-left: 5px;
}
.col12.last {
	float: left;
	margin-right: 5px;
	margin-left: 0;	
}

/* -------------------------------------------------------
Global
------------------------------------------------------- */

/* -------------------------------------------------------
Layout
------------------------------------------------------- */

#c{
	width : 980px;
	margin : 0 auto;
}
a, a:visited, a:hover{
	font-weight: bold;
	color : #ffffff;
}
#header{
	height : 200px;
	position: relative;
}
#header .band {
	height : 20px;
	line-height: 20px;
	position: relative;
}
#header .band h1 {
	font-size: 11px;
	color : #aaaaaa;
}
#logbox {
	position: absolute;
	right: 10px;
	top : 0;
}
#logbox a, #logbox span.or {
	position : absolute;
	display: block;
	top : 0;
	height: 20px;
	text-indent: -5000px;
}
#band2 {
	height : 80px;
	position: relative;
}
#band2 a.logo, #band2 div.pitch {
	position: absolute;
	text-indent: -5000px;	
}
#band2 a.logo {
	top : 20px;
	left: 5px;
	width: 360px;
	height: 40px;
}
#band2 div.pitch {
	top : 20px;
	right: 0;
	width: 307px;
	height: 42px;
}
#band3 {
	height: 90px;
	position: relative;	
}
#band3 .invaderL, #band3 .invaderR, #band3 .ads-center{
	position: absolute;
}
#band3 .invaderL, #band3 .invaderR {
	width : 81px;
	height : 70px;
	top : 10px;
}
#band3 .invaderL {
	left : 50px;	
}
#band3 .ads-center {
	width: 468px;
	height: 60px;
	left : 250px;
	top : 15px;
}
#band3 .invaderR {
	right : 50px;	
}

#l {
	float:left;
	margin-left:-980px;
	width: 180px;

	min-height: 400px;
}
#l .menu {
	width: 180px;
	background: #361e02; 
	margin-bottom: 20px;
}
#l .menu .top {
	display : block;
	height: 38px;
	text-indent: -5000px;
	border-bottom: 1px solid #301b02;
}
#l .menu ul {
	list-style: none;	
}
#l .menu ul li a {
	display: block;
	height : 28px;
	text-indent: 40px;
	line-height: 28px;
	border-bottom: 1px solid #301b02;
}
#l .menu ul li a.odd {
	border-bottom: none;
	border-top: 1px solid #382002;
}
#l .menu ul li a:hover {
	text-decoration: underline;	
	background-color: #4F310F;
}
#l .menu .bottom {
	border-top: 1px solid #361e02;
	background : #361e02;
	min-height: 8px;
	text-indent: 40px;
}
#l .menu .bottom a {
	font-size: 10px;
	color : #B3D0EF;
	padding: 1px 0;
}
#l .menu .bottom.odd {
	border-top: 1px solid #382002;
	background: #3d2203;	
}
#l .top span {
	display:block;
	height:41px;
	text-indent:-5000px;	
}


#l .search {
	height: 30px; 
	position: relative;
}
#l .search .inputText {
	width: 100px;
	height: 18px;
	padding: 1px;
	position: absolute;
	top : 4px;
	left : 4px;
	border: 1px solid #291806;
}
#l .search .go {
	position: absolute;
	top : 4px;
	right : 4px;
	height: 20px;
	min-height : 20px;
	display: block;
	width: 60px;
	text-align: center;
	line-height: 20px;
	background: #4F310F;
	border: 1px solid #291806;
	text-indent:0px;
}
#l .search a.go:hover {
	background: #7F5A2F;	
}

#r {
	float:left;
	margin-left:-180px;
	width: 180px;
	position: relative;
	
	min-height: 400px;
	text-align: center;
}
#r .ads-right {
	margin: 10px;	
	width: 160px;
	height: 600px;
}
#pw {
	float:left;
	width:100%;
}
#content{
	width : 600px;
	margin : 0 190px 0px 190px;
	position: relative;
	color : #fff;
	
	min-height: 400px;
}
#content .box {
	margin-top: 20px;	
}
#content h1 {
	font-size:28px;
	margin: 0 0 10px 0;
	color:#DFD3C3;
}
#content h2 {
	font-size:18px;
	margin: 5px 0 5px;
	padding-top:15px;
	color:#DFD3C3;
}
#content p {
	font-size:12px;
	margin: 5px 0 5px;
	text-align:justify;
}
#content .ads-square {
	float: left;
	margin-right: 10px;
}
#content .breadCrumb div {
    display: inline;	
}
#content .breadCrumb, #content .breadCrumb a {
	color : #aaaaaa;
}
#content .breadCrumb a:hover {
	color : #00CAFC;
}

.box div.genrew {
	margin-top: 40px;	
}
.box ul.genre li {
	display: block;
	width: 290px;
	float: left;
	margin-left: 10px;	
	margin-bottom: 40px
}
.box ul.genre li.cBoth {
	margin-left: 0;
	margin-right: 10px;		
}
.box ul.genre li a {
	display: block;
	width: 290px;
	height: 80px;
	line-height:20px;
	text-indent: -5000px;
}
.box ul.genre li a:hover {
	border: none;
	padding: 0px;
}
.box ul.genre li p {
	color : #FEFEFE;
}
.box .genre li ul.topGames {
	margin: 5px;	
}
.box .genre li ul.topGames li {
	display: inline;
	margin: 0;
}
.box .genre li ul.topGames li a {
	display: inline;
	color : #EDEDED;
}
.genre .topGames .type {
	font-size: 16px;
	color: #DFD3C3;
}

.box .genre .topGames .type {
	margin-bottom:5px;
}


.box div.yearw {
    margin-top: 40px;   
}
.box ul.year li {
    display: block;
    width: 190px;
    float: left;
    margin-left: 10px;  
    margin-bottom: 40px
}
.box ul.year li.cBoth {
    margin-left: 0;
    margin-right: 10px;     
}
.box ul.year li a {
    display: block;
    width: 190px;
    height: 40px;
}
.box ul.year li a:hover {
    border: none;
    padding: 0px;
}
.box ul.year li p {
    color : #FEFEFE;
}
.box .year li ul.topGames {
    margin: 5px;    
}
.box .year li ul.topGames li {
    margin: 0;
}
.box .year li ul.topGames li a {
    height:20px;
    line-height:20px;
    overflow:hidden;
    display:block;
    color : #EDEDED;
}
.year .topGames .type {
    font-size: 16px;
    color: #DFD3C3;
}

.box .year .topGames .type {
    margin-bottom:5px;
}


.genreDescr img {
	float: left;
	margin: 0 10px 5px 0;	
}

.game .mainImg {
	margin: 0 20px 20px 0;
	float: left;	
}
.game .innerRight {
	display : block;
	float:  left;
	width : 260px;
	list-style: none;
	margin: 10px 0 20px;
}
.game dl {
	margin-bottom : 20px;	
}
.game dl dt {
	display : block;
	float: left;
	width: 100px;
	font-size: 14px;
	text-transform: capitalize;
	clear: both;
	font-weight: bold;
	margin-bottom: 5px;
}
.game dl dd {
	display : block;
	float: left;
	width: 155px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.game dl dd a {
	font-weight : normal;
	color : #DDDDDD;	
}
.game dl dd a:hover {
	text-decoration: underline;	
}
.game a.download {
	clear:both;
	display:block;
	height:40px;
	margin:0 auto;
	text-indent:-5000px;
	width:175px;
}
#content .game .dlSize {
	text-align: center;
	margin-bottom: 0;
	color : #CCCCCC;
	font-weight: bold;
}
.game h1, .game h2 {
	text-transform: uppercase;
}
#content .game h2 {
	margin: 30px 0 10px; 	
}
.game .userComment {
	background: url("/media/public/img/icons-sprite.gif") no-repeat scroll 0px -385px #31220B;
	color:#00A4F9;
	font-size:12px;
	height:24px;
	line-height:24px;
	padding-left:32px;
	display: block;
}
.game .userComment span {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-right:3px;
}
.game p {
	padding-left: 3px;	
}
.game #screens {
	padding-left: 3px;
}
.game #screens a {
	margin: 0 20px 10px 0;
	width: 185px;
	height: 110px;
	display: block;
	float: left;	
}
.game #screens a.last {
	margin-right: 0;	
}
.game .dlBottom {
	height: 60px;
	margin-top: 20px;
}
.game .notLogged {
	position: relative;	
}
.game .dlBottom.notLogged .download {
	position: absolute;
	margin:0;
	top: 0;
	left : 100px;
}
.game .dlBottom.notLogged .faster {
	clear:both;
	display:block;
	height:40px;
	margin:0;
	text-indent:-5000px;
	width:175px;
	position: absolute;
	top: 0;
	right : 100px;
}

.game #postedComments div.comment {
	margin: 10px 5px;	
}
.game #postedComments .username {
	padding-left: 32px;
	background: #31220B url(/media/public/img/icons-sprite.gif) top left no-repeat;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color : #00A4F9;
}
.game #postedComments .username span {
	color : #fff;
	font-size: 14px;
	font-weight: bold;
	padding-right: 3px;
}
.game #postedComments #seeAllComments {
	display : block;
	width: 200px;
	height: 30px;
	line-height: 30px;
	margin: 10px auto 0;
	text-align: center;
	background: #3D2203;
	border : 1px solid #301B02;
}
.game #postedComments #seeAllComments:hover {
	background : #4F310F;
}

.game #postComment form label {
	width:120px;	
}
.game #postComment form textarea {
	height:200px;
	width:400px;	
}
.game #postComment form fieldset {
	margin: 0;	
}
.game #postComment form .action {
	position: relative;
}
.game #postComment form .ajaxload {
	height : 28px;
	width : 24px;
	background: url(/media/public/css/rabid/img/ajax-loader2.gif) center center no-repeat;
	position: absolute;
	top : 0;
	left : 125px;
}
.game #postComment form fieldset .error {
	margin-left:131px;
}
.game h2.rel {
	position: relative;	
}
.game h2.rel a {
	position : absolute;
	font-size: 12px;
	bottom: 0;
	right : 0;
}
.game h2.rel a:hover {
	color : #00A4F9;
}

#nwo {
	background: #361E02;
	color : #9F7A4F;
	padding: 3px;
	margin: 10px auto;	
}

#nwo a {
	color : #CFB18E;	
}

/*-- Paginations --*/
.filtering, .pagination {
	margin: 10px 0;	
	padding-bottom: 5px;
	clear : both;
}
.filtering {
	border-bottom: 1px solid #6F4F29;
}
.filtering a, .pagination a, .pagination span {
	text-align : center;
	display: block;
	float: left;
	padding: 4px;	
	font-size: 14px;
	min-width: 12px;
	border: 1px solid #31220B;
}
.filtering a.current, .filtering a:hover,
.pagination a.current, .pagination a:hover {
	border : 1px solid #361E02;
	background: #7F5A2F;	
}

.itemListGame {
	text-align : center;
	float : left;
	width: 130px;
	padding: 10px;
}
.itemListGame:hover {
	padding: 9px;
	border : 1px solid #361E02;
	background: #7F5A2F;
}
.itemListGame .year {
	font-size: 10px;
}
.box ul {
	list-style: none;	
}
.box .baseList ul li a,
.box .filtering ul li a,
.box .pagination ul li a {
	display: block;
	padding: 4px;
	font-size: 14px;	
}
.box .baseList ul li a:hover,
.box .filtering ul li a:hover,
.box .pagination ul li a:hover {
	padding: 3px;
	border : 1px solid #361E02;
	background: #7F5A2F;	
}

.ads-inline {
	text-align: center;
}

/*----- Howto ------*/

#howto ul {
	margin: 10px;
}

#howto ul li {
	margin: 5px 0;	
}

#howto ul li h3 {
	font-weight: bold;	
}

#howto p {
	clear: both;	
}

#howto p span {
	font-weight: bold;
	display: block;
}

#howto .screenshot {
	float: left;
	margin: 0 10px 10px 0;	
}

#footer {
	clear : both;
	height: 76px;
}
#footer .w {
	width: 980px;
	margin: 0 auto;
	position: relative;	
}
#footer .myab {
	text-indent : -5000px;
	width: 183px;
	height : 21px;
	position: absolute;
	left : 50px;
	top : 30px;
}
#footer .utopiaweb {
	display: block;
	text-indent : -5000px;
	width: 143px;
	height : 27px;
	position: absolute;
	right : 50px;
	top : 30px;	
}
/* -------------------------------------------------------
Layout
------------------------------------------------------- */

/* -------------------------------------------------------
Form
------------------------------------------------------- */

form {
	margin: 20px 10px;
}
form .inputs {
	margin: 10px 0;
}
form fieldset {
	margin: 20px 0;
}
form .formText {
	text-align: center;	
}
form .error {
	font-weight: bold;
	color : #BF7C77;	
}
form fieldset .error {
	margin-left:213px;
}
form textarea {
	font-size: 12px;
}
form input, form textarea {
	border: 1px solid #8F6635;
	padding: 2px;
	width:200px;
}
form label, form .inputDiv, form .textareaDiv  {
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 25px;	
}
form .textareaDiv {
	display : block;
	margin-left: 10px;
	float: left;
	height: auto !important;
}
form label {
	color : #DDD;
	font-weight: bold;
	display: block;
	float: left;
	width: 200px;
	text-align: right;
	clear: both;
}
form label:hover {
	cursor: pointer;	
}
form .inputDiv {
	display : block;
	margin-left: 10px;
	float: left;
	width: 370px;
}
form .checkboxContainer {
	clear: both;	
	height: 25px;
}
form .checkboxContainer label {
	clear: none;
	text-align: left;
	margin-left: 10px;
}
form .inputCheckbox {
	float: left;
	margin-left: 210px;
	width: 10px;
	height: 25px;
	margin-top: 11px;
	border: none;
	height: 11px;
}
form .button {
	background:#3D2203 url(/media/public/css/en_US/layout/invaders-list.png) no-repeat scroll 8px -25px;
	border-bottom:medium none;
	border-top:1px solid #382002;
	display:block;
	min-height:28px;
	line-height:28px;
	text-indent:40px;
	margin: 0 auto;
	color : #CCC;
	width: 150px;
	border : 1px solid #301B02;
	font-size: 12px;
}
form .button.large {
	width: 200px;
}
form a.button:hover {
	color : #EEE;
	border : 1px solid #301B02;
	background: #4F310F url(/media/public/css/en_US/layout/invaders-list.png) no-repeat scroll 8px 4px
}
.more .q {
	font-weight: bold;
}

form #humancheck {
	clear: both;
	margin: 20px auto;
	text-align: center;
	width: 450px;
	background: #fff;
	border : 1px solid #8F6635;
	min-height: 110px;
}
form #humancheck table {
	border: none !important;	
}
#recaptcha_response_field {
	padding: 2px;
	width: 296px !important;
	border : 1px solid #3D2203 !important;	
}
.recaptchatable #recaptcha_image {
	border : 1px solid 	#8F6635 !important;	
}
#registerForm .error {
	clear: both;
	font-size: 12px;
}
#inputMessage {
	width: 250px;
	height: 200px;	
}

/* Ratings */

.rateGame {
	height:40px;
	margin-bottom:10px;
	margin-left:25px;
	position:relative;
	width:220px;
}

.rabidRating .wrapper {
	cursor: pointer;
	background: #fff;
}

.rabidRating .wrapper {
	overflow: hidden;
}

.rabidRating span,.rabidRating .wrapper {
	display: block;
	width: 148px;
	height: 40px;
}

.rabidRating span {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.rabidRating .ratingStars {
	display: block;
	background: url('/media/public/css/rabid/img/invaders2.png') no-repeat center;
}

.rabidRating .ratingFill {
	background-color: #0FBFE4;
}

.rabidRating .ratingVoted {
	cursor: default;
	background-color: #00C1FD;
}

.rabidRating .ratingActive {
	background-color: #09AF00;
}

.rabidRating .votes {
	color: #fff;
	font-weight : bold;
	position: absolute;
	right: 0;
	line-height: 40px;
	height: 40px;
	width: 65px;
	top: 0px;
}

.rabidRating .votes.ratingError {
	color: #f00;	
}

.rabidRating .votes.loading {
	background: url('/media/public/css/rabid/img/ajax-loader2.gif') left center no-repeat;
	text-indent: -999em;
}

/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; 
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(/media/public/css/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink {
	padding-right: 0 !important;	
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(/media/public/css/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(/media/public/css/milkbox/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(/media/public/css/milkbox/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(/media/public/css/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}