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;}
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;}
ol { margin-left:25px}
ol li { margin-left:10px}
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; }

/* Site
=====================================================================*/

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3a3a3a;
height: 100%;
background-image: url(../images/back.gif);
background-color: #f3f3f3;
}

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

a:hover{
color: #000;
text-decoration:underline;
}

#maintitle{
	text-align:center;color:#b1b1b1;background-color:#2e2e2e;line-height:20px;height:20px;border-bottom:1px solid #616161;font-size:13px;font-weight:bold;
}

#page{
	width:970px; /*flexible width*/
	margin: 10px;
	padding: 12px;
	background:#fff;
	border-radius: 5px;
	position:relative;
}

#header{
position: relative;
height:33px;
background: url(../images/header_tile.gif);
border-radius:5px;
border: 1px solid #b49717;
text-align:center;
}

#menu {position:absolute; left:10px; top:3px; }
#menu ul  {width:182px; min-height:439px; background: #fff repeat-x 0 100%; display:none; position:absolute; z-index:999; border-radius:10px; border:2px solid #043082; padding:10px 0;}
#menu ul a {color:#043082; font-size:15px; text-decoration:none; display:block; width:164px; height:30px; line-height:30px; border-bottom:1px solid #fbc133; margin-left:4px; border-radius: 5px; padding-left:10px;}
#menu-open {width:152px; text-align:center; display:block; cursor:default;}

#menu:hover ul {display:block;}
#menu:hover #menu-open {border-bottom-left-radius:0px; border-bottom-right-radius:0px;border-bottom-width:1px;}
#menu a:hover, #menu a.active {background-color:#043082;color:#fff;}


/*menu button*/
.menu-button, .search-button{
height:22px;  line-height:22px; margin:1px 0 0 5px; display:block;float:left; padding: 0 6px 0 6px; overflow:hidden;
background: url('../images/headermenu_b2.gif') repeat-x 50%;
font-family:Arial;color:#A03606;font-size:12px;font-weight:bold;
text-decoration:none; position:relative; text-transform:uppercase; border-radius:5px; border:1px solid #A03606; border-left:2px solid #A03606; border-right:2px solid #A03606; cursor:pointer;
}
.search-button:hover, .menu-button:hover {background:url('../images/headermenu_b2_active.gif')  repeat-x 50%; text-decoration:none; color:#000;}
.search-button{ margin-top:1px;height:24px;}
#search {position:absolute; right:10px; top: 3px; width:270px;}
#search form {float:left;}
#search .search-input{ display:inline; float: left; height: 24px; margin-right: 6px; color: #666666; line-height: 30px; font-weight:bold; color:#fe7503; line-height:28px; text-indent:5px; width:120px; border-radius:5px; border:1px solid #A03606;
}

#left{ display:inline; float:left; width:161px; margin-right:24px; position:relative; }
#center{ display:inline; float:left; width:456px; }
#right{ display:inline; float:left; width:302px; margin-left:24px; }


.ie7fixwidth{clear:both;margin:auto;width:1px;height:1px;overflow:hidden;}

