/*
Theme Name: Game Blue 3pages
Theme URI: 
Description:  Wordpress Theme
Author: 
Author URI: 
*/

@font-face {
    font-family: 'Bebas';
    src: url('font/bebas___-webfont.eot');
    src: url('font/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bebas___-webfont.woff') format('woff'),
         url('font/bebas___-webfont.ttf') format('truetype'),
         url('font/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background:#000 url('images/bg.png') 0 0 repeat; font-family:Myriad Pro, Arial;  font-size:16px; }
.wrapper { margin:0 auto;}
.faux { width:100%; overflow:hidden; background:url('images/bg3.png') 0 0 repeat; padding:15px 0px; }
.left { float:left; }
.right { float:right; }
.center { margin:0 auto; }
.orange { color:#dc7d29; }
.center-text { text-align:center; }
.clear { clear:both; }
.heading { font-size:28px; margin-bottom:35px; color:#fff; font-family: 'Bebas', Arial; }

/* Header */

#header { width:1000px; height:120px; margin:0 auto; }
#logo { width:260px; height:68px; margin-top:34px; float:left; }
#logo a{ width:100%; height:100%; display:block; text-decoration:none; color:#fff; }
#top-games { width:730px; height:100px; margin-top:18px; float:right;}
#top-games img { }

/* Navigation */

#nav { width:100%;  background:#97d748 url('images/nav.png') repeat-x; font-family: 'Bebas', Arial;border-bottom:2px solid #0f7e57;border-top:1px solid #0f7e57;}#nav ul { overflow:hidden; }
#nav ul li  { float:left; height:51px; }
#nav ul li:hover, #nav ul li.selected { background:url('images/li_hover.png') bottom center no-repeat; }
#nav ul li a { height:31px; font-size:14px; padding:20px 4px; text-decoration:none; display:block; color:#fff; }

/* Search Form */

#searchform { width:242px; height:27px; padding:2px; margin:10px 0px 0px 0px; background:url('images/search_form.png') 0 0 no-repeat;}
#searchform input[type="text"] { width:200px; padding:2px 5px;  border:none; float:left; }
#searchform  button { width:27px; height:31px; text-indent:-2000px; background:none; border:none; float:right; overflow:hidden;} 

/* Main Contents */

.contents { padding:8px 0px; color:#fff; }
.contents p { font-size:14px; line-height:24px; }
.about { font-size:28px; text-transform:uppercase; margin-bottom:15px; text-align:center; color:#fff;}
.about span { color:#1e3802; }

/* Game Boxes */
.game {
    background: none repeat scroll 0 0 #70c014;
    margin: 0 10px 10px 0;

}
.game img {
    border: 1px solid #626262;
    height: 120px;
  
}
.game span { height:24px; padding-top:6px; display:block; text-align:center;  }
.game span a {  color:#000;  }


/* PreGame */

#pregame { width:100%; background:url('images/bg2.png') 0 0 repeat; }
#pregame .dgame { height:358px; }
#pregame .adbox  { width:386px;border-left:1px solid #1e3802; background:#202020; }
#pregame .bot { padding:15px 30px; border-top:1px solid #2c2c2c; }
#pregame .bot input[type="text"] { width:750px; height:25px;}
#pregame .bot button { height:31px; background:#dc7d29; border:none; color:#fff; 
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
cursor:pointer; font-family: 'Bebas', Arial;}
#pregame .bot p { line-height:1; text-align:center; margin-right:10px; }
.pthumb { width:276px; float:left; margin:15px 0px 0px 30px; }
.pthumb .play-btn { 
height:31px; 
padding-top:15px; 
color:#fff; 
text-align:center; 
font-family: 'Bebas', Arial; 
display:block; 
text-decoration:none; 
background:url('images/play_btn_bg.png') 0 0 repeat-x; 
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; 
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
}
#side-games { width:140px; height:100px; margin-top:18px; text-align:center;  }
#side-games img { width:138px; height:100px; border:2px solid #fff; float:left; margin-bottom:10px; }
.pthumb img { width:100%; height:206px;}
.pthumb h2 { font-size:16px; display:block; text-align:center; padding:5px 0px 10px; }
.pdesc { width:278px; height:158px; margin:60px 10px 0px 0px; }

/* Rating */

.rate { width:106px; height:18px; margin-top:-4px;}
.rate span { height:18px; display:block;}
.rate1 { width:20px;}
.rate2 { width:40px;}
.rate3 { width:62px;}
.rate4 { width:84px;}
.rate5 { width:106px;}

/* Boxes */

.box1 {
    background-color: #fff;
    height: auto;
   border:3px solid #DC7D2B;
}
.box2 { width:582px; height:355px;  background-color:#fff; }

/* Ad Boxes */

.ad2 { width:300px; height:250px; } 
.ad336 { width:336px; height:280px; }
.ad3 { width:160px; height:600px; ; }

/* Game */

#gamebox { width:652px; padding:10px; text-align:center; margin:15px 0px; background-color:#202020;}
#gamebox h2 { font-size:24px; display:block; margin-bottom:10px; }
#game { margin:0 auto; }

/* Pagination */

.pagination ul{margin:0;padding:0;text-align:left;font-size:12px;float:left; }
.pagination li{list-style-type:none;display:inline;padding-bottom:1px;padding:1px;color:#DC7D29; }
.pagination a,.pagination a:visited{background-color:#70c014;padding:1px 5px;border:1px solid #0f7e57;text-decoration:none;color:#000; }
.pagination a:hover,.pagination a:active{background-color:#b5ec71;color:#203a02;}
.pagination li.currentpage{font-weight:bold;padding:0 5px;background-color:#f8f8ff;color:#DC7D29;}

.pagination li.disablepage{padding:0 5px;border:1px solid #626262;color:#626262;margin-right:5px; }
.pagination li.nextpage{font-weight:bold;margin-right:5px; }

/* Download */

#downloadbtn { width:635px; height:63px; display:block; margin:15px auto 0px; text-indent:-2000px; background:url('images/download_btn.png') 0 0 no-repeat; }

/* Footer */

#footer {
    background-color: #dc7d29;
    color: #fff;
    height: 60px;
    overflow: hidden;
    padding-top: 15px;
    width: 100%;
}
#footer ul li { font-size:16px; display:inline; margin-right:10px;  }
#footer ul li a { color:#fff; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; } 
#loader { width:300px;height:300px;padding:0px; margin:60px auto; }

.post-entry h1 {font-size:24px;line-height:28px;margin:10px 0;}
.post-entry h2 {font-size:22px;line-height:26px;background:none;border:none;margin:10px 0;text-transform:none;}
.post-entry h3 {font-size:20px;line-height:24px;margin:10px 0;}
.post-entry h4 {font-size:18px;line-height:22px;margin:10px 0;}
blockquote {border-left:1px dotted #c2c2c2;padding:10px;font-style:italic;color:#c2c2c2;}
.post-entry ul li, .post-entry ol li {margin:10px 0 10px 30px;}

.content-part {margin:0 0 10px 0;color:#000;}


#top-gamelist{height:100px; margin-top:18px; margin-bottom:18px; text-align:center;}

/*Custom CSS Starts Here*/


.navbar.navbar-default {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
}
.game {
    background: none repeat scroll 0 0 #70c014;
    display: block;
    margin: 8px 0 8px 5px;
    overflow: hidden;
    padding: 0 0 4px !important;
    position: relative !important;
    width: 178px !important;
}
.game img {
    border: 1px solid #626262;
    min-height: 133px;
    width: 178px !important;
}
.center-text {
    color: #666;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
    text-align: center;
}
.separator {
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 136px;
    width: 100%;
}
.web-code {
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 728px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
display:none;
}
.code {
    display: block;
    margin-top: 20px;
}
.code input {
    color: #666;
}
.box1.second {
    margin-left: 9%;
    margin-top: -46%;
}
.box1 {
    margin-left: 1%;
    margin-top: 20px;
}
.mainbox {
    background: none repeat scroll 0 0 #fff;
    height: auto;
}
.box1.topbox {
    margin: 0 auto 20px;
}
#gamebox {
    background-color: #202020;
    height: auto !important;
    margin: 15px 0;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.right-box.col-md-4.col-sm-3.col-xs-12 {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
#copy-btn {
    background: none repeat scroll 0 0 #dc7d29;
}
.content-part.content-part.col-md-11.col-sm-12.col-xs-12 a img {
    float: left;
    margin-right: 10px;
}
.hide{
display:block !important;
}
.content-part.content-part > img {
    float: left;
    margin-right: 15px;
}
#container-main{
position:relative;
}
.ads.right-box.col-md-4.col-sm-8.col-xs-12.hidden-xs.hidden-sm {
    margin-top: 46% !important;
    position: absolute;
    right: -1% !important;
    width: 406px;
}
.hide-img{
display:none;
}
  /*==========  Non-Mobile First Method  ==========*/



@media only screen and (min-width: 1201px){
.ads.right-box.col-md-4.col-sm-8.col-xs-12.hidden-xs.hidden-sm {
    margin-top: 46% !important;
    position: absolute;
    right: -1% !important;
    width: 406px;
}
.homebox:nth-child(17) {
    margin-right: 196px;
}
.homebox:nth-child(21) {
    clear: both;
}
}
/* Large Devices, Wide Screens */
/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
.homebox:nth-child(15) {
    margin-left: 4%;
}
.homebox:nth-child(16) {
    margin-left: 4% !important;
    margin-right: 26% !important;
}
.homebox:nth-child(17) {
    margin-left: 4% !important;
}
.ads.right-box.col-md-4.col-sm-8.col-xs-12.hidden-xs.hidden-sm {
    margin-top: 71.5% !important;
    position: absolute;
    right: 3% !important;
    width: 406px;
}
.homebox:nth-child(18) {
    clear: both;
}
.clear {
    clear: none !important;
}
.box1.second {
    margin-left: 9%;
    margin-top: -38%;
}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

      .clear {
    clear: none;
}
.homebox:nth-child(15) {
    margin-left: 0;
}
.homebox:nth-child(16) {
    margin-left: 0 !important;
    margin-right: 26% !important;
}
.homebox:nth-child(18) {
    clear: none;
}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
.hide{
display:none;
}
.homebox:nth-child(16) {
    clear: none !important;
    margin-left: 0;
    margin-right: 0 !important;
}
.box1 {
    margin-left: 38%;
    margin-top: 20px;
}
.box1.second {
    margin-left: 4%;
    margin-top: 4%;
}
.navbar.navbar-default {
    display: none !important;
}
.clear {
    clear: none;
}
.site-header{
display:none;
}
.web-code {
    text-align: center;
}
#gamebox {
    margin: 0 auto !important;
}
.container.singlegame {
    padding: 5px 0 !important;
}
.singlegame .gamesection {
    padding: 0 !important;
}
.mobile-header {
    background: #97d748;
}
.homebox:nth-child(17) {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homebox:nth-child(18) {
    clear: none;
}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
.container{
padding-left:2px !important;
}
.game {
    background: none repeat scroll 0 0 #70c014;
    display: block;
    margin: 8px 0 8px 1px;
    overflow: hidden;
    padding: 0 0 4px !important;
    position: relative !important;
    width: 100px !important;
}
.game img {
    border: 1px solid #626262;
    min-height: 75px;
    width: 100px !important;
}
.game img {
    border: 1px solid #626262;
    height: 90px;
}
.navbar.navbar-default {
    display: none !important;
}
.homebox:nth-child(16) {
    clear: none !important;
    margin-left: 0;
    margin-right: 0 !important;
}
.homebox.col-sm-4.col-xs-4 {
    width: 106px !important;
}
.clear {
    clear: none;
}
#footer {
    padding-top: 5px;
    text-align: center;
}
.site-header{
display:none;
}
.web-code {
    text-align: center;
}
#gamebox {
    margin: 0 auto !important;
}
.container.singlegame {
    padding: 5px 0 !important;
}
.singlegame .gamesection {
    padding: 0 !important;
}
.hide{
display:none;
}
.mobile-header {
    background: #97d748;
}
.homebox:nth-child(17) {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homebox:nth-child(18) {
    clear: none;
}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .clear {
    clear: none;
}
.web-code {
    text-align: center;
}
.hide{
display:none;
}
.mobile-header {
    background: #97d748;
}
.homebox:nth-child(17) {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homebox:nth-child(18) {
    clear: none;
}
    }