body {
  font-family: "Gentium Basic", serif;
  font-size: 14pt;
  line-height: 1.3;
  margin: 0px;
  padding-top: 0;
}
h1, h2, h3 { font-family: "Sawasdee", sans-serif; }
h1 {
  font-size: 16pt;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 1em;
  border-bottom: solid 1px black;
}
h2 {
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 0;
}
h3 { font-size: 14pt; }
p { margin-top: 0.1em; }
img { border: none; }
table {
  border: solid 1px black;
  padding: 0;
}
td, th {
  border: solid 1px black;
  padding: 0 1ex;
  margin: 0;
}
tt { font-size: 12pt; }
.hidden { display: none; }
.topmatter {
  margin: 0;
  background-color: white;
}
.header {
  letter-spacing: 0.1em;
  font-family: "Sawasdee", sans-serif;
  font-size: 16pt;
  text-align: left;
  font-weight: normal;
  border: none;
  margin: 1em;
  float: left;
}
.header a:link {
  color: black;
  text-decoration: none;
}
.title a:visited {
  color: black;
  text-decoration: none;
}
.title a:active {
  color: black;
  text-decoration: none;
}
.header a:hover {
  color: #2e3436;
  text-decoration: underline;
}
.topnav {
  font-family: "Sawasdee", sans-serif;
  font-size: 14pt;
  margin-top: 18pt;
  margin-right: 1em;
  margin-left: 1em;
  margin-bottom: 1em;
  float: right;
}
.topnav li {
  display: inline;
  padding-left: 1em;
}
.topnav li:first-child { border-left: none; }
.topnav li.current a {
  font-weight: bold;
  color: black;
  text-decoration: none;
}
.topnav li.current a:hover { text-decoration: underline; }
.mainmatter { clear: both; }
.content {
  margin-left: 10em;
  padding-left: 1em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  border-left: solid 1px black;
}
.content .body { max-width: 36em; }
#leftboxes {
  float: left;
  padding-top: 3.65em;
}
#rightboxes {
  float: right;
  padding: 1em;
  background-color: white;
}
.navbox {
  width: 9em;
  margin-bottom: 1em;
  text-align: right;
}
.navbox h1 {
  font-size: 14pt;
  font-family: "Sawasdee", sans-serif;
  font-weight: bold;
  border: none;
  margin-bottom: 0;
}
.navbox ul {
  margin: 0;
  font-family: "Sawasdee", sans-serif;
  line-height: 1.3;
}
.navbox ul li { list-style: none; }
.navbox ul li.current a {
  text-decoration: none;
  color: black;
}
.sidebox {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 12.5em;
  background-color: white;
  border: solid black 1pt;
  padding: 0.5em;
}
.sidebox h1 {
  font-size: 14pt;
  font-family: "Sawasdee", sans-serif;
  font-weight: bold;
  border: none;
  margin-bottom: 0.5em;
}
.sidebox .tweet {
  font-size: small;
  padding: 4pt 4pt 4pt 12pt;
}
.sidebox .tweet .date {
  font-size: x-small;
  font-style: italic;
  text-align: left;
  margin-left: -8pt;
}
.sidebox .twitter_profile {
  font-size: small;
  font-style: italic;
}
hr.foot {
  border: none;
  clear: both;
}
.footer {
  border-top: solid 1px black;
  text-align: center;
  padding-bottom: 1ex;
  font-style: italic;
  font-size: 10pt;
  color: #666666;
  clear: both;
  margin: 12pt 12pt 0 12pt;
  padding-top: 1ex;
}
.auth_panel {
  float: right;
  text-align: right;
}
.login_status {
  font-size: small;
  font-style: italic;
}
div.entry { padding-left: 16pt; }
div.entry h2 { margin-left: -16pt; }
div.entry_footer { font-size: 10pt; }
div.result_nav {
  margin-top: 1em;
  text-align: center;
}
div.blog_series .series_title { font-style: italic; }
div.blog_series .post_title { font-style: italic; }
p.fold { font-style: italic; }
div.comments { padding-left: 16pt; }
div.comment_body { padding-left: 1em; }
div.comment_info {
  padding-left: 2em;
  font-size: small;
  font-style: italic;
  color: #666666;
}
p.error {
  color: #ef2929;
  font-style: italic;
  padding: 0 0.5in;
}
form .row {
  clear: both;
  margin: 0.5ex 0;
}
form .row label {
  float: left;
  width: 10em;
  text-align: right;
  padding-right: 1ex;
}
form .row input { width: 25em; }
form .row textarea { width: 25em; }
#loginform .row input { width: 12em; }
form .finishRow {
  margin: 0;
  width: 30.5em;
  text-align: right;
}
#loginform .finishRow {
  margin: 0;
  width: 18.6em;
  text-align: right;
}
.commentform { padding-left: 2em; }
.commentform .txtfield label { width: 20em; }
.commentform .txtfield {
  margin-bottom: 6pt;
  position: relative;
}
.commentform input { border: solid 1px #666666; }
.commentform .txtfield input {
  position: absolute;
  left: 8ex;
}
.commentform textarea {
  border: solid 1px #666666;
  width: 60ex;
  height: 30ex;
}
.commentform .buttons {
  width: 60ex;
  margin-left: 2px;
  text-align: right;
}
.block_image {
  display: table-cell;
  padding: 1em;
}
.block_image .caption {
  text-align: center;
  font-style: italic;
  font-size: smaller;
}
.accesslog {
  margin-left: 1em;
  border: solid black 1px;
  padding-left: 2em;
  font-size: 12pt;
}
.accesslog h2 { margin-left: -1em; }
.notice { font-style: italic; }
.msg_info {
  font-style: italic;
  text-align: center;
  padding: 1ex;
  border: dashed black 1px;
}