body {
  font-family: Georgia, serif;
  background-color: white;
  color: #222
  padding: 0;
  margin: 0;
}

h1 a, #header {
  color: #eee;
}

h1 {
  font-family: monospace;
}

h3, h4, h5, h6 {
  font-family: Lucida, sans-serif;
}

a { color: #333 }

.right {
  float: right;
  padding: .5em;
  margin: .5em;
}

.left {
  float: left;
  padding: .5em;
  margin: .5em;
}

img {
  border: 1px solid #333;
}

/* heading area */

#header {
  background-color: #444;
  padding: 0.5 1em;
}

h1 a {
  text-decoration: none;
  font-weight: bold;
  font-size: 110%;
}

#blog-description { font-style: italic; }

/* main content area */

h2 {
  font-size: 100%;
  margin: 1.5em 0.2em 0.5em 0.2em;
}

h3 {
  font-size: 120%;
  margin: 0.1em;
}

h4 {
  font-size: 110%;
  margin: 0.1em;
}

#columns-container {
  background-color: white;
}

#content-column {
  float: left;
  width: 48%;
  min-width: 35em;
  max-width: 45em;
  padding: 1em;
}

#content-column p {
  text-align: justify;
  font-weight: 500;
}

#content-column pre {
  padding: 0.3em;
  background-color: #eee;
  border: 1px solid #666;
}

.blosxomStory {
  padding: 0.5em;
}

.entryInfo {
  background-color: #eee;
  font-size: 80%;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.8em;
}

#content-column p.shareButtons {
  margin-top: 1.5em;
  text-align: center;
}

.shareButtons a {
  opacity:0.7;
}

.shareButtons a:hover {
  opacity:1.0;
}

.shareButtons img {
  margin: 5px;
  padding: 5px;
  border: 1px solid #ddd;
}

/* hide amazon affiliate tracking img */
.hidden {
  border: none !important;
  margin: 0 !important;
}

/* right columns areas */

#related-column, #books-column {
  float: left;
  font-size: 95%;
  padding: 0.5em;
  width: 23%;
  min-width: 16em;
}

.sideBox {
  background-color: #eee;
  width: 15em;
  float: left;
  border: 1px solid #aaa;
  width: 100%;
  max-width: 18em;
  margin: 1em;
}

.sideBox h2 {
  color: #eee;
  background-color: #222;
  margin: 0;
  padding: 0.2em;
  font-size: 105%;
  font-weight: bold;
}

.sideBox .boxBody {
  padding: 0.5em;
}

.sideBox .boxBody p {
  margin: 0.4em 0;
}

.sideBox ul {
  margin: 0.2em 0;
  padding: 0 0 0 20px;
}

.bookPicture {
  text-align: center;
  margin: 0.5em;
}

.booktitle {
  font-style: italic;
}

.bookAuthor {
  font-size: 90%;
}

.book {
  margin: 1em 0 2em 0;
  text-align: center;
}

#qr .boxBody {
  text-align: center;
}

/* footer area */

#colophon, #colophon a {
  color: #eee;
}

#colophon {
  background-color: #444;
  line-height: 16px;
  padding: 1em;
  text-align: center;
  font-size: 80%;
}