.panel{ display:inline; float:left; background-color:#cce6fc; margin-bottom: 6px; font-size:12px; width:100%;}

.panel-top{height:6px; overflow: hidden;}
.panel-top-right{ background-image: url(../images/tr.gif); float:right; height:6px; width:6px; overflow: hidden;}
.panel-top-left{ background-image: url(../images/tl.gif); float:left; height:6px; width:6px; overflow: hidden;}

.clear{clear:both; height:0px; overflow:hidden; }
.panel-content{background-color:#fff; margin: 0 6px 0 6px; padding:6px;}
.panel-cats{padding-top:10px;background:url(../images/cat_buttons.png)  -2px 2px no-repeat; text-align:center;line-height:15px;}
.panel-cats a {color:#000;text-decoration:none; display:block; margin-bottom:10px;}
.panel-inner{}

.panel-bottom{height:6px; overflow: hidden; clear:both;}
.panel-bottom-right{ background-image: url(../images/br.gif); float:right; height:6px; width:6px; overflow: hidden;}
.panel-bottom-left{background-image: url(../images/bl.gif); float:left; height:6px; width:6px;}

.panel h1, .panel h2, .panel h3{
color:#375466;
font-size:17px;
font-weight: bold;
line-height: 30px;
height: 30px;
margin-top: -8px;
text-indent: 44px;
position:relative;
}

.panel h1 a, .panel h2 a, .panel h3 a{color:#666666;}
.panel h1 a:hover, .panel h2 a:hover, .panel h3 a:hover{color:#006699;}


.panel h1 img, .panel h2 img, .panel h3 img{
position:absolute;
z-index:2;
top:-2px;
left:6px;
float:left;
}

.bluebox12, .smallbox{
font-size:12px;
background-color: #F4FBFF;
color: #666666;
margin-top: 6px;
overflow: hidden;
border: 1px solid #e5f0f7;
}

.smallbox{
float: left;
width:360px; 
height: 115px;
margin:6px 5px 0px 4px;
}


.bluebox12 *{font-size:12px;}

.bluebox12 img, .smallbox img{
margin:0px 6px 6px 0px;
float: left;
}


.bluebox12 .title{
color:#336699;
background-image: url(../images/check.gif);
background-repeat: no-repeat;
font-weight: bold;
height: 17px;
line-height: 17px;
padding-left:22px;
}

.bluebox-padder{
margin:5px;
}

.pagination{
font-size:17px;
color:#666666;
font-weight:bold;
line-height:26px;
width:350px;
margin:10px auto;
}

.pagination a, .pagination b{
border:1px solid #59bce1; padding:3px 7px; border-radius:3px;
}

.pagination a {color:#666;}

.pagination a:hover, .pagination b {
color:#fff; background:#59bce1; text-decoration:none;
}

a.thumb { display:inline; float:left; width:140px; height:122px; position:relative;  margin:4px;}

a.thumb span{
	position:absolute; bottom:0px;left:0;
	display:block; height:11px; width:100%;
	overflow: hidden;
	padding:3px 0 3px 0;
	font-size:11px; text-align:center;
	background:#cce6fc; color:#375466;
}

.ad{
margin-left:1px;
margin-right:2px;
margin-bottom:4px;
}

.p_genre{
height: 22px;
width: 411px;
margin: 0 0 4px 6px;
line-height: 22px;
color:#333333;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}

.panel img.icon{
float:left;
margin:-8px 4px 0 0;
position:relative;
}

.left-banner{display:inline; float:left; margin-right:9px;}
.right-banner{display:inline; float:left; margin-left:9px;}
#main-middle{margin:auto; width:602px;}
#main-side{float:left; width:100%;}


/* play + intermed page
=====================================================================*/


#game-thumbs {position:absolute; left:-240px;top:30px; width:160px;height:480px; border-radius:5px; background: #fff;}
							
#game-thumbs a {margin:12px 10px 0 10px; height:105px;}
#game-thumbs a.thumb span{ display:none;}
#game-thumbs a.thumb:hover span{ display:block;}

.game_icon{
display:inline;
float:left;
margin-right: 10px;
}

#game-buttons {position:absolute; right:-30px;top:30px;width:30px;}
#game-buttons a {display:block; margin-bottom:6px;}
#game-buttons a img {border:0px;}

#preload-bar {margin: 10px auto 0px auto;border:1px solid #0f3c4e; height:10px; width:500px; position:relative;}
#preload-bar #percentage {position:absolute; left:245px;font-size:10px;line-height:10px;font-weight:bold;color:#fff;}
#preload-bar #fill {background:#299ece;height:100%;width:0px;}

#controls {
overflow:hidden;
width:600px;
margin:0;
padding:0;
list-style-type: none;
background: url( '../images/key_vdelimiter.gif' );
}

#controls li {
float:left;
padding:0 9px 0px 9px;
font-weight:bold;
line-height:40px;
_line-height:38px;
height:36px;
background: url( '../images/key_odelimiter.gif' ) no-repeat 100% 50%;
white-space: nowrap;
}

#controls img {
float:left;
margin:7px 2px 0 0;
}

#controls div {
display:block;
float:left;
width:30px;
height:26px;
margin:6px 3px 0 0;
background:url( '../images/key_blank.gif' ) no-repeat 50% 50%;
font-weight:bold;
line-height:21px;
text-align:center;
color:#013030;

}

#tags{margin:5px;}
#tags *{margin: 5px;}

#play_main {width:627px; margin-right:8px; display:inline; float:left; position:relative;}

/* Highscores
=====================================================================*/

.b_highscores{
background-image: url(../images/b_highscores.gif);
height: 30px;
width: 193px;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #333333;
display:inline;
float: left;
margin: 0px 3px 0px 4px;
}

.b_highscores a, .b_highscores_active a{
background-image: url(../images/b_highscores.gif);
height: 30px;
width: 193px;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #333333;
display:inline;
float: left;
}


.b_highscores a:hover, .b_highscores_active a{
background-image: url(../images/b_highscores_hover.gif);
color: #333333;
}

.highscores{
background-color: #f3f9fa;
border: 2px solid #fff;
}

.ron{background-color:#e2eff1;border: 1px solid #fff;}
.roff{}
.rhighlight{background-color:#ffe0e0;border: 1px solid red;}

.highscores td{
height:22px;
border-bottom:1px solid #ffffff;
text-align:right;
padding:5px;
}

td.hsc_name{text-align:left; text-indent:15px;}


/* Multiplayer Rankings
=====================================================================*/

table.rankings{
	font-size:14px;
	width:100%;
}

.rankings td{cursor:pointer;}

.rankings td, .rankings th{
	padding:3px;
	text-align:right;
}

.rankings th{
	background-color:#3479b4;
	color:#fff;
	cursor:default;
}

 .rankings th a{
 	color:#fff;
	text-decoration:underline;
 }

.rank_in td{
	background-color:#fefdcf;
	color:#000;
}

.rankings{
	text-align:center;
}



/* Footer
========================================================*/


#footer{
	background-image: url(../images/page-footer-center.gif);
	height: 61px;
	text-align: center;
	line-height: 60px;
	color: #a04b06;
	font-weight: bold;
	font-size: 12px;
}

#footer a{
color: #a04b06;
}

#footer a:hover{
color: #333;
}

#bottom-footer{
text-align:center;
font-size:12px;
color:#fff;
line-height:30px
}

#bottom-footer a{
color: #fff;
font-weight:normal;
}

