body {
    font-family: 'Linden Hill', Georgia, serif;
    font-size: 19px;
}

#blogtitle {
    font-size: 3em;
    float:left;
}
#blogtitle a, #blogtitle a:hover, #blogtitle a:visited {
    color: #000;
    text-decoration: none;
}
#blogsubtitle {
}
#blogsubtitle a, #blogsubtitle a:hover, #blogsubtitle a:visited {
    color: #000;
    text-decoration: overline;
}
#mainnav {
    margin: 0;
    padding: 15px 0 0;
    font-size: 20px;
    float: right;
}

#mainnav li {
    list-style-type: none;
    text-align: center;
    display: inline-block;
}

#mainnav li:before {
    content: '{\00A0';
}
#mainnav li:after {
    content: '\00A0}';
}

#content {
    margin-top: 40px;
}

#content p {
    text-align: justify;
    margin-top: 0;
}

#content img {
    display: block;
    margin: 20px auto;
    max-width: 85%;
}

div.highlight pre, pre.literal-block {
    margin: 5px;
    font-family: 'Anonymous Pro', 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
    font-size: 14px;
}

div.highlight, pre.literal-block {
    border: 1px solid #DDDDDD;
    font-family: 'Anonymous Pro','Consolas','Menlo','Deja Vu Sans Mono','Bitstream Vera Sans Mono',monospace;
    margin: 20px 0;
    overflow: auto;
    padding: 10px;
}

pre.literal-block {
    padding: 5px;
}

tt.literal {
    font-family: 'Anonymous Pro', 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
    background-color: #eee;
    padding: 2px 5px;
    font-size: 0.8em;
}

cite {
    font-family: 'Anonymous Pro', 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
    font-size: 13px;
    font-style: normal;
}

code {
    background-color: #EEEEEE;
    font-family: 'Anonymous Pro', 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monaco;
    border: 1px solid #ddd;
    padding: 0 2px 2px 3px;
    font-size: 0.8em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 15px 0;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
}

tr {
    display: table-row;
}

th, td {
    display: table-cell;
    border: 1px solid #ccc;
    padding: 4px 8px;
}

th {
    font-weight: bold;
}

.figure .caption {
    font-style: italic;
}

h1 {
    font-size: 2em;
}

h1 cite {
    font-size: 26px;
    margin: 0 2px;
}

h2 {
    margin: 0;
    padding: 15px 0 20px;
}

.archives h2 {
    margin-bottom: 15px;
}

h3 {
    margin: 0;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
  display: inline;
}

div.date {
    color: #777;
    display: inline-block;
}

div.date p {
    margin: 0 0 15px;
}

img.flattrbutton {
    margin-top: 15px;
    float: right;
}

div.tags p, #content div.tags p {
    float: right;
    clear: both;
    text-align: right;
    max-width: 90%;
}

.field-list .field-name {
    text-align: left;
    padding-right: 15px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a, a:visited {
    color: #2669AD;
}

.entry-overview {
    margin-bottom: 35px;
}

.entry-overview h1 {
    font-size: 1.5em;
    margin: 0;
}

.entry-overview h2 {
    padding: 0;
}

.entry-overview .summary p {
    margin: 0;
}

.tags {
    margin-top: 10px;
}

.tags:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#disqus_thread {
    margin-top: 30px;
}

.align-center {
    display: block;
    margin: 0 auto;
}

.align-right {
    float: right;
    margin-left: 28px;
}

.align-left {
    float: left;
    margin-right: 10px;
}

.hidden {
    display: none;
}

#right-side {
    margin-top: 40px;
}

#right-side .section-container {
    text-align: right;
    margin-bottom: 30px;
}

#right-side .section-container h3 {
    text-decoration: underline;
}

#right-side .section-container ul {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 0;
}

#right-side .section-container ul li {
    list-style: none;
    font-size: 0.9em;
}

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

#right-side .section-container ul.tagcloud li {
    display: inline-block;
}

#right-side .section-container ul.tagcloud li.tag-0 {
    font-size: 140%;
}

#right-side .section-container ul.tagcloud li.tag-1 {
    font-size: 130%;
}

#right-side .section-container ul.tagcloud li.tag-2 {
    font-size: 100%;
}
#right-side .section-container ul.tagcloud li.tag-3 {
    font-size: 90%;
}

#right-side .section-container ul.tagcloud li.tag-4 {
    font-size: 80%;
}

#right-side #copyright {
    font-size: 0.8em;
    border-top: solid 0.5px #000;
}

@media screen and (max-width: 850px) {
    /* Don't float navigation below 850px. */
    #blogtitle {
        float: none;
    }
    #mainnav {
        float: none;
    }

    /* Change separators. */
    #mainnav li:before {
        content: '';
    }
    #mainnav li:after {
        content: '\00A0\00B7';
    }
    #mainnav li.last:after {
        content: '';
    }

    #right-side .section-container {
        float:left;
        margin-right: 30px;
    }
}

@media screen and (max-width: 600px) {
    /* Justified text gets uglier below this size. */
    #content p {
        text-align: left;
    }

    /* Don't right-float footer. */
    img.flattrbutton {
        float: none;
    }
    div.tags p {
        float: none;
    }

    /* Wrap even in pre tags */
    #content .article-content pre {
        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
    }
}