@charset "utf-8";
/* CSS Document */

*{
padding:0;
margin:0;}

body{
	background:url(images/bg.jpg) no-repeat top center #000;
	color:#ccc;
	text-align:center;
	font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	cursor:default;}

a{
	color:#ccc;
	text-decoration:none;}
a:hover{
	text-decoration:underline;}
a *{
	border:0;
	cursor:pointer;}

h1{font-size:1.75em;}
h2{font-size:1.334em;}
h3{font-size:1.167em;}
h4{font-size:1em;}
h5{font-size:0.834em;}
h6{font-size:0.75em;}

p{
	text-align:left;
	cursor:auto;}

form{
	vertical-align:top;
	margin:0;
	padding:0;}
input,label,textarea,select{
	position:relative;
	font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size:0.9167em;
	color:#333;}
label{
	margin:3px 0 5px;
	line-height:20px;
	vertical-align:top;}
input{
	height:14px;}
textarea.text, input.text{
	background:#f2aa61 no-repeat 5px center;
	border:1px solid #b35e09;
	margin:3px 0 0;
	padding:2px 1px 0;}
input.button{
	position:relative;
	background:url(images/btn_.png) no-repeat 0 0;
	border:0 none;
	width:70px;
	height:18px;
	font-weight:bold;
	color:#fff;
	margin:auto 1px;
	overflow:hidden;
	cursor:pointer;}
input.button:hover{
	background-position:0 -18px;}
input.button2{
	background:url(images/btn2_.png) no-repeat;
	width:112px;}
input.button3{
	background:url(images/btn3_.png) no-repeat;
	width:180px;}
input.checkbox, input.radio{
	border:0 none;
	line-height:20px;
	background:none;
	vertical-align:middle;}
input.disabled{
	background-color:#805933;}
	
	
noscript{
	display:block;
	background:#990000;
	font-size:1.34em;
	font-weight:bold;
	color:#fff;
	padding:20px;}

blockquote.error{
	display:block;
	border:#990000 2px solid;
	font-size:0.9167em;
	color:#fff;
	margin:0 0 10px;
	padding:6px 10px;
	text-align:left;}
blockquote.error a{
	text-decoration:underline;}

	
/* basic classes */
.wrapper{
	overflow:hidden;
	width:100%;}
.clean_wide{
	width:100%;}
.alignright{
	float:right;}
.alignleft{
	float:left;}
.aligncenter{
	margin:10px auto;
	text-align:center;
	display:block;}
.textright{
	text-align:right;}
.textleft{
	text-align:left;}
.textjustify{
	text-align:justify;}
.textcenter{
	text-align:center;}

.game_icon{
	background:url(images/icon_null.png) no-repeat center center;
	width:60px;
	height:50px;
	overflow:hidden;}
.rating .msg{
	color:#808080;
	font-style:italic;}
.rating .score_text .quota{
	color:#996633;}
.rating .score_text .num{
	color:#99CC00;}
.rating .score_text .num2{
	color:#aaa;
	font-style:italic;}


/* theme customs */
#main{
	background:#0d0701 url(images/bg_main.png) no-repeat 0px 214px;
	width:960px;
	margin:0 auto;}

#header{
	position:absolute;}
#header #logo{
	margin:50px 0 0 25px;}

#header #search{
	position:absolute;
	top:44px;
	left:500px;
	width:250px;}

#header #onlinetext{
	position:absolute;
	top:70px;
	left:540px;
	width:200px;
	color:#808080;
	text-align:right;}

#header #login{
	position:absolute;
	left:788px;
	top:44px;
	background:url(images/login_bg_tile.png) repeat-y;
	width:150px;
	height:136px;}
#header #login .top_{
	background:url(images/login_bg_top.png) no-repeat;
	height:9px;}
#header #login .title{
	text-align:left;
	padding:0 0 0 10px;}
#header #login .subtitle,
#header #login form label{
	color:#808080;
	font-size:0.9167em;}
#header #login a{
	color:#ff860d;}
#header #login form{
	margin-top:6px;}
#header #login form input{
	font-weight:bold;}
#header #login form input.text{
	width:130px;}
#header #login.loggedin{
	top:80px;
	height:100px;}
#header #login_loggedin form .user_updates{
	font-size:0.9167em;
	color:#aaa;
	line-height:3em;
	vertical-align:middle;}
#header #login_loggedin form .user_updates a{
	background:no-repeat center right;
	font-weight:bold;
	color:#aaa;
	text-decoration:none;
	padding:0 13px 0 1px;}
#header #login_loggedin form .user_updates .no_updates{
	color:#666;}
#header #login_loggedin form .user_updates a.comment{
	background-image:url(images/icon_notify_comment.gif);}
#header #login_loggedin form .user_updates a.award{
	background-image:url(images/icon_notify_award.gif);}
