@import url("reset.css");
@import url("nivo-slider.css");
@import url("960_24.css");

/*** Base ***/
body { 
	background-color:#000000;
	background-image: url(../images/bg.png);
    background-position: center top;
    background-repeat: no-repeat; 
	font-family:Arial; 
	font-size:12px;
}

a { text-decoration:none; color:#d00000; }
a:hover { text-decoration:none; }
a {
	transition: all .25s linear; 
	-o-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
}
h1, h2, h3, h4, h5, h6 { color:#ffffff; }
img { display:block; }
#wrapper { width:100%; position:relative; }

/*** Header ***/
#header { width:100%; }
#logo { float:left; padding:20px 0 13px; }
#topbanner { float:right; padding: 20px 0; }
#navibanner { width:100%; border-bottom: 1px solid #323232; position:relative;}
#navigation	{ width: 950px; float:left; font-size: 13px; font-weight: bold; border-top: 1px solid #323232; border-bottom: 1px solid #323232; }
#navigation li { float:left; position: relative; }
#navigation li a { padding:10px 15px 10px 15px; display:block; text-decoration:none; text-transform: uppercase; color:#ffffff; }
#navigation li:hover { background-color: #e50e07;}
#navigation li {
	transition: background-color .25s ease-out; 
	-o-transition: background-color .25s ease-out;
	-moz-transition: background-color .25s ease-out;
	-webkit-transition: background-color .25s ease-out;
}

/*** content ***/
#content { width: 100%; margin-top:15px; padding-bottom:15px; }
.heading { margin-top:15px; }
.heading span { margin-left: 15px; }
.heading h1 { padding: 5px; font-size:22px; font-weight:700; letter-spacing:-1px; color:#fff; border-bottom: 1px solid #323232;}
.heading h2 { padding: 0 5px; font-size:22px; font-weight:700; letter-spacing:-1px; color:#fff; width:819px; float:left; }
.textholder p { font-size:12px; color:#fff; line-height:18px; padding:5px; display:block; }
.breadcrumbs { width:600px; height:32px;	background: url(../images/breadcrumbs_bg.png) no-repeat; padding: 0 15px; display: block; }
.breadcrumbs a { background: url(../images/breadcrumbs.png) no-repeat scroll 100% 50% transparent; color: #909090; font-size: 13px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); margin-right: 10px;	line-height:18px; display:inline-block; }
.breadcrumbs a, .breadcrumbs strong { padding: 7px 22px 7px 0; }
.breadcrumbs a:hover { color:#cccccc; text-decoration:underline; }
.breadcrumbs strong {	color:#ff0000; display:inline-block; }
#featured { width: 100%; position:relative; z-index:1;}
#slides { float: none; position: relative; }
#slider { background: url(../images/loader.gif) no-repeat 50% 50%; }
#slider .nivo-controlNav { position: absolute; top: -1px; right: -105px; width: 94px; height: 62px; padding:0 0 5px; }
#slider .nivo-controlNav img { display: block; /* Unhide the thumbnails */ position: relative; border: 1px solid #323232; margin-bottom:8px; width: 92px; height: 60px; }
#slider .nivo-controlNav .nivo-control { position: relative; }
#slider .nivo-controlNav .active .overlay { background: url(../images/current-thumb.png);	position: absolute;	top: 1px; left: 1px; display: block; width: 92px; height: 60px; }
.nivo-caption h1 a { color: #fff; }
.nivo-caption h1 a:hover { color: #ff0000; }
.badge { background-image: url(../images/badges.png); width:78px; height:78px; position: absolute; top:-2px; left:-2px; z-index: 1000; }
#contentbanner { width:100%; border-top: 1px solid #323232; border-bottom:1px solid #323232; padding:10px 0; margin-top:15px; }
.pagination { font-size: 14px; font-weight: bold; text-align:center; padding:20px 0 0;}
.pagination a { background: #202020; color: #eeeeee; text-decoration: none; padding: 5px 10px; margin: 0 2px 0 2px; display:inline-block; }
.pagination a:hover { background: #e50e07; }
.pagination strong { text-decoration: none; padding: 5px 10px; margin: 0 2px 0 2px; display:inline-block; background: #e50e07; color: #fff; }
.pagination a.previous, .pagination a.next { background: #202020; color: #eeeeee; padding: 5px 10px; margin: 0 2px 0 2px; text-decoration: none; }
.pagination a.previous:hover, .pagination a.next:hover { background: #e50e07; }
.pagination strong, .pagination a, .pagination a.previous, .pagination a.next { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

	/*** cpmstar ***/
#cpmstar { width:100%; margin-top:15px; }
#cpmstar .gamebox { float:left; width:136px; height:220px; padding:0 14px 0; border-right:1px dashed #323232; }
#cpmstar .gamebox.first { padding:0 13px 0 0; }
#cpmstar .gamebox.last { padding:0 0 0 13px; border:none;}
#cpmstar .image img { margin:0 auto; border:1px solid #323232; padding:2px; }
#cpmstar .gamebox h2 { padding:5px 0 5px 3px; }
#cpmstar .gamebox h2 a { font-size:11px; color:#fff; font-weight:700; padding:5px 0; line-height:20px;}
#cpmstar .gamebox h2 a:hover { color:#ff0000; }
#cpmstar .gamebox p { height:90px; overflow:hidden; padding:0 0 0 3px; color:#909090; font-weight:600; font-size:11px; }

	/*** maingame ***/
.latestgame { width:100%; margin-top:15px; padding-bottom:15px; }
.latestgame h2 { padding: 5px; font-size:18px; font-weight:700; color:#fff; border-bottom: 1px dashed #323232;}

.maingame { width:100%; }
.maingame h2 { padding: 5px; font-size:14px; font-weight:700; color:#fff; border-bottom: 1px dashed #323232;}
.latestgame li, .maingame li { float:left; width: 92px; margin:15px 0 0 5px; border: 1px solid #323232; padding:5px 3px 3px; }
.latestgame li .image, .maingame li .image { width:80px; height:80px; margin:0 auto; }
.latestgame li:last-child , .maingame li:last-child { margin-right: 0 !important; }
.latestgame li h3, .maingame li h3 { text-align:center; height: 28px; overflow: hidden; line-height:12px; padding-top:5px;}
.latestgame li h3 a, .maingame li h3 a { font-size: 11px; color: #fff; font-weight:700; }
.latestgame li h3 a:hover, .maingame li h3 a:hover { color: #ff0000; }
.maingame .more span a  { float:right; margin-top:15px; line-height:19px; width:68px; height:19px; background: url(../images/viewall.png); color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; }
.maingame .more span a:hover { color:#000; background: url(../images/viewall_hover.png); }

	/*** listgame ***/
#listgame { width:100%; }
#listgame dl { width:295px; float:left; position:relative; border-bottom:1px dashed #323232; margin-top:20px; padding:0 10px 20px; }
#listgame dl dt { float:right; width:189px; padding:2px 10px 0; line-height:14px; }
#listgame dl dt a { font-size: 11px; font-weight:700; color: #fff; text-transform:uppercase;}
#listgame dl dt a:hover { color: #ff0000; }
#listgame dl dd.text { float:right; width:189px; height:42px; font-size:10px; padding:5px 10px 0; line-height:12px; font-weight:700; overflow:hidden; color:#909090; }
#listgame dl dd.rating { float:right; width:189px; font-size:10px; padding:5px 10px 0; line-height:12px; font-weight:700; color:#909090; }
#listgame dl dd.pic { float:left; display:block;}
#listgame dl dd.pic img { border:1px solid #323232; padding:2px; }

	/*** displaygame ***/
#displaygame { width:610px;	padding:10px 10px 25px; margin-top:15px; border-bottom: 1px dashed #323232; }
#displaygame .image { float:left; border:1px solid #414141; padding:2px;	display:block; }
#displaygame h1 { width:424px; float:right; padding:0 10px; line-height:18px; font-size:12px; font-weight:700; color:#fff; }
#displaygame .text {	width:424px; float:right; padding:0 10px 5px; line-height:14px;	font-size:10px;	font-weight:700; color:#909090; }
#rategame { width:424px; height:32px; float:right; padding:5px 10px 5px; }
#sharegame {	width:424px; height:30px; float:right; padding:5px 10px 0; }
#gamecontent { margin-top:10px; border-top: 1px solid #323232; border-bottom: 1px solid #323232; padding:10px; }
#gamecontent h1 { font-size:18px; font-weight:700; }
.game			{text-align:center;margin:0 auto;overflow:hidden;width:0px;height:0px}
.ad				{display:table;margin:0 auto;text-align:center;font-size:10px;font-weight:700;color:#fff;overflow:hidden;*position:relative;}
.middlewrapper	{vertical-align: middle; display:table-cell; *position:absolute; *top:50%; *left:0;}
.middlecontent	{*position:relative; *top:-50%; *left:0;}
.ad #progress	{width:200px;height:10px;margin:10px auto 0px auto;padding:0px;border:solid 1px #323232;text-align:left;}
.ad #pbar		{width:0px;height:10px;background-color:#ff0000;}
.ad #pskip		{text-align:center;}
.ad #pskip a		{color:#fff; text-decoration:none;}	
.medrectangle	{width:300px;height:250px;border:none}
#gamebottom { width:100%; margin-top:15px; }
#bottomleft { width:100%; float:left; }
.randomgame li { float:left; width: 92px; margin:20px 0 0 5px; border: 1px solid #323232; padding:5px 3px 3px; }
.randomgame li .image { width:80px; height:80px; margin:0 auto; }
.randomgame li:last-child { margin-right: 0 !important; }
.randomgame li h3 { text-align:center; height: 28px; overflow: hidden; line-height:12px; padding-top:5px;}
.randomgame li h3 a { font-size: 11px; color: #fff; font-weight:700; }
.randomgame li h3 a:hover { color: #ff0000; }
#bottomright { width:300px; float:right; }
#bottomright .chatbox { height:300px; margin-top:5px; }
#bottomleft h1, #bottomright h1 { font-size:11px; font-weight:700; color:#909090; padding:0 5px 3px; border-bottom: 1px dashed #323232; text-transform: uppercase; }

	/*** sidebar ***/
#sidebar { float:right; width:300px; }
#sidebar h1 { font-size:11px; font-weight:700; color:#909090; padding:0 5px 3px; border-bottom: 1px dashed #323232; text-transform: uppercase; }
.sidebanner { height:250px; margin-top:4px; padding-bottom:15px; }
.skycrapper { height:600px; margin-top:4px; padding-bottom:15px; }
.banner100x3 { height:100px; padding-bottom:15px; }
.sidelist { padding-bottom:15px; }
.sidelist li { width:300px; height: 46px; border-bottom: 1px dashed #323232; padding: 8px 0; }
.sidelist li .image { width:40px; height:40px; float:left; border: 1px solid #323232; padding:2px; }
.sidelist li h3 { width:244px; font-size:11px; font-weight:700; float:right; margin-left:10px; }
.sidelist li h3 a { color:#fff; }
.sidelist li h3 a:hover { color:#ff0000; }
.sidelist li p { width:244px; font-size:10px; font-weight:600; color: #909090; float:right; margin-left:10px; }
#half160 { width:160px; float:left; margin-top:10px; }
#half {width:130px; padding-left:10px; float:right; margin-top:10px; }
.category { padding-bottom: 15px; }
.category li { background: url(../images/sub.png) no-repeat; padding: 2px 0 2px 13px; border-bottom: 1px dotted #474747;  }
.category li a { font-size:11px; font-weight:700; color:#fff; }
.category li a:hover { color:#ff0000; }
.banner125 { width:125px; margin:0 auto; padding-bottom:15px; }
#search { padding-bottom:15px; }
#searchform	#s	{ background: url(../images/search_input.png) no-repeat; color: #eeeeee;}
#searchform	#searchsubmit	{ background: url(../images/search_submit.png) no-repeat; color: #ffffff;}
#searchform	#searchsubmit:hover	{ background: url(../images/search_submit_hover.png) no-repeat; color: #000000;}
#searchform	#s	{ width: 225px; line-height: 13px; font-size: 11px; font-family: Arial; padding: 4px 5px 4px 5px; border: none; margin: 0; float:left; }
#searchform	#searchsubmit	{ width:59px; height:22px; float: right; font-size: 10px; font-family: Arial; border: none; text-transform: uppercase; font-weight: bold; cursor: pointer; }

/*** advert ***/
.ad728 { width: 728px; height:90px; margin: 0 auto; padding:10px 9px 10px 0; background: url(../images/banner.png) right no-repeat;}
.ad468 { width:468px; height:60px; margin:0 auto; }
.ad160x600 { width:160px; height:600px; position:absolute; right:-170px; top:10px; display:block;}
.googleplus { height:24px; display:block; padding:1px 0 1px 15px; float:right;}
#floatlayer {background:#333333; border:10px solid #333333; box-shadow: 0 0 15px #000000; width: 300px; height: 250px; position: absolute; top: 0px; left: 280px; z-index: 9999; }
#close_float {background: url(../images/close.png) no-repeat scroll 0 0 transparent; cursor: pointer; display: inline; height: 34px; position: absolute; right: -25px; top: -25px; width: 34px; z-index: 1103; }

/*** footer ***/
#footer { padding-bottom:15px; }
#footerbanner { width:100%; border-bottom: 1px solid #323232; border-top: 1px solid #323232; }
.bottom { padding:15px 0 0 0; margin:0 10px 0;}
.bottom ul { padding-bottom:5px; }
.bottom li { font-weight: bold; padding:0 10px; text-transform: uppercase; border-right:1px dashed #323232; display: inline; }
.bottom li.first { padding:0 10px 0 0; }
.bottom li.last { border-right:none; }
.bottom li a { color:#fff; }
.bottom li a:hover { color:#ff0000; }
.bottom p { font-size:12px; color:#909090; display:block; }