/*
Theme Name: WPArcadeEngine Classic Theme
Theme URI: http://www.WPArcadeEngine.com/
Description: Default theme for WPArcadeEngine.
Version: 1.0
Author: HBZSoftware
*/

h2 { color:white;
     margin-top:0; 
     margin-bottom:0; }

body{
	margin:0;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	background: #16c772;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
#page{ 
        border:solid 1px #008422;
	margin:3px auto 0;
	width:970px;
	background:#12a45e url(images/bgtop-page.gif) no-repeat;
	overflow:hidden;
}
#inner{
	padding:3px;
	width:964px;
	background:url(images/bgbot-inner.gif) no-repeat 0 100%;
	overflow:hidden;
}
#header{
	width:964px;
	display:table;
}
#header .topnav{
	margin:0 -3px 0 238px;
	padding:0;
	list-style:none;
	width:729px;
	position:relative;
	z-index:1000;
	overflow:hidden;
}
#header .topnav li{
	float:left;
	padding-left:1px;
	background: url(images/sep-topnav.gif) no-repeat;
        color: #000;
}
#header .topnav li:first-child{background: none;}
#header .topnav li a{
	float:left;
	padding:0 27px 0 27px;
	height:34px;
	font:bold 12px/34px Arial, Helvetica, sans-serif;
	color:#FFF;
	white-space:nowrap;
}
#header .topbar{
	margin-top:-34px;
	width:964px;
	height:146px;
	background:url(images/bg-topbar-header.gif) no-repeat;
	position:relative;
}
#header .topbar .home-btn{
	position:absolute;
	top:10px;
	left:12px;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color: #FFF;
	overflow:hidden; display:none;
}
#header .topbar h1{
	margin:0;
	position:absolute;
	top:20px;
	left:8px;
	width:195px;
	height:120px;
}
#header .topbar h1 a{
	display:block;
	width:195px;
	height:120px;
	text-indent:-9999px;
	background:url(images/caflogo.png) no-repeat;
	overflow:hidden;
}
#header .topbar .topbanner{
	position:absolute;
	left:227px;
	top:44px;
	width:728px;
	height:90px;
}
#header .topbar .topbanner img{vertical-align:top;}
#header .botbar{
	margin-top:3px;
	width:964px;
	height:44px;
	background:url(images/bg-botbar-header.gif) no-repeat;
	overflow:hidden;
}
#header .botbar .loginform{
	margin-left:11px;
	float:left;
	display:inline;
	height:44px;
}
#header .botbar label{
	padding-right:14px;
	float:left;
	font:12px/44px Arial, Helvetica, sans-serif;
	color:#000;
}
#header .botbar label a{
	font-weight:bold;
	color:#d9492e;
}
#header .botbar .text{
	margin:10px 0 0 5px;
	float:left;
	display:inline;
	width:113px;
	height:14px;
	padding:4px 5px;
	background:url(images/bg-input.gif) repeat-x;
	border:1px #c1d9e3 solid;
	overflow:hidden;
}
#header .botbar .text input{
	height:13px;
	width:113px;
	float:left;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#000;
	border:none;
	background:none;
}
#header .botbar .btn{
	margin:11px 0 0 9px;
	float:left;
	display:inline;
}
#header .botbar .searchform{
	margin-left:20px;
	float:left;
	height:44px;
	display:inline;
	padding-left:19px;
	background:url(images/sep-botbar-header.gif) no-repeat;
}
#header .botbar .searchform label{padding-right:5px;}
#header .botbar .searchform .text,
#header .botbar .searchform .text input{width:123px;}
#content{
	margin-top:3px;
	width:100%;
	overflow:hidden;
}
.main{
	width:703px;
	float:left;
}

/* added */

.genericholder,
.genericholder .bg-bot {
	width:703px;
	background:#fff url(images/bg-top-generic.gif) no-repeat;
	overflow:hidden;
}

