body {
    font-family: sans-serif;
    color: #e5b800;
    background-color: #0a0600;
    margin: 0;
}

a {
  color: #ecc800;
}

a:hover {
  color: #fcd800
}

input {
    /* color: #ecc800; */
    /* background-color: #0a0600; */
    /* border: 1px dotted #e5b800; */
    margin-right: 0.5em;
    padding: 0.5em;
    /* font-size: 1.0em; */
}

/* input[type=submit] { */
/*     padding: 0.25em; */
/* } */

pre, code {
    font-family: "Noto Mono", "DejaVu Sans Mono", "IBM Plex Mono", monospace;
}

textarea, input {
    font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
}

ul.menu {
    float: right;
    margin-top: 0.5em;
    margin-left: 0;
    margin-right: 1.75em;
    margin-bottom: 0;
    padding: 0 0 5px 10px;
}

ul.menu li {
    margin: 0 0 0 15px;
    padding: 0;
    display: inline;
    list-style-type: none;
}

ul.menu li img {
    max-height: 1.1em;
    vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, ul.menu {
    font-family: "DejaVu Sans Condensed", "Bitstream Vera Sans", sans-serif;
    font-weight: normal;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
    margin-bottom: 0;
}

h4, h5, h6 {
    font-weight: bold;
}

div.content {
    margin-left: auto;
    margin-right: auto;
    max-width: 60em;
    margin-bottom: 2em;
}

div.frontpage {
}

div.frontpage div.timestamp {
    display: none;
}

a.headline, div.article h2.headline a {
    text-decoration: none;
}

a.headline:hover, div.article h2.headline a:hover {
    text-decoration: underline;
}

div.article h2.headline a:first-child {
    padding-right: 0.5em;
}

div.article h2.headline {
    margin-bottom: 0.1em;
}

div.timestamp {
    font-size: small;
    margin-top: 0;
}

div.article h2 a.keyword:link, div.article h2 a.keyword:visited, div.marker a:link, div.marker a:visited {
    color: #977800;
}

div.article h2 a.keyword:link {
    font-size: 0.6em;
    font-weight: normal;
    vertical-align: middle;
}

h1 {
    margin-left: 0.5em;
    margin-right: 1em;
    border-bottom: 1px solid #ecc800;
    padding-bottom: 0.5em;
    margin-bottom: 0.75em;
}

div.article, div.keyword, div.search, p {
    margin-left: 1.15em;
    margin-right: 2em;
    max-width: 50em;
    line-height: 1.5;
}

div.search a.keyword:link, div.search a.keyword:visited,
div.keyword a.keyword:link, div.keyword a.keyword:visited,
a.commentcount:visited, a.commentcount:link, a.commentcount:visited {
    font-size: 0.9em;
    text-decoration: none;
}

div.search a.keyword:hover, a.commentcount:hover {
    text-decoration: underline;
}

div.about, div.contact {
    margin-left: 1.15em;
}

div.about p, div.contact p {
    margin-left: 0;
}

div.article p, div.add_comment p {
    margin-left: 0;
}

div.article img, div.comment img {
    margin-bottom: 2em;
}

div.article img {
    margin-left: 1em;
    margin-top: 0.25em;
}

div.article img.inline {
    float: right;
}

div.article a:first-of-type img {
    margin-top: 1em;
}

div.article a img.inline {
    padding-top: 0.5em;
}

div.article a:nth-of-type(odd) img.inline, div.comment a:nth-of-type(odd) img.inline {
    float: right;
    margin-left: 1em;
}

div.article a:nth-of-type(even) img.inline, div.comment a:nth-of-type(even) img.inline {
    float: left;
    margin-left: 0;
    margin-right: 1em;
}

div.content div.article img.attachment, div.content div.comment img.attachment {
    padding-left: 0;
    padding-right: 0;
    width: 48em;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

div.content div.comment img.attachment {
    width: 70%;
}

div.comment img.inline {
    float: left;
    margin-right: 1em;
}

div.article img.inline, div.mixed img.inline, div.comment img.inline {
    max-width: 25%;
}

div.marker span.timestamp {
    display: none;
}

div.frontpage div.marker span.timestamp {
    display: inline;
}

div.frontpage div.marker {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #977800;
    margin-left: 2em;
    margin-right: 4.5em;
}

div.frontpage div.marker a {
    margin-left: -2em;
}

div.marker {
    margin-top: 1em;
}

pre + div.marker {
    margin-top: 0;
}

div.add_comment {
    max-width: 70%;
    margin-right: 2em;
    padding: 1.5em;
}

div.add_comment form {
    margin-top: 0.5em;
}

div.add_comment h3 {
    margin-top: 0;
}

div.add_comment ul li {
    margin-bottom: 1em;
}

span.beforecommentcount, span.aftercommentcount {
    display: inline-block;
    width: 15%;
    border-top: 1px solid #977800;
    margin-left: 2em;
    margin-right: 2em;
    padding-bottom: 0.25em;
}

span.beforecommentcount {
    margin-left: 15%;
}

div.frontpage span.beforecommentcount, div.frontpage span.aftercommentcount {
    display: none;
}
                             

div.comments {
    font-size: 0.875em;
    margin-top: 3em;
    margin-left: 2em;
}

div.comment {
    margin-top: 2em;
}

div.comment p {
    margin-left: 0;
}

div.comment p.from {
    font-size: small;
}

div.comment p.from a:link {
    text-decoration: none;
}

div.comment p.from a:hover {
    text-decoration: underline;
}

div.level1 { margin-left: 2em }
div.level2 { margin-left: 4em }
div.level3 { margin-left: 6em }
div.level4 { margin-left: 6em }
div.level5 { margin-left: 8em }
div.level6 { margin-left: 10em }
div.level7 { margin-left: 12em }
div.level8 { margin-left: 14em }
div.level9 { margin-left: 16em }

ol li {
    margin-bottom: 0.5em;
}

blockquote {
    max-width: 40em;
    border-left: 2px dotted #ecc800;
    padding-left: 1.0em;
    margin-left: 0.5em;
    margin-right: 2em;
    font-style: italic;
}

blockquote p {
    margin-left: 1em;
    margin-right: 2em;
}

form.addcomment label {
    font-size: 0.875em;
    display: block;
}

div.reply input, form.addcomment input, form.addcomment textarea {
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    padding: 0.25em;
}

div.arithmetic input {
    margin-right: 0;
}

div.reply form.addcomment label {
    font-size: inherit;
}

div.keywordcloud {
    color: #aaa;
    text-align: center;
}
div.keywordcloud span { vertical-align: middle }
div.keywordcloud a { text-decoration: none }
div.keywordcloud span { margin-right: 0.75em }
span.keywordcloud1   { font-size: 12px }
span.keywordcloud2   { font-size: 13px }
span.keywordcloud3   { font-size: 14px }
span.keywordcloud4   { font-size: 15px }
span.keywordcloud5   { font-size: 16px }
span.keywordcloud6   { font-size: 17px }
span.keywordcloud7   { font-size: 18px }
span.keywordcloud8   { font-size: 19px }
span.keywordcloud9   { font-size: 20px }
span.keywordcloud10  { font-size: 21px }
span.keywordcloud20  { font-size: 23px }
span.keywordcloud30  { font-size: 25px }
span.keywordcloud40  { font-size: 27px }
span.keywordcloud50  { font-size: 29px }
span.keywordcloud60  { font-size: 31px }
span.keywordcloud70  { font-size: 33px }
span.keywordcloud80  { font-size: 35px }
span.keywordcloud90  { font-size: 37px }
span.keywordcloud100 { font-size: 39px }