.blog { border-collapse: separate }
.blogdatebox { position: relative; left: 8em; margin-right: 8em }
h3.blogdate {
  font-variant: small-caps;
  position: absolute;
  font-size: medium;
  font-weight: normal;
  font-variant: small-caps;
  border-top: solid 1px #555588;
  width: 7em;
  margin-right: 1em;
  margin-top: 0;
  padding: 0.1ex 0 0 0;
}
.blogcatpic { float: right; margin-left: 0.4em; margin-top: 0.4ex }
.blogtitle {
  font-size: large;
  font-weight: bold;
  color: #black;
  padding: 0.2em;
  margin: 0;
  border-top: solid thin #555588;
}
.blogcat {
  color: #666666;
  text-align: left;
  margin: 0 0 3ex 0;
  padding: 0.1ex 0.2em;
  page-break-before: avoid;
  page-break-after: avoid;
}
.blogdesc { text-align: justify }
.blogfoot a:before {
  color: #888888;
  background-color: white;
  content: "→ ";
}
.blogfoot { margin: 1.5ex 1em }
.blogfoot a {
  color: #888888;
  background-color: white;
  font-size: small;
  text-decoration: none;
  margin-right: 2em;
}

/* Comments */

.comments { border-top: solid 1px #555588 }
.comments h5 {
  font-size: large;
  font-weight: bold;
  text-align: left;
  margin: 2ex 0;
}

.comment {
  border-top: solid 1px #555588;
  padding-top: 0;
}

h3.commenttitle {
  position: static;
  font-family: sans-serif;
  background-color: #eeeef8;
  font-size: medium;
  font-weight: bold;
  margin: 0;
  border-left: solid 1px #555588;
  padding-left: 0.4em;
}
.commentauthor {
  margin: 0;
  padding: 0.1ex 0.1em 3ex 0.4em;
  font-variant: small-caps;
  border-left: solid 1px #555588;
}
.commentdate {
  text-align: right;
  font-style: italic;
  font-size: small;
  margin: 0;
  padding: 0.1ex 0.1em;
  position: relative;
  top: -6ex;
  z-index: -5;
}

.commenttext {
  position: relative;
  top: -3ex;
  padding: 0 0.4em;
}

.commententry {
  border-top: solid 1px #555588;
  margin: 1ex 0;
  padding: 1ex 0;
}

.commententry input {
  border: inset 1px #555588;
  color: black;
  background-color: white;
}

.commententry button {
  border: outset 2px #555588;
  color: black;
  background-color: white;
}

.commententry button:hover {
  background-color: #eeeef8;
}

.commententry button:active {
  border: inset 2px #555588;
}

.commententry textarea {
  border: inset 1px #555588;
  color: black;
  background-color: white;
}

.label { vertical-align: top; text-align: left }
.mandatory { font-weight: bold }