.genericholder .bg-bot{background:url(images/bg-bot-generic.gif) no-repeat 0 100%; padding-bottom: 8px;}


.genericholder .genericcontent{
	padding: 5px;
}



.genericcontent .head .icon{
	margin:3px 0 0 7px;
	float:left;
	display:inline;
	width:29px;
}
.genericcontent .head .icon img{vertical-align:top;}
.genericcontent .head h3{
	margin:3px 0px 0px 0px;
	float:left;
	font-size:14px;
	line-height:18px;
	color:#2c454c;
}








.gameinfo {
	margin:0;
	padding:0 10px;
	width:322px;
	float:left;
	overflow:hidden;
}

.gameinfo  .image{
	margin-top:10px;
	width:77px;
	height:77px;
	float:left;
}
.gameinfo  .image img{vertical-align:top;}
.gameinfo  .text{
	margin-left:16px;
	float:left;
	display:inline;
	width:227px;
}
.gameinfo .text h4{
	margin:8px 0 0;
	font-size:14px;
	line-height:16px;
}
.gameinfo  .text h4 a{
	color:#1672c7;
	text-decoration:underline;
}
.gameinfo  .text p {
	margin:6px 0 0;
	line-height:14px;
}
.gameinfo  .rating{margin-top:11px;}
.gameinfo  .rating img{vertical-align:top;}


.gamesplitter  {
	position: relative;
	left: 10px;
	width: 677px;
	float:left;
	height: 1px;
	background:url(images/dot2.gif) repeat-x;
}








.mediadisplay  {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 10px;
}

.mediadesc  {
	margin-left: 4px;
	/*color: #2c454c;*/
color:#000;
	margin-top: 8px;
}

.mediainfo {
	margin-top: 8px;
	margin-left: 4px;
	/*color: #2c454c;*/
color:#000;
font-size:16px;
}


.mediainfo b {
	color: #1672c7;  margin-right:10px;
        
}






.blockbg {

	padding: 4px;
	margin-bottom: 12px;

	background: url(images/bg-block.gif) no-repeat;

}


.blockbg h3{
	margin:3px 0px 0px 3px;
	font-size:14px;
	line-height:18px;
/*	color: #2c454c;*/
color:#000;
}













/* ----- */


.feature,
.feature .bg-bot{
	width:703px;
	height:256px;
	background:#fff url(images/bg-top-feature.gif) no-repeat;
	overflow:hidden;
}
.feature .bg-bot{background:url(images/bg-bot-feature.gif) no-repeat 0 100%;}
.feature .bg{
	margin:9px 3px 0;
	padding:0 7px 0 6px;
	width:684px;
	height:239px;
	background:url(images/bg-feature.gif) repeat-x;
}
.feature #slideblock{
	width:540px;
	height:239px;
	position:relative;
	float:left;
}
#slideblock .block{
	width:540px;
	height:239px;
}
#slideblock .image{
	float:left;
	width:250px;
}
#slideblock .image img{vertical-align:top;}

