html { font-size: .625em; }
body { margin: 0; padding: 0; background: #CCC9B1; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.65em; }
h1, h2, h3, h4, h5, h6, p, address, iframe { margin: 0 0 1.2em 0; padding: 0; font-weight: normal; font-style: normal; }
h2, h3, h4, h5, h6 { color: #854A3B; margin: 1.2em 0 0 0; }
h3 { border-bottom: 1px dotted #85613B; }
h4 { margin-bottom: 0; font-weight: bold; }
ul, ol { padding-bottom: 1.2em; padding-top: 0; margin-top: 0; margin-bottom: 0; font-weight: normal; }
strong { color: #7C5B5B; font-weight: normal; font-size: 1.3em; }
blockquote { background: #E6E4D8; border-top: 1px solid #857C3B; border-left: 1px solid #857C3B; padding: 1em 1.5em .1em 1.5em; margin: 0 0 1em 1em; }
img.left { float: left; margin: 0 20px 10px 0; border: 1px solid #333; }
img.right { float: right; margin: 0 0 10px 20px; border: 1px solid #333; }

#content a { border-bottom: 1px solid #857C3B; padding: .2em 0 0 0; color: #85613B; text-decoration: none; font-weight: bold; }
#content a:link {  }
#content a:visited { background: #CCC9B1; }
#content a:hover, #content a:focus { background: #E6E4D8; color: #857C3B; }
#content a:active { background: #857C3B; color: #E6E4D8; }

#header { background: #857C3B; color: #ffffff; text-align: center; }
	#header h1 { color: #CCC9B1; width: 770px; text-align: right; margin: 0 auto; padding: 6em 0 0 0; }
		#header h1 strong { color: #ffffff; font-weight: normal; margin-right: -.3em; font-size: 1em; }

#body { background: url(../images/bg-body.gif) repeat-x; }
	#narrow { width: 770px; margin: 0 auto; text-align: left; }
		#content { margin-left: 330px; padding: 15px 0 0 35px; }
			#content #twitter h3 { color: #857C3B; border: 0; }
			#content #twitter a { background: none; border: 0; }
		#navigation { float: left; width: 330px; }
			#navigation ul { margin: 0; padding: 0; list-style: none; overflow: visible; }
				#navigation ul li { display: inline; }
					#navigation ul li#biography {  }
					#navigation ul li#resume {  }
					#navigation ul li#portfolio {  }
					#navigation ul li#contact {  }
					#navigation ul li a { display: block; float: left; width: 80px; height: 367px; margin-right: 2px; background-repeat: no-repeat; }
					#navigation ul li a:hover { background-position: -79px; }
					#biography a { background-image: url(../images/navigation-biography.gif); }
					#resume a { background-image: url(../images/navigation-resume.gif); }
					#portfolio a { background-image: url(../images/navigation-portfolio.gif); }
					#contact a { background-image: url(../images/navigation-contact.gif); }
						#navigation ul li a strong { position: absolute; left: -1000px; }
		.clear { clear: both; }