/*
Theme Name: 	MonkeyGoHappy
Theme URI: 		MonkeyGoHappy
Description: 	MonkeyGoHappy
Version: 		1.0
Author: 		MonkeyGoHappy
Author URI: 	MonkeyGoHappy
License:
License URI:
Tags: DoraGames
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('font/fontawesome-webfont.eot?v=3.2.1');
    src: url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}
h1, h2, h3 { padding:0; margin:0;}
a {color: #06538b;}
body {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    padding: 0 inherit;
    color: #06538b;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
}
#games-box {
    max-width:1366px;
    margin:0 auto;
    padding:0;
}
#games-box .logo-box {
    box-sizing: border-box;
    height: 130px;
    width:200px;
    background: url("images/gray_pattern.gif") repeat scroll 0 0;
    float:left;
}
#games-box .logo-box a.logo::before
{
    background-color: #ff0060;
    content: "";
    bottom: 0;
    top: 0;
    position: absolute;
    width: 5px;
}
#games-box .menu-box {
    float: left;
    font-weight: bold;
    min-height: 500px;
    padding: 10px;
    width: 200px;
    background: url("images/gray_pattern.gif") repeat scroll 0 0;
    top:130px;
    position:absolute;
    height:100%;
}
#games-box .menu-box ul
{
    width:100%;
    display:table;
    padding:0;
    margin:0;
}
#games-box .menu-box ul > li
{
    width:100%;
    display:inline-block;
}
#games-box .menu-box  ul > li a {
  border-bottom: 1px solid #dfdfdf;
  color: #06538b;
  display: block;
  font-size: 16px;
  line-height: 28px;
  padding: 10px 0;
  position: relative;
  text-decoration: none;
}
#games-box .menu-box ul > li a:hover{
    color:#ff0060;
}
#games-box .menu-box ul > li a i {margin-right:10px;}
.icon-home:before{
    content:"\f015";
}
.icon-item:before{
    content:"\f0e7";
}
#games-box .content-box
{
    max-width: 1100px;
    float:left;

}
#games-box .content-box {
    float:left;
    padding:5px 5px;
}
#games-box .content-box .games-hot ul {
    padding:0;
    margin:0;
    display:table;
}
#games-box .content-box .games-hot ul li {
    border: 2px solid #fff;
    border-radius: 10px;
   box-shadow: 0px 0px 3px #111;
    cursor: pointer;
    float: left;
    height: 52px;
    margin: 4px;
    overflow: hidden;
    transition: all 300ms linear 0s;
    width:52px;
    height:52px;
}
#games-box .content-box .games-hot ul li img {width:100%;}
#games-box .content-box .ads-box728 {
    padding:15px;
    text-align:center;
    width:845px;
}
#games-box .content-box .game-box {
    
}
#games-box .content-box .game-box .play {
    height: 600px;
    margin-left: 5px;
    width:845px;
    float:left;
	overflow:hidden;
}
#games-box .content-box .game-box .ads-box160 {
    float:left;
    padding-left:20px;
}
#games-box .content-box .game-box .content {
    float:left;
    max-width:845px;
}
.content h1,.content h2,.content h3 {padding-top:20px;padding-bottom:5px;}
#games-box .content-box .game-box .content ul {
    padding:0;
    margin:0;
    display:table;
}
#games-box .content-box .game-box .content ul li {
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #111;
    cursor: pointer;
    float: left;
    height: 52px;
    margin: 5px;
    overflow: hidden;
    transition: all 300ms linear 0s;
    width:104px;
    height:135px;
    text-align:center;
}
#games-box .content-box .game-box .content ul li img {width:100px;height:100px;}
#games-box .content-box .game-box .content ul li a {
    color:inherit;
    text-decoration:none;
}
.footer {
    height:200px;
    width:100%;
    float:left;
   clear:both;
   background: url("images/blue_pattern.gif") repeat scroll 0 0;
    display:inline-block;
    border-top: 5px solid #06538b;
}
.footer .powered-by {
    margin-left:200px;
    padding-top:30px;
    float:left;
}
.footer .copyright {
    margin-top:80px;
    color:#dfdfdf;
}
@media only screen and (min-width: 1260px) and (max-width: 1365px) {
    #games-box .content-box {
        width:84%;
    }

}
@media only screen and (min-width: 1045px) and (max-width: 1260px) {
    #games-box .content-box {
        width:80%;
    }
     #games-box .content-box .game-box .play {
            width:645px;
            height:445px;
        }
}
@media only screen and (min-width: 768px) and (max-width: 1045px) {
    #games-box .content-box {
        width:70%;
    }
     #games-box .content-box .game-box .play {
            width:645px;
            height:445px;
        }
    #games-box .content-box .game-box .ads-box160 {
    display:none;
    }
}
@media only screen and (max-width: 768px) {
    #games-box .logo-box {
        height:80px;
        width:100%;
    }
    #games-box .logo-box a img {
        height:80px;
    }
    #games-box .content-box .game-box .play {
            width:100%;
            height:445px;
        }
    #games-box .content-box .game-box .ads-box160 {
    display:none;
    }
    #games-box .menu-box {
        display:none;
    }
    .footer .powered-by {
        margin-left:10px;
    }
}
/*----- Ads  ----- */
#ads-loading { background: #333 none repeat scroll 0 0; bottom: 0;height: 100%;text-align: center;top: 0; width: 100%;z-index: 99;}
#ads-status-loading { color: #999;padding-top: 30px;}
#ads-status-loading span {color: red;}
#ads-loading #ads-pre-loading {background: #fff none repeat scroll 0 0; height: 2px; left: 0; margin-left: 10%; margin-top: 30px; width: 80%;}
#ads-loading #ads-line-loading { background: #ccc none repeat scroll 0 0; border-radius: 40px; box-shadow: 0 0 10px 2px #0ff; height: 1px; margin: 0 auto;
  width: 0; z-index: 50;}
#ads-content {height: 300px; margin: 10px auto;padding-top: 20px;position: relative;width: 336px;z-index: 100;}






 #container .content .content-games {
    width:100%;
    min-height:100%;
    margin-top:10px;
}
#container .content .content-games .inner-container {
    width:100%;
    padding:10px;
    background-color:#fff
}
#container .content .content-games .inner-container h3, #container .content .content-games .inner-container h2 {
    padding-bottom:20px;
    padding-top:10px;
}
#container .content .content-games .inner-container ul {
    padding:0;
    margin:0;
    display:table;
}
#container .content .content-games .inner-container ul li {
    float:left;
    display:inline-block;
    margin-bottom:10px;
    margin-right:10px;
 width:158px;
}
#container .content .content-games .inner-container ul li img {
    width:158px;
    height:158px;
    border:0;
}
#container .content .content-games .inner-container ul li span {
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 8px;
    height: 32px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
}
#container .content .content-games .inner-container ul li span:hover{
    background-color:#006399;
    color:white;
}
/*----- Paging  ----- */
.paging {padding-bottom:10px;}
.paginate {margin:0; padding:0;}
.paginate li {display: inline; font-weight: bold; height: 30px; list-style: outside none none; width: 20px;}
.paginate li span {color:black;}
.paginate  .title { margin-right: 4px;}
.paginate  .current {background-color: red;border-radius: 50%;color: white; margin-right: 4px;padding: 4px 8px;}
.paginate  a {;margin-right: 4px;padding: 4px 8px;text-align: center;text-decoration: none;}