#slideblock .text{
	margin-left:10px;
	width:275px;
        float:left;
	display:inline;
}
#slideblock .text h3{
	margin:3px 0 0;
	font-size:16px;
	line-height:18px;
	color:#fff;
}
#slideblock .text strong{
	display:block;
	font:13px/16px Arial, Helvetica, sans-serif;
	color: #CAE3E7;
}
#slideblock .text h4{
	margin:15px 0 0;
	font-size:12px;
	line-height:16px;
	color:#fff;
}
#slideblock .text p{
	margin:15px 0 0;
	line-height:15px;
	color:#fff;
	width:390px;
}
#slideblock .text .play-btn{
	margin:22px 0 0;
	display:block;
	height:23px;
	width:79;
	text-indent:-9999px;
	background:url(images/play-btn.gif) no-repeat;
	overflow:hidden;

}
#slideblock .slides{
	position:absolute;
	top:198px;
	left:260px;
	width:186px;
	height:28px;
	background:url(images/bg-slides.gif) no-repeat;
	padding:8px 0 0 3px;
	overflow:hidden;
}
#slideblock .slides a{
	float:left;
	width:20px;
	height:20px;
	background:url(images/link-slides.gif) no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#9faaad;
	text-align:center;
	overflow:hidden;
}
#slideblock .slides .active a,
#slideblock .slides a:hover{
	text-decoration:none;
	color:#fff;
}
#slideblock .slides a.prev,
#slideblock .slides a.next{
	margin-left:5px;
	display:inline;
	text-indent:-9999px;
	background:url(images/link-prev-slides.gif) no-repeat;
}
#slideblock .slides a.next{background:url(images/link-next-slides.gif) no-repeat;}
#slideblock .slides a.prev.active,
#slideblock .slides a.prev:hover,
#slideblock .slides a.next.active,
#slideblock .slides a.next:hover{background-position:0 -20px;}
#slideblock .slides ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#slideblock .slides ul li{
	margin-left:5px;
	float:left;
	display:inline;
}
.feature .sponsors{
	margin-top:1px;
	height:236px;
	width:128px;
	float:right;
	background:url(images/bg-sponsors.gif) no-repeat;
	overflow:hidden;
}
.feature .sponsors h5{
	margin:3px 0 0 5px;
	width:118px;
	font:10px/14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	background:url(images/dot.gif) repeat-x 0 100%;
}
.feature .sponsors ul{
	margin:-2px 0 0;
	padding:0;
	list-style:none;
	width:128px;
	overflow:hidden;
}
.feature .sponsors ul li{
	margin-top:7px;
	width:100%;
	float:left;
	text-align:center;
}
.feature .sponsors ul li img{vertical-align:top;}


