body {background-image:url("/gfx/mmo4ever-com-background.jpg");background-color:#4a6382;background-position:center top;background-repeat:repeat-y;}
a {color:#000000;}
a:hover {color:#0066cf;}
.welcome {box-sizing:border-box;width:100%;max-width:1024px;background-color:rgba(255,255,255,0.7);margin:8px auto 8px auto;padding:20px;}
.welcome h1 {font-family:'Open Sans', sans-serif;font-size:40px;border-bottom:1px solid #aaaaaa;color:#000000;padding:0 0 10px 0;margin:0 0 10px 0;}
.welcome h1 b {font-size:120%;color:#990000;}
.welcome h1 small {display:block;font-size:20px;color:#666666;font-weight:400;}
.welcome p {font-family:'Open Sans', sans-serif;font-size:15px;line-height:22px;padding:3px;}
.google-search-global {width:100%;max-width:1024px;margin:8px auto 8px auto;}
.gsc-control-cse {padding:20px 20px 16px 20px!important;}
.subsites {box-sizing:border-box;width:100%;max-width:1024px;background-color:rgba(255,255,255,0.7);margin:8px auto 0 auto;padding:0 10px 20px 10px;}
.subsite img {display:block;width:100%;}
.subsite a:hover img {opacity:0.9;}
.subsite a h2, .subsite a h3 {font-family:'Open Sans Condensed', sans-serif;font-size:28px;color:#f8f8f8;background-color:#222222;padding:5px 10px 5px 10px;margin-top:1px;}
.subsite a:hover h2, .subsite a:hover h3 {background-color:#000000;}
.subsite h2 small, .subsite h3 small {font-size:70%;color:#bbbbbb;}
.subsite .desc {background-color:rgba(255,255,255,0.3);padding:10px;}
.subsite .desc p {font-family:'Open Sans', sans-serif;font-size:15px;line-height:20px;padding:3px;}
.share {float:right;}
.share a {display:inline-block;background-color:#bfd6f0;border-radius:5px;}
.share img {display:block;float:left;width:32px;opacity:0.8;}
.share img:hover {opacity:1;}
.share span {display:block;float:left;min-width:24px;height:32px;line-height:32px;text-align:center;font-family:Verdana;font-size:15px;color:#444444;}

/* google adsense */

.google-responsive {width: 100%;max-width: 970px;margin: 20px auto 0 auto;text-align: center;}

/* LARGE */

@media screen and (min-width :1025px) {
	.google-300x250 {
		width:250px;
		height:300px;
		float:right;
		margin-left:20px;
	}
	.subsites .google-responsive {
		margin:20px auto 0 auto;
		width:100%;
		max-width:970px;
		text-align:center;		
	}
	.subsites .google-responsive .adsbygoogle {
		min-width:970px;
		height:250px;
	}	
	.subsite {
		float:left;
		box-sizing:border-box;
		width:50%;	
		padding:20px 10px 0 10px;
	}
	.desc-a {
		min-height:190px;
	}
	.desc-b {
		min-height:140px;
	}
}

/* MEDIUM */

@media screen and (min-width :641px) and (max-width :1024px) {
	.google-300x250 {
		width:250px;
		height:300px;		
		float:right;
		margin-left:20px;
	}
	.subsites .google-responsive {
		margin:20px auto 0 auto;
		width:100%;
		max-width:970px;
		text-align:center;		
	}	
	.subsites .google-responsive .adsbygoogle {
		min-width:640px;
		height:250px;
	}	
	.subsite {
		float:left;
		box-sizing:border-box;
		width:50%;	
		padding:20px 10px 0 10px;
	}
	.subsite a h2,.subsite a h3 {white-space:nowrap;overflow:hidden;padding-right:10px;font-size: 22px;}
	.subsite .desc p {font-size: 13px;line-height:18px;}
	//.subsite .desc-a {min-height: 220px;}
	//.subsite .desc-b {min-height: 170px;}
}

/* SMALL */

@media screen and (max-width :640px) {
	.google-300x250 {
		margin:20px auto;
		text-align:center;
	}
	.subsites .google-responsive {
		margin:20px auto 0 auto;
		width:100%;
		max-width:970px;
		text-align:center;		
	}
	.subsites .google-responsive .adsbygoogle {
		min-width:300px;
		height:250px;
	}	
	.subsite {
		float:left;
		box-sizing:border-box;
		width:100%;	
		padding:20px 10px 0 10px;
	}
	.share {display:none;}
}