body {
  color            : black;

  font-family      : optima, verdana, arial, helvetica, sans-serif;
  font-size        : 0.8em;
  margin           : 0px;
}

div#top {
  margin           : 0px;
  padding-top      : 5px;
  padding-bottom   : 5px;
  color            : black;
  background       : #BDCBCC url(http://www.zachary.com/s/static/clippedClipper.png) no-repeat 90px 50%;
}

div#top h1 {
  font             : 1.6em optima, verdana, arial, helvetica, sans-serif;
  padding-left     : 15px;
  margin-top       : 8px;
  margin-bottom    : 8px;
}

div#top h2 {
  font             : 1.2em optima, verdana, arial, helvetica, sans-serif;
  padding-left     : 20px;
  margin-bottom    : 8px;
  margin-top       : 0px;
  font-style       : italic;
}

div#inpage {
  clear: left;
  float: right;
  width: 336px;
  height 280px;
  margin-top: 23px;
  margin-right: 160px;
  margin-left: 10px;
}

div#container {
  width: 100%;
  float: left;
  margin-right: -180px;
}

div#main {
  margin-right     : 160px;
  padding          : 0 15px 0 15px;
}

div#main h2  {
  margin-top       : 20px;
  margin-bottom    : 0px;
  padding          : 0px;
  font             : bold 1.92em optima, verdana, arial, helvetica, sans-serif;
}
 
div#main h3  {
  margin-top       : 20px;
  margin-bottom    : 0px;
  padding          : 0px;
  font             : bold 1.5em optima, verdana, arial, helvetica, sans-serif;
}

div#main h4  {
  margin-top       : 20px;
  margin-bottom    : 0px;
  padding          : 0px;
  font             : bold 1.2em optima, verdana, arial, helvetica, sans-serif;
}
 
div#main p {
  margin-top       : 0px;
  margin-bottom    : 20px;
  padding          : 0px;
}

div#menu {
  float            : right;
  width            : 129px;
  margin-top       : 0px;
  margin-right     : 0px;
  padding-left     : 10px;
  padding-top      : 20px;
  padding-right    : 10px;
  padding-bottom   : 20px;
  border-left      : 1px solid #ddd;
  background-color : #eee;
}

div#menu h3 {
  margin-bottom    : 3px;
  padding-top      : 0px;
  margin-top       : 5px;
  border-bottom    : 1px solid #ccc;
  font             : bold 0.9em optima, arial, helvetica, sans-serif;
}

div#menu p {
  margin-top       : 0px;
  margin-bottom    : 0px;
  font             : 0.9em optima, verdana, arial, helvetica, sans-serif;
  line-height      : 1.1em;
}

div#menu td {
  font             : 0.9em optima, verdana, arial, helvetica, sans-serif;
  padding          : 0px;
}

a:link, a:visited, a:active {
  color            : #22a;
  text-decoration  : none;
  background-color : transparent;
}

a:hover {
  text-decoration  : underline;
  background-color : transparent;
}  

a.external {
  font-style       : italic;
}

a.calday {
  text-decoration  : underline;
}

.title a:link, .title a:visited {
  color            : rgb(0,0,0);
}

.title a:hover {
  color            : #22a;
}

img {
  border           : 0px;
}

div#bottom {
  clear            : both;
  font-size        : 0.8em;
  border-top       : 1px solid #DDD;
  margin-top       : 0px;
  padding-bottom   : 5px;
  text-align       : right;
  padding-right    : 15px;
  color            : #AAA;
}  

.debug {
  font-size        : 0.8em;
  color            : #AAA;
}

tt {
  font-size        : 1em;
}

pre {
  font-family : "Andale Mono", "Lucida Console", monospace;
  font-size : 1.1em;
  padding: 3px 3px 15px;
  background: #EED;
  border: solid 1px #996;
  overflow: auto;
  height: auto;
}

blockquote {
  padding: 3px;
  background: #EED;
  border-left: solid 3px #996;
}

p.blog_date {
  font-size        : 0.8em;
  color            : #666;
}

div.comment, div.trackback {
  border-top: 1px solid #999;
  margin: 10px 5px 5px 5px;
  padding: 3px;
}

p.comment_citation, p.trackback_citation {
  font-size : 0.8em;
  font-style: italic;
}

.footnotes {
  font-size        : smaller;
  border-top       : 1px solid #DDD;
  padding-top      : 10px;
}