/* initialize main areas with max-width:100% */

#page {width:960px; max-width:100%;}
#logo {width:900px; max-width:100%;}
#tagline {margin-right:-30px;}

#content {width:585; max-width:100%;}
#pagination { max-width:100%;}
#copyright {max-width:100%;}
#content-no-sidebar { width: 885px; max-width:100%;}
div.fullwidth-picture img {max-width: 99%;} /* Changed to 99% from 100% by Marios */

@media only screen and (max-width: 979px) {
	body {margin:0px 20px;}
	#wrapper {border:0px;}
	#masthead, #logo {height:auto;}
	#tagline {display:block !important; float:none !important; margin:0px;}
	#tagline img { max-width: 100%; margin-top:-15px;}
	#content {width:100%;}
	#lead {height:auto;}
	#lead-text { width: 53%;}
	#featured-cats { width: 100%;}
	div.featured-cats-left, div.featured-cats-right {width:48%;}
	.archive-list li { width: 46%; margin-right:4%;}
	#sidebar {float:left;}

#top-nav {position:relative; height:30px; padding:5px 0px; background:url(images/menu-24.png) no-repeat 5px center #888;}
#top-nav:before {position:absolute; left:60px; top:10px; bottom:0px; content:'Change Topics'; margin:auto; font:18px Arial; color:#FFF;}	
#top-nav ul#nav-cat {display:none;}
#nav-cat  {top:35px;}
#nav-cat li {border-bottom: 1px solid #888; border-right:0px; float: none; padding: 5px !important;}
#top-nav li:hover ul.children {left:100px;}

#right-ad-atf  {float: right; position:relative; top: -190px;}
#logo {height:260px;}
}

@media only screen and (max-width: 639px) {
	body {margin:0px 10px;}
	#lead-text { padding:1% 3%; width: 94%;}
	div.featured-cats-left, div.featured-cats-right {float:none; width:100%;}
	div.small-picture-right { float: none; }
	#right-ad-atf  {float: left; position:relative; top: 0px; left: 0px; z-index: 999; display: none; }
}

@media only screen and (max-width: 479px) {
	body {margin:0px;}
	#wrapper {padding:0px 10px 60px;}
	#lead img { display: block; float: none; margin: 10px auto;}
	div.right-ad, div-right-ad >ins {max-width:98%;}
	div#toc_container { padding: 5%; width: 90% !important;}
	.archive-list li { width: 100%; margin-right:0%;}
	ul#nav.clearfloat { display: none; }
	div.small-picture-right { float: none; }
	#right-ad-atf  { height: 0px; width: 0px; display: none; }
	#logo {height:140px;}
}

.grecaptcha-badge { visibility: hidden; }