#bottom-footer a:hover{
color: #ffffcc;
}

#footer-border{
	height:3px;
	width:992px;
	margin-left:4px;
	background-color:#eaba09;
	font-size: 3px;
	line-height: 3px;
	margin-bottom: 0px;
}

.side_tower_100x100 img{
	margin:5px 0px 6px 5px;
}

.textarea p{
	margin-top:10px;
	font-size:12px;
}

/* Banner placeholders
========================================================*/

.ad300x600, .ad300x600 iframe{
width:300px;
height:600px;
float:left;
}


.ad728x90, .ad728x90 iframe{
width:728px;
height:90px;
margin: 0 auto 6px auto;
}

.ad300x250, .ad300x250 iframe{
width:300px;
height:250px;
float:left;
}

.ad160x600, .ad160x600 iframe{
width:160px;
height:600px;
float:left;
text-align:center;
margin: auto;
}

/*.ad160x600, .ad300x250, .ad728x90, .ad300x600 {
padding-top:13px;
background:url(../images/sponsored_links.gif) no-repeat 100% 0;
}*/

.side_ad160x600{
    display:inline-block; position:absolute;top:0px;width:auto;
    background-color:#fff; padding:5px; border-radius:5px;
}

.adLeaderboardEx-w {width:970px; clear:both; margin:0 0 20px -5px; text-align:center;}
.adLeaderboardEx,.adSkyscraperEx {display:inline-block; background:#fff; border:4px solid #fff; border-radius: 5px;}
.adSkyscraperEx-right-wrapper {position:absolute;top:0px;right:-315px;text-align:right;width:300px;}

.advertisement{position:absolute;top:-21px;height:13px;left:-3px;font-size:12px;color:#c0c0c0;background:#fff;width:80px;border-top-left-radius:5px;border-top-right-radius:5px;padding:3px 5px;line-height:14px;}

#splash {opacity:0}
.spl-bg {position:absolute;width:100%;height:100%;top:0;left:0;z-index:101;background-size:cover;}
.spl-bg2 {width:100%;height:100%;background:rgba(127,127,127,0.8);position:relative;}
.spl-bg3 {height:175px;width:100%;position:absolute;background:rgba(0,0,0,0.5);}
.spl-center {margin:30px auto;width:0;height:0;position:relative;}
.spl-thumb {position:absolute;left:-195px;border:4px solid #fff;border-radius:4px;}
.spl-right {top:10px;position:absolute;right:-355px;width:350px;}
.spl-title {color:#fff;font-weight:bold;line-height:30px;margin:5px;font-size:16px;}
#preroll-btn {cursor:pointer;}
#preroll-btn:active {margin-top:4px;}


@media ( min-width: 1450px ) { a{}
	#page { margin-left:auto;margin-right:auto;}
}