/* CSS
Author: Andrei Dobre

*/

/* Global Defaults
=====================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{
	border:0;
	margin: 0;
}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none; margin:0;padding:0}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* network
=====================================================================*/

html{
	height:100%;
	margin: 0px;
	padding: 0px;
}


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	background: #181818;
	line-height: 14px;
}


a{
	text-decoration: none;
	font-weight: bold;
	color: #b70463;
}

a:hover{
	color: #4b4a4a;
}

.clear{height:0px;overflow:hidden;clear:both;}

#page-bg{
	background:url(images/back2.gif)
}

#page-shadow{
	width:717px;
	margin: auto;
	background:url(images/bg-page.gif);
}


#page{
	width:705px;
	margin: auto;
	background-color: #FFFFFF;
	color:#444545;
}

#page-padder{
	padding:0 14px 14px 14px;
}

#page-bottom{
	background-image: url(images/bottom-page.gif);
	line-height: 12px;
	width: 717px;
	font-size: 1px;
	height: 12px;
	overflow: hidden;
	margin: auto;
}
#top{
	margin:auto;
	background-image: url(images/bg-top.gif);
	height: 120px;
	border-bottom: 5px solid #b70463;
}

#top-padder{
width:705px;
margin:auto;
}

#logo{
	display:inline;
	float:left;
	margin: 8px 0px 0px 18px;
}

#topmenu{
	display: inline;
	float: right;
	margin-top: 95px;
	
}

#topmenu a{
	color: #959595;
	font-size: 16px;
	line-height:25px;
	height: 25px;
	display:inline;
	float:left;
	padding:0px 5px 0px 5px;
}

#topmenu a:hover{
	color: #FFFFFF;
	font-size: 16px;
	background-color:#b70463;
	height: 25px;
	line-height: 25px;
	display:inline;
	float:left;
}

#topmenu .active{
	color: #FFFFFF;
	font-size: 16px;
	background-color:#b70463;
	height: 25px;
	line-height: 25px;
	display:inline;
	float:left;
}

#links{
	background-color:#eee;
	height:33px;
	line-height: 33px;
	font-size: 13px;
	width:670px;
	clear:both;
	margin-left:3px;
	border:1px solid #eee3ec;
	text-align:center;
}

#links a{
	color:#333;
	padding:0px 4px 0px 4px;
	font-weight:normal;
}

#links a:hover{
	color: #b70463;
}

#header{
	width:705px;
	height:220px;
	margin:auto;
	overflow:hidden;
	border-bottom: 5px solid #b70463;
	color: #eee;
	font-size: 13px;
	text-align: right;
	line-height: 16px;
	position:relative;
}

#header span{
	position:absolute;
	right:10px;
	bottom:10px;
}

#main{
	width:820px;
	margin:auto;
	margin-bottom: 10px;
}

h1{
	color:#ac005b;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	line-height: 22px;
	margin-top: 25px;
	margin-bottom: 5px;
	text-indent:16px;
}

p{margin-bottom:10px;}

#footer{
	margin:auto;
	background-image: url(images/bg-top.gif);
	height: 60px;
	border-top: 5px solid #666;
	line-height: 30px;
	color:#c0c0c0;
	font-size: 14px;
	text-align:center;
}

#featured_latest{
	height: 277px;
	float:left;
	margin:2px 1px 2px 3px;
	display:inline; /*IE FIX*/
	position:relative;
}



#featured_latest .tab_wrap{
	position:absolute;
	top:5px;
	left:0px;
}



#featured_latest .tab_active,.tab_inactive
{
	background:#fff;
	border:1px solid #eee3ec;
	border-right:0;
	width:198px;
	height:87px;
	display:block;
	font-size:12px;
	color:#555555;
	font-weight:bold;
	line-height:28px;
	text-indent:7px;
	margin-bottom:2px;
}



#featured_latest .tab_inactive
{
	background:#eee;
	color:#999999;
	width:197px;
	border:1px solid #eee3ec;
}

.feat-thumb{
	display:inline;
	float:left;
	background-image: url(images/bg-thumb.gif);
	width: 68px;
	height: 68px;
	text-indent: 0px;
	margin: 9px 6px 0px 9px;
}

.tab_inactive .feat-thumb{
	background-image: url(images/bg-thumb-inactive.gif);	
}

.feat-thumb img {
margin:0;
padding:4px;
}

.game-name{
	line-height:14px;
	font-size:13px;
	font-weight:normal;
	color:#333;
}

.game-genre{
font-weight:normal;
line-height:14px;
font-size:12px;
color:#666;
}

#featured_latest ol{
	background:#fff;
	border:1px solid #eee3ec;
	position:absolute;
	top:5px;
	left:198px;
	padding:0px;
	height:269px;
	width:471px;
	overflow:hidden;
	list-style-type: none;
}



#featured_latest ol li {
	width:471px;
	height:269px;
	float:left;
	display:inline;
	text-align:center;
	margin: auto;
	margin-top: 10px;
}



#featured_latest ol li a{

	margin:5px 0 5px 0;

}



#featured_latest ol li img{
	width:450px;
	height:220px;
	margin: auto;
	border:2px solid #fff;
}



#featured_latest ol li img:hover{
	text-decoration:none;
}



#featured_latest ol li b{
	padding:3px 0 3px 0;
	color: #b70463;
	float: right;
	margin-right: 10px;
	text-align: right;
}

#featured_latest ol li .screenshot{
	padding:3px 0 3px 0;
	color: #b70463;
    text-align:right;
}

.ss_btn{
	padding:2px 6px 2px 6px;
	color:#fff;
	background-color: #aaa;
	border:1px solid #fff;
	margin-right: 10px;
	line-height:28px;
}

a.ss_btn:hover{
	color:#fff;
	border:1px solid #520d49;
}

a.play_now{
	display:block;float:right; padding-right:10px; font-size:18px; font-weight:normal;line-height:17px;
}

/*================
gamelist
==================*/

.gamecell {
	width: 140px;
	height: 140px;
	float: left;
    margin: 13px;
	border:1px solid #eee3ec;
	text-align:center;
}

.gamecell img {width:120px; height:90px; margin:10px;}

.lime {color: #8CC63F;font-size:11px;}
.sold {color: #bf5757; font-size:11px;}

/*================
network
==================*/

.network {
	width: 45%;
	position:relative;
	padding:10px;
	margin:10px 0 0 10px;
	border:1px solid #c0c0c0;
	float:left;
	font-size:10px;
}

.network b{
	font-size: 14px;
}

.network a {
	font-size: 11px;
}