/*-----------------------------------------------------------------------------------

	Theme Name: 2048 Gamers
	Theme URI: http://2048gamers.com
	Description: A Clean Cut Theme for 2048 Gamers
	Author: Blue Boys
	Version: 1.0
	
	Designed & Handcrafted by Blue Boys for 2048Gamers.com
	(c) Copyright 2012 2048Gamers.com

-----------------------------------------------------------------------------------*/

@import 'bootstrap2.min.css';

html, body {
	background-image: url(img/bg.gif);
	background-repeat:repeat;
}

.topbar {
	position: relative;
	height: 50px;
	background-color: #ff6600;
}

.topmenu{
	height:45px;
	position:absolute;
	bottom:5px;
	float:left;
	margin-left:250px;
	}
	
.topmenu img {
vertical-align: middle;
}	
#brand1{
	/*width:220px;
	height:45px;
	float:left;
	background-image: url(img/btn_onlineGames_out.gif);
	background-repeat:no-repeat;*/
	padding: 12px 20px 5px;
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	float: left;
	display: block;
	
	color: #fff;
	line-height: 1;
	margin-left: 40px;
	margin-right: 70px;
	
	}
#brand1:hover{
	/*width:220px;
	height:45px;
	float:left;
	background-image: url(img/btn_onlineGames_over.gif);
	background-repeat:no-repeat;*/
	color: blueviolet;
	}
._visited{color:#999}

#brand2{
	/*width:220px;
	height:45px;
	float:left;
	background-image: url(img/btn_androidGames_out.gif);
	background-repeat:no-repeat;
	margin-left:40px;	*/
	padding: 12px 20px 5px;
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	float: left;
	display: none;
	
	color: #fff;
	line-height: 1;
	margin-left: -20px;
	margin-right: 70px;
	}
#brand2:hover{
	/*width:220px;
	height:45px;
	float:left;
	background-image: url(img/btn_androidGames_over.gif);
	background-repeat:no-repeat;
	margin-left:40px;*/
	color: blueviolet;
	}

#brand3{
	/*width:220px;
	height:45px;
	float:left;
	background-image: url(img/btn_aboutUs_out.gif);
	background-repeat:no-repeat;
	margin-left:40px;	*/
	padding: 12px 20px 5px;
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	float: left;
	display: block;	
	color: #fff;
	line-height: 1;
	margin-left: -20px;
	margin-right: 70px;
	}
#brand3:hover{
/*	width:220px;
	height:45px;
	float:left;
	background-image: url(img/btn_aboutUs_over.gif);
	background-repeat:no-repeat;
	margin-left:40px;*/
	color: blueviolet;
	
	}	

.topbar div > ul, .nav {
	margin: 4px 10px 0px 0px;
}

.container > footer {
	margin-top: 5px;
	padding-top: 5px;
}

.container > footer p {
	text-align: center; 
}

.container > .content {
	/*background-color: #384253;*/
	background-color: #fff;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: -20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}

body.home > .container > .content {
	border-radius: 6px 6px 6px 6px;
}

.game-overview {
	overflow: hidden;
	height: 163px;
	position: relative;
}

.game-overview > .game-link {
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 30;
}

.game-overview > .game-detail {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 123px;
	padding: 17px 20px 23px 20px;
	z-index: 20;
	background: url(img/overlay.png) repeat;
}

.game-overview > .game-detail > .game-title {
	color: #FBFBFB;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin: 0 0 5px 0;
}

.game-overview > .game-detail > .game-category {
	color: #A1A3A6;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 0 0 12px 0;
}

.game-overview > .game-detail > .separator {
	line-height: 1px;
	overflow: hidden;
	height: 2px;
	display: block;
}

.game-overview > .game-detail > .separator > .line {
	border-bottom: 1px solid #6E7073;
	float: left;
	height: 1px;
	width: 20px;
}

.game-overview > .game-detail > .game-description {
  color: #A1A3A6;
	margin: 12px 0 0 0;
	height: 80px;
	overflow: hidden;
	line-height: 18px;
}

.game-overview > .game-detail > .game-description p {
	margin-bottom: 20px;
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.game-overview > .game-detail > .arrow {
	background: url(img/arrow.gif) repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 19px;
	height: 19px;
}

.page-header {
	background-color: #fff;
	margin-top: -20px;
	
	margin-bottom: 0px;
	margin-left: -20px;
	
	padding-left: 20px;
	
}

.page-header h1 {
	font-size:20px;
	
}

.page-header > .row > .game-title {
	height: 35px; 
	padding-top: 5px;
	background-color: #B0E0E6;
	padding-left:20px;
	margin-left:0px;
	position:relative;
}

.page-header > .row > .game-social {
	text-align: right; 
	height: 60px;
}

.page-header > .row > .game-social > .game-rate {
	background: url(img/rate-it.png); 
	width: 50px; 
	height: 20px;
	display: block;
	background-position: 0px 0px;
	float:right; 
	margin: 40px 10px 0 0;
}

.page-header > .row > .game-social > .game-rate:hover {
	background-position: 0px -20px;
}

.page-header > .row > .game-social > .game-gplus {
	float: right;
}

.content .skyscraper-ad {
	display:none;
	margin-right: 0;
	padding-right: 19px;
	border-right: 1px solid #eee;
	text-align: left;
}

.content .skyscraper-ad h5 {
	line-height: 14px;
	margin-bottom: 5px;
}

.content .ad-n-game {
	padding-top: 10px;
	
	overflow: hidden;
}

.content .game-app {
	/*width: 740px;*/
	width: 1060px;
	margin-top: 19px;
	}

.content .preload {
	display:none;
}

.content .add-to-chrome {
	text-align: right;
	margin-left: 0px;
}

.game-is-loading .skip-ad {
}

.game-is-loading .still-loading {
	width: 0px;
	margin-bottom: 0px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 18px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.progress-danger.progress-striped .bar {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.progress-success.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}
.progress-info.progress-striped .bar {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

div.highlights{
	border-top: 3px solid #5d697c;
	padding-top:6px;
}
div.highlights h3 {
	background-color:#5F9EA0;
	margin-bottom: 10px;
	color:#FFF;
}

div.highlights > .row > a.span5 {
	/*background-color:#1d2229;*/
	background-color:whiteSmoke;
	height: 128px;
	width: 330px;
	border-radius: 5px;
	border: 1px solid #eee;
	display: block;
}

div.highlights > .row > a.span5 > div {
	float: left;
}

div.highlights > .row > a.span5> div.info {
	width: 170px;
	color: #404040;
}

div.highlights > .row > a.span5> div.info> h4 {

	color: #404040;
}

div.highlights > .row > a.span5> div.info> h5 {

	color: #404040;
}

div.highlights > .row > a.hover {
	background-color: #EEE !important;
}

div.highlights > .row > a:hover {
	text-decoration: none;
}

#bulle {
	height: 100px;
	width: 173px;
	background: url(img/tooltip.png);
	position: fixed;
	bottom: -10px;
	left: 300px;
	display: none;
	text-align: right;
	padding: 3px 10px;
}
#bulle a {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
}
#bulle a:hover {
	text-decoration: none;
}

.mingzi{
	font-size:13px;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
}
.logo{ margin-top:15px; margin-left:10px}
.info{
	margin-top:15px;
	text-align:left;
	margin-left:20px;
}
.ins{width:650px; color:#000; margin-top:-10px;}
.ad-300{

/*background-color: #CCCCCC;*/
width:300px; height:250px;
/*padding:3px;

	border-radius: 5px;
	border: 1px solid #EEE;*/

}

#copyright{
	color:#000;
	}