/*
Theme Name: 	PlayGames
Theme URI: 		PlayGames
Description: 	PlayGames
Version: 		1.0
Author: 		PlayGames
Author URI: 	PlayGames
License:
License URI:
Tags: PlayGames
*/
* {
    -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;
}
.icon-home:before {
    content: "\f015";
}
.icon-breadcrumb:before {
    content: "\f105";
}
body {
    background-color:#ddd;
    margin: 0 auto;
    padding: 0 inherit;
    color: #000;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
background-image: url("images/bg.gif");
}
h1, h2, h3 { padding:0; margin:0; color:#1784a4;}
a {color: #1784a4; text-decoration:none;}
a:hover {color:#0d82a5;}
.clear-both {
    clear: both;
}
 #games-container {
     max-width: 970px;
     padding:0;
     margin: 0 auto;
     background-color:#ffffff;
    
 }
 #games-container .games-header {
     height: 85px;
     border-bottom: 4px solid #20A3CA;
     width:100%;
     background-image: url("images/bg-header.png");
 }
  #games-container .games-header .games-logo {
      width:200px;
      display: inline-block;
      float:left;
  }
 #games-container .games-header .games-title {
    display: inline-block;
    height: 53px;
    padding: 20px;
    text-align: center;
    float:left;
}
 #games-container .games-header .games-title h1, #games-container .games-header .games-title h2 {
    font: inherit;
    font-size: 20px;
    color: #000;
    margin: 8px 0 10px;
    white-space: nowrap;
}
 #games-container .games-menu ul {
    padding: 0;
    margin: 0;
    display: table;
}
 #games-container .games-menu ul li {
    float: left;
    display: inline-block;
    padding: 5px 10px;
}
 #games-container .games-menu ul li.menu {
     background-color: #3CC0DC;
     border-bottom: 5px solid #20A3CA;
     border-right: 2px solid #20A3CA;
 }
  #games-container .games-menu ul li a {
      color:white;
  }
#games-container .games-main {
    display:table;
    padding-bottom:20px;
}
#games-container .games-main .games-right {
    padding-top:5px;
    max-width:210px;
    float:left;
    background-color:white;
}
#games-container .games-main .games-right .ads300x250 {
    text-align:center;
    padding-bottom:5px;
}
#games-container .games-main .games-right .ads300x250 span {
    text-align:center;
    font-size:12px;
    padding-bottom:5px;
    display:block;
}
#games-container .games-main .games-right .games-hot {
    text-align:center;
    padding-bottom:5px;
}
#games-container .games-main .games-right .games-hot ul {
    padding: 0;
    margin: 0;
    display: table;
}
#games-container .games-main .games-right .games-hot ul li {
    float: left;
    display: inline-block;
    margin-left:5px;
    margin-top:5px;
    position: relative;
    margin-bottom:10px;
}
#games-container .games-main .games-right .games-hot ul li a {
    padding:0;
    margin:0;
    border: none;
}
#games-container .games-main .games-right .games-hot ul li a img {
    width:200px;
    height:140px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow: 2px 4px 7px -2px rgba(0,0,0,0.4),0 0 0 1px rgba(30,35,42,.5);
}
#games-container .games-main .games-right .games-hot ul li a h5 {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
    padding: 3px;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    display: block;
    color:#fff;
    font-size: 14px;
    line-height: 1.42857143;
}
#games-container .games-main .games-left {
    float:left;
    background-color:white;
    max-width:570px;
}
#games-container .games-main .games-left .games-info {
    padding:5px 10px;
    font: 11px/15px 'Open Sans', Arial, Verdana, Sans-Serif;
     font-size: 1.2em;
     line-height: 1.5em;
}
#games-container .games-main .games-left .games-info .ads-336x250 {
    width:100#;
    text-align:center;
}
#games-container .games-main .games-left .games-info h2 {
    font-size:18px;
	color:#1784a4;
}
#games-container .games-main .games-left .games-info h1 {
    font-size:22px;
	color:#1784a4;
	margin-bottom:10px;
}
#games-container .games-main .games-left .games-info img {
	max-width:100%;
	height:auto;
}
#games-container .games-main .games-left .games-info .games-description {
    float:left;
}
#games-container .games-main .games-left .games-info .games-play
{
    padding:5px 0px;
    width:100%;
}
#games-container .games-main .games-left .games-info .games-play .games-box {
	height: 600px;
	overflow:hidden;
}
#games-container .games-main .games-left .games-info .games-social {
    text-align:right;
	margin-bottom:30px;
}
#games-container .games-main .games-left .games-more {
    padding:10px;
}
#games-container .games-main .games-left ul {
    padding: 5px 0px 0px 10px;
    margin: 0;
    display: table;
}
#games-container .games-main .games-left ul li {
    float: left;
    padding:0 10px 10px 0px;
    margin:3px 6px 3px 0px;
    
}
#games-container .games-main .games-left ul li a {
    display: block;
    height: 160px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 228px;
    padding:0;
    margin:0;
}
#games-container .games-main .games-left ul li a h5 {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
    padding: 3px;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    display: block;
    color:#fff;
    font-size: 14px;
    line-height: 1.42857143;
    text-align:center;
}
#games-container .games-main .games-left ul li a img {
   
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 7px -3px rgba(0,0,0,.3);
}

#games-container .games-main .games-left ul li .games-link
{
	display: block;
    height: 160px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 228px;
}

#games-container .games-main .games-left ul li a.games-link img
{
	color: #d9d9d9;
	moz-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
    height: 160px;
     width: 228px;
}

#games-container .games-main .breadcrumb {
    padding: 10px 10px;
    background-color:#fff;
}
#games-container .games-footer {
    padding: 10px 5px;
    background: #ddd;
}
#games-container  .games-footer h3 {
    color: #000;
    margin-bottom: 5px;
}
#games-container  .games-footer p {
        color: #000;
        margin: 0 0 5px;
}
#games-container  .games-copyright {
    margin:0 auto;
    padding: 10px 0;
    background-color:#000;
    text-align:center;
    color:#808080;
}
#games-container .games-copyright a {
    color: #808080;
}
#games-container .games-main .games-detail {
    float:left;
    background-color:white;
    max-width:755px;
}
/*----- 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;}