/*@media screen and (min-width: 1200px) {
	#page {
		width: 1160px;
	}

	#side-ad {
		width: 170px;
		float: left;
		margin: 16px 13px;
		display: block;
		text-align: center;
	}

	#header #logo {
		width: 170px;
		text-align: center;
		margin: 0 13px;
	}

	#header #logo img {
		margin-left: 0;
	}

	#top-ad {
		text-align: center;
		float: none;
	}
}*/

@media screen and (min-width: 1120px) {
	#page {
		width: 1100px;
	}

	/*#side-ad {
		width: 180px;
		float: right;
		margin: 30px 10px;
		display: block;
	}*/

	#content {
		width: 735px;
	}
}

@media screen and (max-width: 980px) {
	#page, #bar-inner {
		width: 95%;
	}

	#side-ad {
		display: none;
	}

	#content {
		width: 60%;
		/*padding: 3% 4%;*/
	}

	#sidebar {
		width: 30%;
	}

	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 900px) {
	#top-ad {
		float: none;
		clear: both;
		text-align: center;
	}

	#top-nav li a {
		font-size: 90%;
		padding: 10px 17px;
	}
}

@media screen and (max-width: 650px) {
	h1 {
		font-size: 1.8em;
	}
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}

	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}

	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

	#toc-link {
		display: block;
	}

	li.external, li.hide-sm {
		display: none;
	}

	.go-top .text, .footer-link .text {
		display: none;
	}

	nav div.menu ul li {
		padding: 5px 0;
	}
}

@media screen and (max-width: 480px) {
	html {
		-webkit-text-size-adjust: none;
	}

	h1 {
		font-size: 1.4em;
	}

	#top-nav li a {
		font-size: 90%;
		padding: 10px 15px;
	}

	#top-nav li a .long {
		display: none;
	}

	#toc-link {
		display: block;
	}

	li.external, li.home {
		display: none;
	}

	.go-top .text, .footer-link .text {
		display: none;
	}

	#header {
		text-align: center;
	}

	#header #logo {
		float: none;
	}
}