body { font-family: Arial, Verdana, sans-serif;}
h1, h2 { font-size: 1.4em; padding: 0 0 5px 0;}
p { padding: 0 0 8px 0; line-height: 1.4em; font-size: 1.2em;}
.figure { width: 100%;}
img, embed, object, video { max-width: 100%; margin: 8px 0;}
ul.images { width: 100%; height: auto; clear: both; overflow: hidden; margin: 10px 0;}
	.images li { display: block; float: left; margin: 0 11px 8px 0;}
	.images li img { margin: 0;}
	.images li img:hover { 
		-moz-box-shadow: 2px 2px 5px #000;
		-webkit-box-shadow: 2px 2px 5px #000;
		box-shadow: 2px 2px 5px #000;
}

#container { max-width: 970px; margin: 10px auto; clear: both; height: auto; overflow: hidden;}
header, footer { height: auto; padding-left: 10px; clear: both; background: #666;}
header { position: relative; margin-bottom: 1px;}

nav { clear: both; overflow: hidden; background: #888; margin-bottom: 10px}
#main-nav li { display: block; float: left; border-right: 1px solid #FFF;}
#main-nav li a { display: block; width: auto; min-height: 10px; line-height: 10px; padding: 8px 30px; text-decoration: none; font-size: 1.2em; background: #888; color: #000;}
#main-nav li a:hover { background: #666; color: #FFF;}

#content { float: right; width: 63%; height: auto; margin-bottom: 10px; padding: 1%; background: #999;}
aside { float: left; width: 30%; height: auto; margin-bottom: 10px; padding: 1%; background: #999;}