* {margin: 0; padding: 0;}

body {font: 62.5% arial, sans-serif; background-color: #eee;}

a {color: darkblue;}

h1 {float: left; font-family: helvetica; font-size: 275%; padding: 1em 0 0 0;}

h2, h3, h4, h5, h6, p, ul {font-family: helvetica; margin: 0 0 1em 0; clear: both;}

h2 {border-bottom: 1px solid #666; font-size: 130%; text-transform: lowercase; color: #999;}

h3 {font-size: 1.2em; margin: 0;}

hr.clearer {clear: both; visibility: hidden;}

ul li {margin: 0 0 1em 2em;}


#wrapper {width: 75%; margin: 0 auto; padding: 1em; background-color: #fff; border: 1px solid #666;}


#content {clear: both; font: 1.4em Verdana, Arial, Helvetica, sans-serif; width: 63%; min-width: 400px; float: left; margin: -2em 0 0 1em;}

#content p {border: 1px solid #fff; padding: .25em;}

#content img {margin: .75em; border: 1px solid #666;}

#content div.contact {width: 30%; float: left; margin: 0 .25em; text-align: center;}

#content div.contact p {margin: 0 0 1em 0;}

#content div.contact ul {margin: 0;}

#content div.contact ul li {list-style-type: none; margin: 0 0 .5em 0; padding: .25em 0; border: 1px solid #fff;}

#content div.contact ul li:hover {background-color: #fffff0; border: 1px solid #900;}


#flickr {clear: left;}

#flickr img {float: left; margin: .5em;}


#header img.photo {float: right; margin: -2em 4em 0 1em;}

#header ul {font-size: 1.5em;}

#header ul li {float: left; list-style-type: none; margin: 1em 0;}

#header ul li a {display: block; float: left; padding: 0 1em;}

#header ul li:after {content: "/"}

#header ul li.last:after {content: ""}


#sidebar {width: 35%; min-width: 200px; float: left; padding: 1em .5em;}