* { margin: 0; padding: 0 }

html { background-color: #9B8A81; font-family: Georgia; font-size: 11pt;
	background-image:url(peanuts.png) }

div.content { background-color: #F8EFEA; margin: 60px 20px 5px 20px; color: #3A1C0F;
	 color: black }

div.content {
	-webkit-box-shadow: 0px 2px 7px #3C2519;
	   -moz-box-shadow: 0px 2px 7px #3C2519;
	        box-shadow: 0px 2px 7px #3C2519 }

img#logo { float:right; margin: -45px 20px 10px 20px }

div.content > * { margin-left: 20px; margin-right: 20px }

div.nav { background-color: #AEF39B; margin: 0; padding: 1px 0 2px 20px;
	 border-top: dotted #AC7B62 1px; border-bottom: dotted #AC7B62 1px }
div.nav#top { border-top: solid 3px green; margin-bottom: 2em }
div.nav#bottom { border-bottom: none; margin-top: 2em }

div.nav a { margin-left: 0; margin-right: 1em }

p, h2, h3 { margin-top: 0.75em; margin-bottom: 0.75em }

span.faint { color: #BB9F9F }
blockquote { border: solid #BB9F9F 1px; border-left: solid #BB9F9F 3px; background-color: #DCC;
	padding: .75em; padding-left: 1.5em }

ul { padding-left: 20px }

hr { height: 0; border: none;
	border-bottom: 1px dotted #AC7B62 }
/* width: 100%; was working, but I'm getting a left margin now */

a { text-decoration: none; color: green }
a:hover { text-decoration: underline }

address { color:#66493A; font-size:0.75em; text-align:center; margin: 5px }