/* CSS Document */
body{ background-color:#444444; padding:0px; margin:0px;  color:#848484; font:10px/12px Tahoma, sans-serif;}
div, p, ul, h1, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/12px Tahoma, sans-serif; color:#60b13b; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:11px/14px Trebuchet MS, sans-serif; color:#464646; font-weight:bold}
p.subtitle{font:11px/12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-transform:uppercase; display:block; border-bottom:#b2b2b2 1px dotted; padding-bottom:10px; padding-left:3px}

#container{width:728px; margin:0 auto; position:relative; background-color:#222222;}

/* HEADER */

#header{height:58px; position:relative; margin:0 auto;background:#fff url(../images/b_body.gif) 0 0 repeat-x; width:728px;}

#logo{position:absolute; top:14px; left:51px}

#searchForm{position:absolute; top:21px; left:473px}

#searchForm img#h_search{float:left; margin-right:5px; padding-top:1px}
#searchForm input{width:112px; height:14px; background:#4a4a4a; float:left; margin-right:5px; font:10px/12px Tahoma, sans-serif; color:#fff; border:none}
#searchForm img#submit{float:left; padding-top:1px}

/* CONTENT */

#content{width:728px; position:relative; margin:0 auto; clear:both}

#leftPan{width:315px; margin:17px 0 0 14px; float:left;}
#rightPan{width:380px; float:left; margin-top:15px;}

#welcome{width:300px; }
.text{position:relative; margin-bottom:3px; color:#0DB9E1; font-size:18px;}
#welcome p.subtitle{margin-bottom:15px}

#welcome ul{width:135px; float:left}
#welcome ul li{font:10px/14px Tahoma, Geneva, sans-serif;padding-left:22px; height:20px;}
#welcome ul li a{color:#878787; text-decoration:underline;}
#welcome ul li a:hover{color:#000; text-decoration:none;}
#welcome ul#list01{margin:0 10px 0 3px}

#moregames{float:left; width:728px; background-color:#222222; }
#previews h2{height:23px; position:relative; margin-bottom:13px}
.featured {color:#CCCCCC;  margin-bottom:3px; font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:14px;}
#previews p span.headline{display:block; margin-bottom:2px}

.previewItem01{height:76px; background:#000000; margin-bottom:5px; margin-top:5px; width:230px; float:left; margin-left:10px; }
.previewItem01 img{float:left; margin:4px 5px 0 5px;}
.desc{ font-size:11px; color:#cccccc; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.game_title a{ font-size:11px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:2px; text-decoration:none;}
.game_title { font-size:11px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:2px;}

.previewItem01 .previewText{width:147px; margin-right:6px; float:left; margin-top:7px}
.previewItem01 .score{width:47px; height:47px; background:url(../images/b_score.gif) 0 0 no-repeat; margin:5px 0 0 0; float:left}
.previewItem01 .score p{ text-align:center; font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-top:3px }
.previewItem01 .score p span{ font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold }

.previewItem02{display: block; height:76px; margin-bottom:5px; }
.previewItem02 img{float:left; margin:4px 14px 0 18px;}
.previewItem02 .previewText{width:147px; margin-right:6px; float:left; margin-top:7px}
.previewItem02 .score{width:47px; height:47px; margin:5px 0 0 0; float:left}
.previewItem02 .score p{ text-align:center; font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-top:3px }
.previewItem02 .score p span{ font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold }

#ad{margin-bottom:20px;}
#ad img#mainImg{margin:0; height:199px}
#description{height:85px; background-color:#000000; position:relative}
#title{width:225px; margin:11px 0 0 22px; float:left; color:#FFFFFF; }
#title h2{height:19px; margin-bottom:10px}
#title h1{font-size:18px; color:#0DB9E1; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}
#stars{width:80px; position:absolute; top:11px; left:281px}
#stars img{margin-bottom:5px; clear:both}
#stars p{text-align:right; font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484;}
#stars p span{ font-weight:bold}

#description ul{
	width:90px;
	height:29px;
	position:absolute;
	top:42px;
	left:278px;
	background:url(../images/b_btn_feat.gif) 0 0 no-repeat;
}
#description ul li{text-align:center; padding-top:8px}
#description ul li a{font:11px/14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase}
#description ul li a:hover{color:#c0e4f6}

#new{width:350px; margin-left:21px; margin-bottom:10px}
#new h2{height:23px; position:relative; margin-bottom:17px}
.newItem {width:165px; float:left; margin-right:10px; margin-bottom:13px}
.newItem img{float:left; margin-right:10px}
.newItem p{width:85px; margin-bottom:10px; padding-top:7px; float:left}
.newItem ul.btn_more{float:left; height:14px}
.newItem ul.btn_more li{ height:14px; padding-left:22px}
.newItem ul.btn_more li a{font:11px/12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; text-transform:uppercase}
.newItem ul.btn_more li a:hover{color:#000}

#wanted{width:340px; margin-left:21px;}
#wanted h2{height:23px; position:relative; margin-bottom:6px}
#wanted p.subtitle{margin-bottom:10px}
#wanted img{float:left; margin-right:10px}
#wanted p span.headline{display:block; margin-bottom:2px; padding-top:2px}

/* FOOTER */

#footer{height:60px; clear:both; margin:15px auto 0 auto; background:url(../images/b_footer.gif) 0 0 repeat-x; width:728px;}
#footer p{padding: 25px 0 0 0; font:12px/16px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p a{font:12px/16px Tahoma, Geneva, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}