/* CSS Document */
/* controls the leaderboard ad in the header */

.adsense_336x280 {
	display:none;
	float:right;
	width:336px;
	height:280px;
	background-color:#339;
	font-family:"proxima-nova", Verdana, Geneva, sans-serif;
	color:#FFF;
	line-height:8.5;
	font-size:2em;
	text-align:center;
}
.adsense_336x280.live {
/*	background-color: transparent;*/
}
.adsense_336x280:after {
/*	content:"help us out, turn your ad blocker off";*/
	content:'';
}
.adsense_336x280.live:after {
/*	content:"this site won't survive without ads";*/
	content:'';
}
.adsense_728x90 {
	display:none;
	float:right;
	width:728px;
	height:90px;
	background-color:#900;
	font-family:"proxima-nova", Verdana, Geneva, sans-serif;
	color:#FFF;
	line-height:3;
	font-size:2em;
	text-align:center;
}
.adsense_728x90.live {
/*	background-color: transparent;*/
}
.adsense_728x90:after {
/*	content:"thank you for your support";*/
	content:'';
}
.adsense_728x90.live:after {
/*	content:"your ad block is killin' me";*/
	content:'';
}
.adsense_160x600 {
	display:none;
	float:right;
	width:160px;
	height:600px;
	background-color:#360;
	font-family:"proxima-nova", Verdana, Geneva, sans-serif;
	color:#FFF;
	line-height:18;
	font-size:2em;
	text-align:center;
}
.adsense_160x600:after {
	/*	content:"ad blockers make baby Jesus cry";*/
	content:'';
}
.adsense_160x600.live:after {
/*	content:"your ad block is killin' me";*/
	content:'';
}
.adsense_160x600.live {
/*	background-color: transparent;*/
}
.adsense_300x250 {
	display:none;
	float:right;
	width:300px;
	height:250px;
	color:#FFF;
	line-height:8;
	font-size:2em;
	text-align:center;
	background-color:#900;
}
.adsense_300x250:after {
/*	content:"ad blockers kill websites";*/
	content:'';
}
.adsense_300x250.live:after {
/*	content:"ad blockers make baby Jesus cry";*/
	content:'';
}
.adsense_300x250.live {
/*	 background-color: transparent;*/
 }
#menu_logo {
	display:none;
}
@media screen and (min-width:600px) {
	.adsense_160x600 {
		display:block;
	}
}
@media screen and (min-width:728px) {
	#header #logo_top {
		display:none;
	}
	#header .adsense_728x90 {
		display:block;
		float:none;
		margin:0 auto;
		margin-left:-10px;
	}
	#display_panel .adsense_728x90 {
		display:block;
		float:left;
		margin:6px;
	}
	#content .adsense_728x90 {
		display: block;
	}
	#header.contain { /* make header width 100% to fit leaderboard at small width */
		width:100%;
	}
	#menu_logo {
		display:block;
		float:left;
		margin:6px 10px 0 20px;
	}
	#menu_logo img {
		width:30px;
		height:30px;
	}
	#menu_logo img:hover {
		background-color:#fee7a2;
	}
}
@media screen and (min-width:738px) {
	#header .adsense_728x90 {
		margin:0 auto;
	}
}
@media screen and (min-width:800px) {
	.adsense_728x90 {
		float:left;
		margin:0;
	}
}
@media screen and (min-width:808px) {
}
@media screen and (min-width:818px) {
}
@media screen and (min-width:900px) {
	.adsense_336x280 {
		display:block;
	}
}
@media screen and (min-width:920px) {
	#header #logo_top {
		margin:20px 15px;
	}
	#header .adsense_728x90 {
/*		display:block;
		margin:0 auto;*/
		float:none;
	}
	#header #logo_top {
		margin:20px;
	}
	#menu_logo {
		display:none;
	}
	#header #logo_top {
		display:block;
		float:left;
		width:50px;
		height:50px;
		margin:20px 10px;
	}
	#header #logo_top a {
		line-height:0;
		font-size:0;
		color:transparent;
	}
}
@media screen and (min-width:960px) {
	.adsense_300x250 {
		display:block;
	}
}
@media screen and (min-width:1110px) {
	#header #logo_top {
		width:170px;
		height:58px;
		margin:11px 0 5px 0;
		line-height:1.25;
	}
	#header #logo_top img {
		width:auto;
		display: inline-block;
		float:left;
		margin:auto 2% auto auto;
		vertical-align:middle;
		/*	background-color: #838D76;*/
	}
	#header #logo_top a {
		color:#848d75;
		line-height: 1.25;
		font-size:1em;
	}
	#header #logo_top a:hover {
		color:#a6785b;
		text-decoration:underline;
	}
	#header #logo_top a span {
		color:#a6785b;
		margin:0 0 0 4px;
	}
	#header #logo_top a:hover span {
		color:#848d75;
	}
	#header #logo_top a span.break:after {
		content:"\000A";
		white-space: pre;
	}
}


@media screen and (min-width:1410px) {
	#header #logo_top {
		width:300px;
		height:40px;
		margin:10px 0 0 0;
		line-height:40px;
	}
	#header #logo_top a {
		font-size:1.25em;
	}
	#header #logo_top img {
		height: 189%;
	}
}


@media screen and (min-width:1650px) {
	#header #logo_top {
		width:460px;
		height:55px;
		margin:21px 0 15px 0;
		line-height:55px;
	}
	#header #logo_top a {
		line-height: 2;
		font-size:1.75em;
	}
	#header #logo_top img {
		height: 100%;
	}
	#header #logo_top a span.break:after {
		content:"";
	}
}