body {
  background: #f8f8f8 url('../img/logo.png') no-repeat 10px 10px fixed;
  color: #444;
  font-family: 'Vollkorn', arial, serif;
}
a:link, a:visited { color: #cc0000; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
p { line-height: 1.5em; margin: 10px 0px 10px 15px; }
blockquote { font-size: .9em; line-height: 1.5em; }
ol, ul { margin: 0em 3em; }
ol { list-style-type: decimal; }
li { margin: 0px 25px 15px 25px; }
em { font-style: italic; }
code { font-family: monospace; }

div#head {
  position: fixed;
  top: 315px;
  left: -180px;
  font-variant: small-caps;
  font-size: 5em;
  font-weight: bold;
  letter-spacing: -5px;

  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
div#head h1 a {
  color: #444;
}
div#head h1 a:hover {
  text-decoration: none;
}

div#main {
  height: 100%;
  margin: 0px auto;
  padding: 30px;
  width: 615px;
}
div#pagination { font-size: .9em; margin-top: -20px; text-align: center; }
div#foot {}

div.codeblock {
    font-family: monospace;
    line-height: 1.2em;
    padding: 9px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 90%;
    margin: 20px auto;
}


div.post {}
div.post h1 { font-size: 2.5em; font-weight: bold; }
div.post img { display: block; margin: 0px auto; }
div.post div.datestamp {
  font-size: 1.1em;
  margin: -2px 15px 15px 0px;
  text-align: right;
}
div.post div.postchrome {
  font-size: .8em;
  height: 10px;
  margin: 10px 0px;
  text-align: right;
}
div.post div.postchrome span.timestamp {
  background: url('../img/timestamp.png') no-repeat;
  padding-left: 18px;
}
div.post div.postchrome span.commentstamp {
  background: url('../img/comments.png') no-repeat;
  padding-left: 18px;
}
div.post div.postchrome span.tagged-as {}
div.post div.section h1 {
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: -0.2em;
}
div.post div.section h1 a { text-decoration: none; }
hr.endpost { background-color: #aaa; margin: 45px auto; width: 55%; }

tt.literal { font-family: monospace; }