/* CSS Document */
body{margin: 0px; padding:0; font-size:12px; color:#666; font-family:Verdana, Geneva, sans-serif; background:#DC87A8;}
dl,dt,dd,ul,li,h1,h2,form,input,textarea,p,td,h4,h3{padding:0;margin:0;}
ul,dl{list-style:none;}
img{ vertical-align:top;border:0;}
.clear{clear:both}
.left{float:left}
.right{float:right;}

h1{
	font-size:18px;
}

.sus{
	background: #666;
	color:#FFF;
	text-align:center;
	padding:4px;
	
}
a{
	text-decoration:none;
}
.titlue{
	font-size:13px;
	font-weight: bold;
}
.header{background:#B32569 url(/img/bgb.png) center no-repeat ;width:100%;clear:both; border-bottom:2px solid #FFE135;}
.top{margin:0;height:120px;min-width: 970px; }
.top_logo{ margin-top:5px;}
.top_nav{ height:120px; margin:0 0 0 5px;min-width:120px;overflow: hidden;}
.top_nav ul{margin: 0;	padding: 0;}
.top_nav li{float: left;list-style: none;font-size:10px;color:#B1B0B1; width: 45px;text-align: center;padding:5px;line-height: 18px;}
.top_nav li img {width:40px; height:40px;}
.top_nav li a{ text-decoration:none; color:#fff;}
.top_nav li a:hover{ color: #333;}
.top_nav li:hover {background-color: #5295B5;}
.top_nav li.selected {background-color:#4c4c4c;}
  .top_search{ margin-top:35px;padding-right:5px;width:300px; height:45px;}
   .top_search_input{ float:right; background:url(/img/search_bg.jpg) no-repeat; width:300px; height:45px;}
   .top_search_input input{ float:left; height:45px; background:none; border:1px none; line-height:28px; padding:0 0 0 5px; color: #333; width:208px; font-size:20px}
   .top_search_input span{ float:right;margin:0px;padding:0px;}
   .top_search_input span input{ background:none;margin:0px;padding:0px; width:80px; height:28px; cursor:pointer;}
   
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#000;border:6px solid #fff;}
#simplemodal-container a.modalCloseImg {background:url(/img/delete.png) no-repeat; width:44px; height:44px; display:inline; z-index:3200; position:absolute; top:-22px; right:-22px; cursor:pointer;}

div.PageTitle h1{
/*	background-color: #4c4c4c;*/
	font-size: 25px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-shadow:1px 1px #000;
	margin-top:5px;

}
div.PageTitle h2{
/*	background-color: #4c4c4c;*/
	font-size: 25px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-shadow:1px 1px #000;
	margin-top:5px;

}

div.container {
	margin:10px auto 10px auto;
	text-align: left;
	width:990px;
/*	padding:1px;
	padding-top:0;*/
	border-bottom:none;
	margin-bottom:60px;
}
div.container_left {
	width:790px;
	float: left;
}
div.container_right {
	width:190px;
	margin-left: 10px;
	float: left;
	text-align: center;
}
div.allgames {
    margin-left:auto;
    margin-right:auto;
	height:500px;



	

}
div.bottomtext {
    clear:both;
	padding:5px 10px 10px 10px;
	color:#B1B0B1;
}
#sticky_top { }
#sticky_bottom{ position:fixed;    bottom:0;	z-index:1000;}

div.thumb {	
	float: left;
	margin: 5px;
	text-align: center;
	width: 200px;
	height: 150px;
	position:relative;
	border-radius:10px;
}
div.thumb a img {
	width: 200px;	
	height: 150px;
	border-radius:10px;
}

div.thumb a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

div.thumb-hot {
	width: 410px;
	height: 310px;
}
div.thumb-hot a img {
	width: 410px;	
	height: 310px;
	/* border-radius:10px; */
}

.alpha:hover img {	filter:alpha(opacity=80);	-moz-opacity: 0.80;	opacity: 0.80;	}

div.thumb span.GameName{position:absolute;top:0;left:5px;width:185px;height:80px;display:none;color:#fff; background-color:rgba(0, 0, 0, 0.5); padding:5px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;border-radius:10px;padding-top:60px;}

div.thumb span.GameThumbBorder{position:absolute;top:0;left:0;width:190px;height:140px;display:block;
	border:5px solid #fff; border-radius:10px;}

.tag_new{position:absolute;top:0px;left:0px;width:60px;height:60px;background:url(/img/tag_new.png) 0 0 no-repeat;}
.tag_hot{position:absolute;top:0px;left:0px;width:50px;height:50px;background:url(/img/tag_hot.png) 0 0 no-repeat;}
.tag_top{position:absolute;top:0px;left:0px;width:60px;height:60px;background:url(/img/tag_top.png) 0 0 no-repeat;}

.rating{position:absolute;top:123px;left:115px;width:40px;height:14px;background: #0A0 url(/img/dada.png) 10px 3px  no-repeat; color:#FFF; padding:3px 5px 5px 35px ;border-bottom-right-radius:5px ; border-top-left-radius:1em; }

div.thumb-hot span.GameName{width:395px;height:170px;padding-top:130px;}
div.thumb-hot span.GameThumbBorder{width:400px;height:300px;}

a img{
	border:0;
}

#loadingmoregames{ width:100%; text-align:center;}


.foot{  height:30px;width:100%;line-height:30px;color:#fff;clear:both;}
 .foot_container {background:#EE2B56;}
 .foot  a{ color:#fff; text-decoration:none;}
 .foot  a:hover{ color:#fff; text-decoration:underline} 
 .foot .div_left{float:left;margin:0 0 0 10px;width:400px;}
 .foot .div_right{ float:right; width:490px;text-align:right;margin:0 40px 0 0;}
 .foot .div_center{margin:0 auto;width:100px;text-align:center;}

 
#backToTop {
    width:60px;
    height:50px;
    position:fixed;
    bottom:50px;
    right:10px;
	display:none;
}

div.thumb ul.tags li {
	float: left; 
	list-style: none;
    padding: 6px 5px 6px 5px;
    float: left;
    width:195px;
    height:60px;
	overflow:hidden;
	color:#fff; 
	text-align:left;
	border-bottom:1px solid #63B5CF;
}
div.thumb ul.tags a{
	color:#fff; text-decoration:none;
}
div.thumb ul.tags li:hover{
	color: #09C;
	background-color:#63B5CF;
}
div.thumb ul.tags li .tags_left {
	float: left; 
    width:60px;
    height:60px;
}
div.thumb ul.tags li .tags_left img{
    width:60px;
    height:60px;
	border:0px;
}

div.thumb ul.tags li .tags_right {
	float: left; 
    width:125px;
	padding:5px 0 0 5px;
}

div.thumb ul.tags li .tags_right_name {
	float: left; 
    width:125px;
	padding:0 0 10px 0px;
	font-size:13px;
	height:13px;
	line-height:20px;
	overflow:hidden;
}

div.thumb ul.tags li .tags_right_num {
	float: left; 
    width:125px;
	font-size:12px;
	color: #333;
}










/* Image Box Style */
#mainwrapper .box {
	cursor: pointer;
	height: 150px;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	width: 200px;
	border-radius:10px;

}




#mainwrapper .box img {
		width: 190px;	
	height: 140px;
	border:5px solid #FFF;
	border-radius:10px;
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}


/** Caption 1: Simple **/


/** Caption 2: Full Width & Height **/


/** Caption 3: Fade **/
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {
	opacity: 0;
	width: 160px;
	height: 110px;
	text-align: left;
	padding: 15px;
	border:5px solid #fff;border-radius:10px;
}

/** Caption 4: Slide **/


/** Caption 5: Rotate **/
#mainwrapper #box-5.box .rotate-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	top: 200px;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#mainwrapper .box .rotate {
	width: 200px;
	height: 400px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/** Caption 6: Scale **/
#mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p {
	position: relative;
	left: -200px;
	width: 170px;
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 100ms ease-out;
}

#mainwrapper .box .scale-caption h3 {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	-ms-transition-delay: 100ms;	
	transition-delay: 100ms;
}

#mainwrapper .box .scale-caption p {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 200ms;
}

/** Simple Caption :hover Behaviour **/
#mainwrapper .box:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}

/** Full Caption :hover Behaviour **/
#mainwrapper .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;
}

/** Slide Caption :hover Behaviour **/
#mainwrapper .box:hover .slide-caption {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 1;
	transform: translateX(-100%);
}
#mainwrapper .box:hover img#image-4 {
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
}



/** Scale Caption :hover Behaviour **/
#mainwrapper .box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}

.drop_menu {
background: #FFF;
padding:0;
margin:0;
list-style-type:none;
height:44px;
width:250px;
border-radius:6px;
padding-top:5px;

}
.drop_menu li { float:left; }
.drop_menu li a {
padding:9px 15px;
display:block;
color: #333;
text-decoration:none;
font-size:13px;
color: #C06;
}


/* Submenu */
.drop_menu ul {
position:absolute;
left:-9999px;
top:-9999px;
list-style-type:none;


}
.drop_menu li:hover { position: relative; background: #FFF; z-index:1000; }
.drop_menu li:hover ul {
left:0px;
top:30px;
background: #FFF;
padding:0px;
border-radius:6px;


}
.drop_menu li:hover ul li a {
padding:5px;
display:block;
width:730px;
text-indent:5px;
background-color: #FFF ;
border-radius:6px;
}
.drop_menu li:hover ul li a:hover { background: #D20069; color:#FFF; }

.social{
	margin-top:10px;
}
.gplus{
float: right;
    width:80px;
    height:25px;
    overflow:hidden;
	margin-left:10px;
}
.fb2{
float:left;
    width:80px;
    height:100px;
    overflow:hidden;
	margin-left:10px;
}
.fb{
float: right;
    width:170px;
    height:25px;
    overflow:hidden;
}
.all{
	background:#FFF;
	width:310px;
	height:45px;
	border-radius:6px;
	padding-top:5px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.nextb{
	float: left;
	margin-left:10px;
	margin-top:7px;
	
}
.rdesc{
	float:left;
	width:180px;
	height:50px;
}
.rdesc img{
	border-radius:5px;
	
}

#clock img, #star img {
margin-left:6px;
border-radius: 5px;
}
.gam{width:20px;height:20px;background: #CE6700;position:relative; padding:5px; left:60px; top:30px; color:#FFF; border-radius:30%;	-webkit-border-radius: 30%; -moz-border-radius: 30%; }
#clock img {margin-left:10px;position:absolute; }
#search-result {display:none; background:#fff; ;position:absolute; top:90px; left:20px ; right:40px;
				border:3px solid #fff; border-radius: 5px; padding:5px; box-shadow: 0px 0px 4px 0px #000;z-index:999;}
				

				
	.rdesc1{	
	float:left;
	background: #FFC1E0;
	margin:2px;
	border-radius:4px;

}
#drop{
	margin-top:30px;
}


#drop .rdesc1 a{ font-size:11px;}
#drop .rdesc1 a:hover{ background: #9C0; color:#FFF;border-radius:4px;}
#drop .rdesc a:hover{ background: #9C0; color:#FFF;border-radius:4px;}


.imgth2{
	width:225px;
	margin-bottom:6px;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
position:relative;

}

.imgth2 img{
	width:225px;
	height:125px;
border-top-left-radius:4px;
border-top-right-radius:4px;	

}

.imgth2 .titlu{
	background: #fff;
	width:220px;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
overflow:hidden;

}

.imgth2  a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;

}

.imgth2  a:hover{
	color: #ccc;
	text-decoration:none;
	font-weight:bold;

}