.gameholder{
	margin-left:-3px;
	width:708px;
	overflow:hidden;
}
.gameholder .contside{
	margin-left:3px;
	float:left;
	display:inline;

	width:350px;
}
.gameblock{
	margin-top:3px;
	width:350px;
	background:#fff;
	overflow:hidden;
}
.gameblock .bg-bot{
	width:350px;
	background:url(images/bg-bot-gameblock.gif) no-repeat 0 100%;
	overflow:hidden;
}
.gameblock .head{
	width:350px;
	height:31px;
	background:url(images/bg-head-gameblock.gif) no-repeat;
	overflow:hidden;
}
.gameblock .head .icon{
	margin:8px 0 0 10px;
	float:left;
	display:inline;
	width:29px;
}
.gameblock .head .icon img{vertical-align:top;}
.gameblock .head h3{
	margin:8px 0 0;
	float:left;
	font-size:14px;
	line-height:18px;
	color:#000;
}
.gameblock .link{
	margin:10px 4px 0 0;
	float:right;
	display:inline;
	padding-left:16px;
	background:url(images/arrow-link.gif) no-repeat 0 2px;
	font-size:11px;
	line-height:14px;
	color: #FFF; font-weight:bolder;
}
.gameblock .blocklist{
	margin:0;
	padding:0 10px;
	list-style:none;
	width:330px;
	background:url(images/bg-blocklist.gif) no-repeat 100% 0;
	overflow:hidden;
}
.gameblock .blocklist li{
	padding:1px 0 10px;
	width:100%;
	float:left;
	background:url(images/dot2.gif) repeat-x;
}
.gameblock .blocklist li:first-child{background:none}
.gameblock .blocklist li .image{
	margin-top:10px;
	width:77px;
	height:77px;
	float:left;
}
.gameblock .blocklist li .image img{vertical-align:top;}
.gameblock .blocklist li .text{
	margin-left:16px;
	float:left;
	display:inline;
	width:235px;
}
.gameblock .blocklist li .text h4{
	margin:8px 0 0;
	font-size:14px;
	line-height:16px;
}
.gameblock .blocklist li .text h4 a{
	color:#1672c7;
	text-decoration:underline;
}
.gameblock .blocklist li .text p{
	margin:6px 0 0;
	line-height:14px;
}
.gameblock .blocklist li .rating{margin-top:11px;}
.gameblock .blocklist li .rating img{vertical-align:top;}
.column{
	width:258px;
	float:right;
	background:#fff url(images/bg-top-column.gif) no-repeat;
	overflow:hidden;
}
.bgbotcol{
	padding:0 4px 9px;
	width:250px;
	background:url(images/bg-bot-column.gif) no-repeat 0 100%;
	overflow:hidden;
}
.column .linksblock,
.column .statistics{
	margin-top:10px;
	width:250px;
	overflow:hidden;
}
.column .topblock{margin-top:3px;}
.column .linksblock h4,
.column .statistics h4{
	margin:0;
	padding:0 10px;
	height:30px;
	width:250px;
	background:url(images/bg-title-linksblock.gif) no-repeat;
	font:14px/30px Arial, Helvetica, sans-serif;
	color:#2c454c;
}
.column .linksblock .links,
.column .statistics .list{
	margin:3px 0 0 6px;
	padding:0;
	list-style:none;
	width:238px;
	overflow:hidden;
}
.column .linksblock .links li{
	padding-bottom:1px;
	width:100%;
	float:left;
	background:url(images/dot2.gif) repeat-x 0 100%;
}
.column .linksblock .links li a{
	float:left;
	padding-left:20px;
	background:url(images/arrow-linksblock.gif) no-repeat 0 6px;
	font-size:12px;
	line-height:23px;
	color:#2c454c;
}
.column .linksblock .links li img{
	margin-top:8px;
	float:right;
}
.column .btn-share{
	display:block;
	margin:9px 0 0 6px;
	padding:0 10px 0 32px;
	width:196px;
	height:28px;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
	background:url(images/btn-share.gif) no-repeat;
	overflow:hidden;
}
.column .button{
	display:block;
	margin:10px 0 0 6px;
}
.column .button img{vertical-align:top;}
.column .statistics .list{
	padding-bottom:4px;
	margin-bottom:8px;
	background:url(images/dot2.gif) repeat-x 0 100%;
}
.column .statistics .list li{
	width:100%;
	float:left;
}
.column .statistics .list li img{
	margin-top:6px;
	float:left;
}
.column .statistics .list li span{
	width:223px;
	float:right;
	font-size:11px;
	line-height:24px;
	color:#2c454c;
}
.column .statistics p{
	margin:0 6px;
	font-size:11px;
	line-height:13px;
	color:#2c454c;
}
.column .banner{
	margin-top:10px;
	overflow:hidden;
}
.column .banner img{vertical-align:top;}
.column .ad-list{
	margin:0 0 0 -10px;
	padding:0;
	width:260px;
	list-style:none;
}
.column .ad-list li{
	margin:10px 0 0 10px;
	float:left;
	display:inline;
}
.column .ad-list li a{
	display:block;
	width:120px;
	height:60px;
}
.column .ad-list li a img{vertical-align:top;}
#footer{
	margin:0 auto;
	width:970px;
	padding-bottom:20px;
	overflow:hidden;
}
#footer .footnav{
	margin:17px 0 0 -10px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
}
#footer .footnav li,
#footer .right li{
	padding:0 10px;
	float:left;
	background:url(images/sep-footer.gif) no-repeat 0 3px;
	font-size:11px;
	line-height:15px;
	color: #dbeaed;
}
#footer .footnav li:first-child,
#footer .right li:first-child{background:none;}
#footer .footnav li a,
#footer .right li a{color:#dbeaed;}
#footer .footnav li a.rss{
	padding-right:18px;
	background:url(images/icon-rss.gif) no-repeat 100% 1px;
}
#footer .right{
	margin:17px -10px 0 0;
	padding:0;
	list-style:none;
	float:right;
	display:inline;
}






