* {padding:0;margin:0;}
html {width:100%;height:100%;}
body {font-family: 'Open Sans', sans-serif;;font-size:14px;line-height:1.5;font-weight:400;color:#434343;background:#FFF;}
.container {margin:0 auto;}

header {margin:25px ;color:#000;background:#FAF9F6;padding:15px 0 15px 30px;margin:0 0 25px;font-size:18px;}

aside {float:left;margin:0 0 8px;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#000;background:#FFF;padding:3px 8px;}
aside nav ul li a:hover{background:#fff;color:##808080;}

#main {float:right;margin:0 0 8px;}
footer {clear:both;color:#000;background:#FAF9F6;padding:15px 0 15px 30px;margin:0 0 25px;}

@media (min-width: 1100px) {
	.container {width:640px;}
	aside,
	#main {width:100%;}
}
@media (max-width: 1100px) and (min-width: 640px) {
	.container {width:640px;}
	aside,
	#main {width:100%;}
}
@media (max-width: 640px) {
	.container {width:300px;}
	aside,
	#main {width:100%;}
}