/*
Theme Name: Beppeville Theme
Theme URI: http://www.beppeville.com/
Description: 
Version: 1.0
Author:
*/


.blockbg { background-color:white; margin:6px; border-radius:12px; padding:12px; padding-top:3px; }
ul {
list-style:none;
margin:0; padding:0;
}
li {
margin:0;
padding:0;
padding-left:34px;
padding-top:3px;
height:20px;
background-image:url(images/bullet.png);
background-repeat:no-repeat;
background-position:12px 0px;
}

body
{
	margin:0;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	background:#bfe2ff url(images/bg-body.png) repeat-x;
}

#header .logo { float:left; margin:0; }
#header .logo h1 { margin:0; padding:0; }
#header .logo h1 a{
	display:block;
	width:508px;
	height:114px;
	text-indent:-9999px;
	background:url(images/logo.png) no-repeat;
	overflow:hidden;
}
#header .login { position:relative; float:right;  top: 20px;}
#header .login input {
        background-color:#c9e6ff;
        border: solid 1px #4976a0;
        width:90px;
        height:20px;
}
#header .login input.submit { background:url(images/login.png); width:55px; height:26px; text-indent:-9999px; border:0;
color: transparent;
text-transform: capitalize;}

ul.topnav {clear:both;
 background-image:url(images/menubar.png);
 height:27px;
 text-align:right;
 padding-right:20px;
margin:0;
list-style:none;

}

ul.topnav li { 
list-style:none;
background-image:none;
padding:5px;
padding-right:20px;
font-size:14px;
float:right;

}
ul.topnav li a 
{
color:white;
font-weight:bolder;
}

#content {
margin:0;
 background:url(images/bg-main.png) no-repeat top left;
 width:954px;
 height:1280px; overflow:hidden;
padding-top:10px;
}

#content .main {
margin:0;
width:694px;
background:url(images/bg-right.png) no-repeat;
float:right;
margin-right:10px;
}
#content .column {
float:left;
}
#content .column div h4 {
background:url(images/left-header.png) no-repeat;
width:216px;
height:39px;
margin:0; padding:0;
margin-left:10px;
padding-top:10px;
padding-left:20px;
font-family:Tahoma, Geneva, sans-serif;
font-weight:normal;
font-size:16px;
}
#content .column div a { font-weight:bolder; } 

.feature { background:url("images/featured-box.png") no-repeat; margin-left:6px; margin-top:6px; width:100%; height:275px; position:relative;}
.feature .text {
 width: 250px;
 padding:6px;
 padding-left:30px;
display:inline;
float:left;
}

.feature .text { color: #eeedeb; }
.feature .text h3 { 
 color:#fd812c;
 font-weight:normal;
 font-size:18px;
}


.feature .slides { background:url(images/numpad.png); top:200px;  


width:173px; height:49px; 
position:absolute; left:120px;} 
.feature .slides ul li { margin-left:0; 
background:none;
padding:0;}
.feature .slides ul li { position:relative; top:0; float:left }
.feature .slides ul li a {
background:url(images/buttonsonoff.png) no-repeat;
padding:0;
color:black;
float:left;
width:25px;
height:28px;
margin-top:8px;
margin-left:8px;
text-indent:-99999px;
}

.feature .slides ul li.active a { background-position:0 -39px; }
#s2 a {
background-position:-31px 0;
}

li#s2.active a {
background-position:-31px -39px;
}

#s3 a {
background-position:-62px 0;
}

li#s3.active a {
background-position:-62px -39px;
}

#s4 a {
background-position:-93px 0;
}
li#s4.active a {
background-position:-93px -39px;
}

#s5 a {
background-position:-124px 0;
}
li#s5.active a {
background-position:-124px -39px;
}



.feature .image { float:right; padding:20px; margin-right:15px;} 

img{border-style:none;}

a
{
	text-decoration:none;
	/* color:#0054d9;*/
        color: #0263c3;
}

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{
	margin:3px auto 0;
	width:954px;
	overflow:hidden;
}

#footer{
	margin:0 auto;
	width:970px;
	padding-bottom:20px;
	overflow:hidden;
}
#footer .footnav{
	padding:0; color:black;
	list-style:none;
	float:left;
	display:inline;
}
#footer .footnav li,
#footer .right li{
	padding:0 10px;
	float:left;
	font-size:11px;
        background:none;
}
#footer .footnav li a { color:#0263c3; font-weight:bolder; }
#footer .footnav li:first-child,
#footer .right li:first-child{background:none;}

#footer .right{
	padding:0; margin-right:2em;
	float:right;
	display:inline;
}









.gameinfo {
	margin:0;
	padding:0 10px;
	width:322px;
	float:left;
	overflow:hidden;
}

.gameinfowide {
	margin:0;
	padding:0 10px;
	width:522px;
	float:left;
	overflow:hidden;
}

.gameinfo  .image, .gameinfowide .image{
	margin-top:10px;
	width:77px;
	height:77px;
	float:left;
}
.gameinfo  .image img, .gameinfowide .image img{vertical-align:top;}
.gameinfo  .text,.gameinfowide  .text{
	margin-left:16px;
	float:left;
	display:inline;
	width:227px;
}
.gameinfowide .text { width:427px; }
.gameinfo .text h4,.gameinfowide .text h4{
	margin:8px 0 0;
	font-size:14px;
	line-height:16px;
}
.gameinfo  .text h4 a,.gameinfowide  .text h4 a{
	color:#2a8fab;
	text-decoration:underline;
}
.gameinfo  .text p,.gameinfowide  .text p {
	margin:6px 0 0;
	line-height:14px;
}
.gameinfo  .rating,.gameinfowide  .rating{margin-top:11px;}
.gameinfo  .rating img,.gameinfowide  .rating img{vertical-align:top;}


.gamesplitter  {
	position: relative;
	left: 10px;
	width: 677px;
	float:left;
	height: 1px;
	background:url(images/dot2.gif) repeat-x;
}






.gameholder{
	margin-left:10px;
	width:694px; height:1255px;
	overflow:hidden;
}
.gameholder .contside{
	margin-left:3px;
	float:left;
	display:inline;
	/*width:350px;*/
}




.gameblock{
        width:333px;
        height:317px;
float:left;margin-right:5px;
        background:url(images/gamearea.png) no-repeat;
	margin-top:0px;
        margin-bottom:3px;
	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 0;
	float:left;
        padding-left:8px; 
	font-size:14px;
	line-height:18px;
	color:#2c454c;
}
.gameblock .link{
	margin:0px 4px 0 0;
	float:right;
	display:inline;
	padding-left:14px;
	background:url(images/arrow-link.gif) no-repeat 0 3px;
	font-size:11px;
	line-height:18px;
	color:#2c454c;
}
.gameblock .blocklist{
	margin:0;
clear:both;
	padding:0 10px;
	list-style:none; 
	
	overflow:hidden;
}
.gameblock .blocklist li{
	padding:1px 0 10px;
	width:100%;
	clear:both;
	background:url(images/dot2.gif) repeat-x;
}
.gameblock .blocklist li:first-child{background:none}
.gameblock .blocklist li .image{
	margin-top:10px;
	width:90px;
	height:90px; margin-bottom:10px;
	float:left;
}
.gameblock .blocklist li .image img{vertical-align:top;}
.gameblock .blocklist li .text{
	margin-left:8px;
	float:left;
	width:215px;
}
.gameblock .blocklist li .text h4{
	margin:8px 0 0;
	font-size:14px;
	line-height:16px;
}
.gameblock .blocklist li .text h4 a{
	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;}