a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}

td {
  font-size: 8pt;
}

blockquote {
  background-color: #DDD;
  padding: .5em;
}

a:hover {
  color: #b33;
}

textarea {
  font-size: 8pt;
  font-family: Verdana;
}

body {
  background-color: #777;
  font-family: Verdana;
  font-size: 8pt;
  margin: 0;
  padding: 0;
  color: black;
}

.body {
  position: absolute;
  top: 8em;
  z-index: 0;
  left: 30em;
  right: 1em;
  padding-bottom: 2em;
}

.header {
  border-bottom: solid medium black;
  background-color: #b33;
  padding: .5em;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1;
}

.left {
  position: absolute;
  top: 9em;
  left: 1em;
  width: 23em;
  background-color: #DDD;
  border: solid thin #b33;
  padding: .5em;
  font-size: 9pt;
  line-height: 150%;
  color: }

.left a {
  font-weight: normal;
  color: #b33;
}

#title {
  font-size: 5em;
  color: white;
  }

#mainlink {
  font-size: 3em;
  color: white;
  position: absolute;
  right: 0;
  bottom: 0;
}

.newer {
  float: left;
}

.older {
  float: right;
}

.entry {
  border: solid thin #b33;
  background-color: white;
  margin: 2em 0;
  padding: 1em;
  line-height: 150%;
}

.entry > .timedate {
  font-weight: bold;
  color: #b33;
}

.entry > .content {
  margin: .5em;
}

.response {
  border: inset thin #b33;
  background-color: #DDD;
  padding: 1em;
  margin: .5em;
}

.response > .timedate {
  color: #b33;
  float: right;
}

.response > .user {
  color: #b33;
  float: left;
}

.response > .content {
  clear: both;
  color: black}

.button {
  border: solid thin #b33;
  background-color: black;
  color: white;
  padding: .3em;
  text-align: center;
}

.button:hover {
  background-color: white;
  color: black;
}

img {
  max-width: 95%;
}