#header #login_loggedin form .user_updates a.challenge{
	background-image:url(images/icon_notify_challenge.gif);}
#header #login_loggedin form .user_updates a.achallenge{
	background-image:url(images/icon_notify_achallenge.gif);}
#header #login_loggedin form .user_updates a.cchallenge{
	background-image:url(images/icon_notify_cchallenge.gif);}
/*#header #login.loggedin #login_user a{
	color:#ff860d;}*/
	
#header_bg{
	width:960px;
	height:180px;
	overflow:hidden;
	z-index:-1;}
#header_bg div{
	width:100px;
	height:180px;
	float:left;}
#header_bg #bg1{ background:url(images/header_bg_01.jpg) no-repeat;}
#header_bg #bg2{ background:url(images/header_bg_02.jpg) no-repeat;}
#header_bg #bg3{ background:url(images/header_bg_03.jpg) no-repeat;}
#header_bg #bg4{ background:url(images/header_bg_04.jpg) no-repeat;}
#header_bg #bg5{ background:url(images/header_bg_05.jpg) no-repeat;}
#header_bg #bg6{ background:url(images/header_bg_06.jpg) no-repeat;}
#header_bg #bg7{ background:url(images/header_bg_07.jpg) no-repeat;}
#header_bg #bg8{ background:url(images/header_bg_08.jpg) no-repeat;}
#header_bg #bg9{ background:url(images/header_bg_09.jpg) no-repeat;}
#header_bg #bg10{
	background:url(images/header_bg_10.jpg) no-repeat;
	width:60px;
}

#menu{
	background:url(images/header_menu_bg.png) no-repeat;
	width:960px;
	height:34px;
	line-height:34px;
	text-align:right;
	overflow:hidden;}
#menu ul{
	list-style:none;
	padding-right:110px;}
#menu ul li{
	display:inline;}
#menu ul li a{
	display:inline-block;
	padding:0 20px;
	font-weight:bold;
	color:#fff;}

#submenu{
	background:url(images/header_submenu_tile.png) repeat-x;
	width:720px;
	height:20px;
	line-height:20px;
	text-align:right;
	margin:0 20px 0 auto;
	vertical-align:top;}
#submenu .content{
	color:#808080;
	height:20px;
	vertical-align:middle;
	white-space:nowrap;}
#submenu .content a{
	padding:0 28px;
	height:20px;
	color:#808080;}
#submenu span em{}
#submenu span a:hover{
	color:#ccc;
	text-decoration:none;}
#submenu #edge_l{
	background:url(images/header_submenu_edge_l.png) no-repeat;
	width:20px;
	height:20px;
	float:left;}
#submenu #edge_r{
	background:url(images/header_submenu_edge_r.png) no-repeat;
	width:20px;
	height:20px;
	float:right;}

#container{
	padding:20px 10px 40px;
	/*min-height:200px;/**/}

#footer{
	background:url(images/footer_bg.png) no-repeat center top;
	height:175px;}
#foot_menu{
	background:url(images/footer_menu_tile.png) repeat-x;
	width:600px;
	height:20px;
	font-size:0.9167em;
	line-height:20px;
	margin:0 auto;
	white-space:nowrap;}
#foot_menu .edge_l{
	background:url(images/footer_menu_edge_l.png) no-repeat;
	width:10px;
	height:20px;
	float:left;}
#foot_menu .edge_r{
	background:url(images/footer_menu_edge_r.png) no-repeat;
	width:10px;
	height:20px;
	float:right;}
#foot_menu a{
	padding:0 20px;
	color:#808080;}
#footer .copyright{
	font-size:0.834em;
	color:#4c4c4c;
	margin:5px 0 0;}
#footer .context{
	font-size:0.834em;
	color:#333;
	width:720px;
	margin:0 auto;}
#footer .context a{
	color:#644;}
#footer small.credit{
	font-size:0.75em;}
#footer .credit{
	margin-right:60px;}
#footer .credit,
#footer .credit a{
	color:#331c04;}

.c80{
	color:#808080;}
	
/* ads */
.ads{
	background:#1a0e02;
	color:#0d0701;
	font-size:0.834em;}
.ad_leaderboard{
	width:728px;
	height:90px;}
.ad_skyscrapper_w{
	width:160px;
	height:600px;}
.ad_banner{
	width:468px;
	height:60px;}

.ad_1{
	float:right;
	margin:5px 20px;}
.ad_2{
	border-top:2px solid #262626;
	border-bottom:1px solid #262626;
	background:#1a1a1a;
	margin:40px 10px 0 0;
	padding:10px;
	float:right;}
.ad_3{
	margin:10px 50px;
	float:left;}
.ad_4{
	margin:10px 0 10px 12px;
	float:left;}