/**
 * These styles handle layout
 */

body {
	margin: 0;
	padding: 0;
}
#header-inner, #content, #footer-inner {
	max-width: 60em;
	margin: 0 auto;
}
#main, #sidebar {
	position: relative;
}
#footer {
	clear: both;
}

@media (min-width: 751px) {
	#header-inner, #content, #footer-inner {
		width: 80%;
		min-width: 45em;
	}
	#main {
		float: left;
		width: 73%;
	}
	#sidebar {
		float: right;
		width: 23%;
	}
}

@media (max-width: 750px) {
	#header-inner, #content, #footer-inner {
		width: 95%;
	}
	#main {
		float: left;
		width: 100%;
		clear: both;
	}
	#sidebar {
		float: left;
		position: relative;
		width: 75%;
		left: 12.5%;
	}
	#sidebar.optional {
		display: none;
	}
}