body {
  margin: 0;
  font-family:"apertura-1","apertura-2",sans-serif;
  line-height: 170%;
  font-size: 12pt;
  color: #EAE8E9;
  background-color: #2D2828;
  min-width: 600px;
}

a, a:visited { text-decoration: none; }

#header a, #header a:visited { color: white; }
#header a:hover { }

div.entry a:hover {
  border-bottom: dashed 1px;
}

div#sidebar a:hover {
  border-bottom: dashed 1px;
}

div.comment-link a:hover {
  border-bottom: dashed 1px;
}

a {
  color: #EAE8E9;
  font-weight: bold;
}

#math {
  line-height: 100%;
  font-size: 120%;
}

div.blockmath {
  margin: 10px;
}

div.entry {
  letter-spacing: 1px;
  margin-top: 2em;
}

div.entry p {
  margin-top: 0.1em;
}

/*
blockquote:before, blockquote:after {
  font-size: 500%;
  color: #633;
  display: block;
  height: 0;
}

blockquote:before {
  content: open-quote;
  margin-bottom: -35px;
  margin-left: -35px;
}

blockquote:after {
  content: close-quote;
  margin-top: -25px;
  margin-left: 480px;
}
*/

div.malert {
  padding: 3px;
  color: #888;
  font-style: italic;
}

#main {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  background-color: #6585A9;
  border-bottom: solid 3px white;
  font-size: 20px;
  padding: 10px;
}

#header h1 { margin: 0; }

#content {
  width: 600px;
  float: left;
  margin-bottom: 1em;
}

#footer {
  border-top: dashed 1px #999;
  padding-top: 10px;
  clear: both;
}

#sidebar {
  font-size: 85%;
  width: 250px;
  float: right;
  padding: 5px;
  line-height: 140%;
}

.format {
}

#header .format {
  color: black !important;
}

code {
  color: #888;
}

blockquote {
  line-height: 150%;
  font-family: "Palatino",serif;
}

content.ul, content.ol {
  width: 80%;
}

/*
 * drop caps. too ostentatious.
 *
p.first:first-letter {
  font-size: 3em;
  float: left;
  margin-right:3px;
  margin-top:3px;
  font-family: "Palatino",serif;
  font-weight:bold;
  color: #633;
}
*/

img {
  max-width: 450px;
  border: none;
}

.dimmed {
  color: #bbb;
}

h2 {
  margin-bottom: 5px;
  font-size: 150%;
  line-height: 125%;
}

h3 {
  /*color: #381704;*/
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #888;
}

.author-name { color: #6585A9 !important; }
.author-name a { color: #6585A9 !important; }

div.labels {
  font-size: 85%;
  margin-bottom: 2em;
}

div.labels ul { margin: 0; padding: 0; }

div.reply-to-outer {
  margin: 0;
  margin-top: -1em;
  padding: 0;
}

div.reply-to-header {
  width: 100%;
  text-align: right;
}

a.reply-to-link {
  font-size: 75%;
}

div.reply-to-box {
  margin: 0;
  padding: 0;
}

.label a:hover {
  color: black !important;
  background-color: white !important;
}

.label a {
  color: black !important;
  background-color: #EEED76 !important;
  padding: 3px;
}

ul.sidebar-list {
  list-style: none;
  padding-left: 0;
}

ul.sidebar-list li {
  margin-bottom: 5px;
}

ul.comment-tree {
  padding-left: 0;
}

ul.comment-tree ul {
  padding-left: 20px;
}

.pageblock {
  padding-bottom: 1em;
}

.pagelink {
  font-size: 150%;
  padding-left: 10px;
  padding-right: 10px;
}

a.pagelink:hover {
  background-color: #6585A9;
  border: none;
}

a.pageword:hover {
  background-color: #6585A9;
  border: none;
}

.pageword {
  font-size: 150%;
}

.currentpagelink {
  font-size: 150%;
  background-color: #6585A9;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
}

.comment-quote {
  border-left: solid 2px #339;
  padding-left: 5px;
}

.comment-body {
/*
  border-left: solid 1px #bbb;
  border-top: solid 1px #bbb;
  */
  padding: 5px;
  margin-bottom: 5px;
}

.byline {
  width: 100%;
  border-bottom: solid 1px #bbb;
}

.date {
  text-align: right;
}

.comment-link {
  margin-bottom: 1em;
  text-align: right;
  width: 100%;
}

.poem {
  margin-left: 35px;
  font-family: "Palatino",serif;
  line-height: 150%;
  font-size: 110%;
}

.poem-title {
  margin-left: 35px;
  font-size: 130%;
  font-weight: bold;
  font-variant: small-caps;
  font-family: "Palatino",serif;
}

.ruby {
  font-family: monospace;
  font-size: 10pt;
  background-color: black;
  padding-left: 10px;
  padding-right: 10px;
}

/* ruby syntax highlighting */
.ruby { color: #228822; }
.ruby .normal { color: #fff; }
.ruby .comment { color: #99f; font-style: italic; }
.ruby .keyword { color: #A44; font-weight: bold; }
.ruby .method { color: #44f; }
.ruby .class { color: #0c4; }
.ruby .module { color: #050; }
.ruby .punct { color: #FF0; font-weight: bold; }
.ruby .symbol { color: #ff0; }
.ruby .string { color: #999; }
.ruby .char { color: #F07; }
.ruby .ident { color: #fff; }
.ruby .constant { color: #0c4; }
.ruby .regex { color: #B66; background: #444; }
.ruby .number { color: #F99; }
.ruby .attribute { color: #fc4; }
.ruby .global { color: #7FB; }
.ruby .expr { color: #99f; }
.ruby .escape { color: #277; }

.form-result {
  overflow: auto;
}
 
.ajax-loading {
  padding: 0 15px;
  background: url(/static/spinner.gif) no-repeat center;
}

.comment-tree li {
  list-style: none;
}

ul.comment-tree {
  padding-left: 0;
}

input.submit {
  display: inline;
  border: solid 1px #777;
}

.comment-instructions {
  font-style: italic;
  color: #888;
}

ul.label-list li {
  display: inline;
}

ul.label-list {
  margin: 0;
}