body {
  background: #FFFFFF;
  color: black;
  margin: 0;
}
#main {
  position: relative;
  font-size: small;
}
#leftside {
  margin-right: 35ex;
  border-right: 1px solid black;
}
#sidebar {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 10px;
  width: 35ex;
  border-top: 1px solid black;
}
#sidebar p {
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
#sidebar h1:first-child {
  margin-top:0px;
}
#toplink {
  font-weight: bold;
  font-size: 110%;
}
img {
  border: 0;
}
article {
  font-size: medium;
  color: black;
  background: #EEEEEE;
  border: 1px black;
  border-style: solid none solid none;
  margin-bottom: 1ex;
  padding-left: 2ex;
  padding-right: 2ex;
}
article header {
  margin-left: -1ex;
}
.wbs {
  background: #F8F8F8;
  border: 1px black;
  border-style: solid none solid none;
  margin-bottom: 1ex;
  padding-left: 1ex;
}
.wbform {
  background: white;
  border: 1px black;
  border-style: solid none solid none;
  margin-bottom: 1ex;
  padding-left: 1ex;
}
.sub { margin-left: 1em}
address {
  text-align: center;
  width: 75%;
  margin-left: 12.5%;
  margin-right: 12.5%;
  margin-top: 2ex;
  border-top: 1px solid black;
  padding-top: 1ex;
}
body > header h1, article h1 {
  font-family: Verdana,Geneva,Arial,Sans-serif;
  color: #336699;
  font-weight: bold;
}
body > header h1 {
  font-size: large;
  padding-left: 6px;
  padding-top: 3px;
}
time {
  margin-top: 0;
  font-style: italic;
  font-size: small;
}
article h1, .commentstitle, .writebacktitle {
  font-size: medium;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.commentstitle, .writebacktitle {
  font-weight: bold;
}
#sidebar h1 {
  font-family: Verdana,Geneva,Arial,Sans-serif;
  color: #336699;
  text-align: center;
  font-size: small;
  margin-bottom: 1ex;
}
.bookauthor {
  font-style: italic;
}
.wbtitle {
  font-size: small;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.wbwho {
  font-weight: normal;
  font-style: italic;
}
.wbbody {
  margin-top: 0.1ex;
  padding-top: 0.1ex;
  font-weight: normal;
  padding-left: 1ex;
}
.writeback {
  margin-top: 0px;
  padding-top: 0px;
  text-align: right;
  font-style: italic;
  font-size: small;
}
.fineprint {
  font-weight: normal;
  font-size: x-small;
}
.trackback {
  font-weight: normal;
  font-size: x-small;
}
.category {
  width: 21ex;
  margin-top: 0px;
  padding-top: 0px;
  float: left;
  font-style: italic;
  font-size: small;
}
.month-calendar caption, .year-calendar caption {
  font-weight: bold;
}
.month-calendar th, .year-calendar-subhead {
  font-weight: normal;
}
.month-calendar td, .year-calendar td {
  text-align: center;
  font-size: x-small; 
  font-family: serif;
}

.month-calendar-day-future, .year-calendar-month-future {
  color: #999999;
}

.month-calendar-day-this-day, .year-calendar-this-month {
  border-top: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
}
ul.categories {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  text-align: center;
  width: 14ex;
}
.storycat {
  float: right;
  height: 0.1em;
  padding-right: 5px;
}
.categories ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  border-top: solid 1px black;
  margin-top: 1px;
  padding-top: 3px;
}
.categories li {
  margin-left: 0;
  padding-left: 0;
}
.categories .count {
  color: #999999;
}
li.this-category {
  border-left: solid 1px black;
  border-right: solid 1px black;
}

a:link, a:visited { color: #660000; text-decoration: underline }
a:hover, a:active { color: #660000; text-decoration: none }

header a:link, header a:visited { color: #336699; text-decoration: none }
header a:hover, header a:active { color: #336699; text-decoration: underline }

img {
  border: 0;
}
.thumbnail {
  float: left;
  width: 200px;
  height: 150px;
  text-align: center;
  margin: 8px;
}
.error {
  color: #CC0000;
}
blockquote {
  margin: 0;
  border: solid 1px #BBBBBB;
  background-color: #DDDDDD;
  padding: 2ex 2ex 2ex 30px;
  border-top-right-radius: 150px 15px;
  border-bottom-left-radius: 150px 15px;
  -webkit-box-shadow: 2px 2px 4px #999999;
  -moz-box-shadow: 2px 2px 4px #999999;
}
blockquote:before {
  display: block;
  float: left;
  color: #BBBBBB;
  font-size: 300%;
  font-style: italic;
  content: '\201C';
  width 25px;
  height: 25px;
  margin-left: -30px;
  margin-top: -0.8ex;
}
blockquote p:first-child {
  margin-top: 0;
}
blockquote p:last-child {
  margin-bottom: 0;
}
/* Fix up display in Gecko */
article, header, aside, time, nav {
  display: block;
}