html,body{ font-family: Helvetica; font-size: 1em; color: #333333; height: 100%; }
a{ color: #333333; }

h1{ font-size: 20pt; font-weight: 800; width: 170px; float: left; margin: 0 50px 0 0; line-height: 28px; }
h2{ font-size: 20pt; font-weight: 800; color: #999; } h2 span{ color: #333; }
h3{ font-size: 20pt; color: #333; }
h4{ font-size: 13pt; }
hr{ height: 1px; background-color: #fff; border: 0; border-bottom: 1px dotted #333; margin: 15px 0 0px 0; }
blockquote{ margin: 0 0 0 15px; font-size: 0.9em; }
dd{ margin: 0 0 5px 0; }

#wrapper{ width: 900px; margin: 0 auto; height: 100%; }

#header{ margin: 20px 0 0 0; height: 70px; border-bottom: 1px dotted #333;}

#menu li{ display: inline; margin: 5px 30px 0 0; float: left; } 
#menu a{ font-weight: 800; } #menu a:hover{ color: #468A67; } #menu a.active{ color: #468A67; }

#menu span.plus{ font-weight: 800; color: #468A67;}
#menu span.sub-menu a{ font-weight: normal; font-size: 0.9em; display: block; }

#content{ margin: 15px 60px 0 222px; }
#content p.ingress{ margin: 8px 0 0 0; font-size: 1em; color: #222; }
#content p{ line-height: 1.5em; margin: 20px 0 0 0; font-size: 0.9em; width: 500px;}
#content p a{ font-weight: 800; color: #468A67;} p a:hover{ text-decoration: underline; }
#content a{ color: #468A67; }

#left-column { float: left; margin: 15px 0 0 0; font-size: 0.9em; width: 180px;}
#left-column ul{ margin: 10px 0 0 0; } #left-column li{ margin: 0 0 10px 0; } #left-column span.who{ font-size: 1em; font-weight: 800; text-transform: uppercase; display: block; }
#left-column li{ background-color: #EDEDED; padding: 10px; width: 146px; }
#left-column li:hover{ background-color: #468A67; color: #fff;}

#footer{ height: 35px;background-color: #333; text-align: center; color: #999; }
#footer p{ padding: 10px 0 0 0; font-size: 0.8em; }

dl#notes{ font-size: 0.9em; margin: 5px 0 0 10px; }
#notes dd{ font-size: 0.8em; margin: 2px 0 0 5px; }
#content p a.note{ color: #777; border-bottom: 1px dashed #666; text-decoration: none; font-weight: normal; cursor: help; } 

/* CLASSES */
#content p.no-margin{ margin: 0; }
#content p.bottom-fifteen{ margin-bottom: 15px; }

.hidden{ display: none; }
.clear{ clear: both; }

/* SECTION SPECIFIC */
#post h4{ margin: 10px 0 5px 0; }
#post p{ margin: 0px 0 15px 0; }
#post span{ display: block; text-align: right; font-size: 0.8em; }

#archive h3{ margin: 15px 0 10px 0; }
#archive li{ margin: 10px 0 0 0; }
#archive strong a{ font-size: 0.9em; color: #333; }
#archive span { font-size: 0.8em; }

ul#people, ul#partners{ margin: 10px 0 0 0; }
#people li, #partners li{ margin: 0 0 25px 0; }
#people, #partners p{ font-size: 0.9em; }
#people p.about, #partners p.about{ margin: 3px 0 5px 0; }

#latest-work-content{ margin: 20px 0 0 0; }
#latest-work-content p.work-short-text{ font-size: 0.8em; width: 200px; }
#latest-work-content p a{ display: block; margin: 5px 0 0 0; }
#latest-work-content img.work-thumb{ border: 1px solid #e1e1e1; float: left; margin: 0 20px 0 0; }
span.project-title{ display: block; font-weight: 800; }
#latest-work-content li{ margin: 30px 0 0 0; }
#latest-work-content li:first-child{ margin: 0; }

#portfolio-project img{ border: 2px solid #e1e1e1; }