body {
  color            : #222;
  background-color : #FFF;
  font-family      : optima, verdana, "arial unicode ms", arial, helvetica, sans-serif;
  font-size        : 0.8em;
  margin           : 0px;
}



div#rightcol {
  margin-left      : 70%;
  margin-right     : 10px;
  margin-top       : 0px;
  padding-top      : 20px;
  padding-left     : 10px;
  padding-bottom   : 20px;
}

div#rightcol h3 {
  margin-bottom    : 4px;
  padding-top      : 0px;
  margin-top       : 5px;
   font            : bold 1em optima, arial, helvetica, sans-serif;
}

div#rightcol h4 {
  margin-top       : 5px;
  margin-bottom    : 0px;
  font             : 0.9em optima, verdana, arial, helvetica, sans-serif;
  line-height      : 1.1em;
}

div#rightcol p {
  margin-top       : 0px;
  margin-bottom    : 0px;
  font             : 0.9em optima, verdana, arial, helvetica, sans-serif;
  line-height      : 1.1em;
}




div#leftcol {
  float            : left;
  width            : 60%;
  margin-top       : 0px;
  margin-left      : 6%;
  margin-right     : 0px;
  padding-left     : 15px;
  padding-top      : 20px;
  padding-right    : 0px;
  padding-bottom   : 20px;
  border-right     : 1px solid #ddd;
}

div#leftcol h1  {
  margin-top       : 0px;
  margin-bottom    : 5px;
  padding          : 0px;
  font             : bold 2.4em optima, arial, helvetica, sans-serif;
}
div#leftcol h2  {
  margin-top       : 0px;
  margin-bottom    : 10px;
  padding          : 0px;
  font             : 1.92em optima, arial, helvetica, sans-serif;
}

div#leftcol h3  {
  margin-top       : 0px;
  margin-bottom    : 0px;
  padding          : 0px;
  border-bottom    : 0px;
  font             : 1.5em optima, arial, helvetica, sans-serif;
}

div#leftcol h4  {
  margin-top       : 2px;
  margin-bottom    : 0px;
  border-top       : 1px solid #ddd;
  padding          : 0px;
  font             : 1.1em optima, arial, helvetica, sans-serif;
}

div#leftcol p {
  margin-top       : 10px;
  margin-bottom    : 10px;
  padding          : 0px;
  font             : 1.1em optima, verdana, arial, helvetica, sans-serif;
}

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;
}

img {
  border           : 0px;
}

div#bottom {
  clear            : left;
  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        : 1.21em;
}

pre {
  font-family : "Andale Mono", "Lucida Console", monospace;
  font-size : 1.1em;
  padding: 3px;
  background: #EED;
  border: solid 1px #996;
}

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;
}
