/* Thesis 1.8.5 faithful recreation for bloginblack.de */

/* ── Reset ── */
* { padding: 0; margin: 0; }
body { font-size: 10px; }

/* ── Layout colours / background ── */
body { color: #111111; background: #000000; font-family: Georgia, "Times New Roman", Times, serif; }
#page { background: #FAFAFA; }
a { color: #244CAB; text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
img { max-width: 100%; height: auto; }

/* ── Container & page ── */
#container { width: 104.1em; margin: 0 auto; }
#page { padding: 1.1em; }

/* ── Header ── */
#header {
    border-style: double;
    border-color: #ddd;
    border-width: 0 0 0.3em 0;
    padding: 2.2em 1.1em;
    clear: both;
    background: #FAFAFA;
}
#logo { font-weight: bold; font-size: 3.6em; line-height: 1.167em; }
#logo a { color: #111111; text-decoration: none; }
#logo a:hover { color: #244CAB; }
#tagline { font-size: 1.4em; line-height: 1.429em; color: #888888; font-weight: normal; }

/* ── Nav menu ── */
.menu {
    position: relative;
    list-style: none;
    z-index: 50;
    border-style: solid;
    border-color: #FAFAFA;
    border-width: 0 0 0.1em 0.1em;
    padding: 0 1.1em;
    font-weight: bold;
    clear: both;
    background: #FAFAFA;
}
.menu li { position: relative; float: left; margin-bottom: -0.1em; }
.menu a {
    display: block;
    font-size: 1.1em;
    line-height: 1.273em;
    padding: 0.636em 0.818em;
    border-style: solid;
    border-color: #FAFAFA;
    border-width: 0.091em;
    border-left-width: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #111111;
    background: #EFEFEF;
    text-decoration: none;
}
.menu a:hover { color: #111111; background: #FAFAFA; }
.menu .current > a { color: #111111; background: #FFFFFF; border-bottom-color: #FFFFFF; cursor: text; }

/* Dropdown */
.menu ul {
    position: absolute;
    visibility: hidden;
    list-style: none;
    z-index: 110;
    width: 20em;
    border-width: 0 0 0.1em 0;
    border-style: solid;
    border-color: #FAFAFA;
    margin-top: -0.1em;
    left: -0.1em;
    background: #EFEFEF;
}
.menu ul li { clear: both; float: none; }
.menu ul a { width: 16.364em; border-left-width: 0.091em; }
.menu li:hover > ul { visibility: visible; }

/* clearfix */
.menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ── Content box (two-column area) ── */
#content_box {
    width: 100%;
    /* dotted vertical line between content and sidebar */
    background: url('assets/dot-ddd.gif') 58.3em 0 repeat-y;
}
#content { width: 58.3em; float: left; }
#sidebars { width: 43.5em; float: right; }
#sidebar_1 {
    width: 21.7em;
    border-style: dotted;
    border-width: 0 0.1em 0 0;
    border-color: #ddd;
    float: left;
    clear: left;
}
#sidebar_2 { width: 21.6em; float: left; }

/* clearfix for content_box */
#content_box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ── Post boxes ── */
.post_box, .teasers_box {
    border-style: dotted;
    border-color: #bbb;
    border-width: 0.1em 0 0 0;
    clear: both;
    margin: 0 2.2em 0 1.1em;
}
.post_box { padding-top: 2.2em; }
.teasers_box { padding-top: 2.2em; padding-bottom: 2.2em; width: 55em; }
.top { border: none; }

/* ── Headline area ── */
.headline_area { margin-bottom: 2.2em; }
.headline_area h1,
.headline_area h2 { font-size: 2.2em; line-height: 1.364em; font-weight: normal; }
.headline_area h2 a { color: #111111; text-decoration: none; }
.headline_area h2 a:hover { color: #244CAB; }
.headline_meta { font-size: 1em; line-height: 1.8em; font-style: italic; color: #888888; }
.headline_meta span, .headline_meta abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
.headline_meta a { color: #888888; border-bottom: 1px solid #eee; text-decoration: none; }
.headline_meta a:hover { color: #111111; }

/* ── Post content ── */
.format_text { font-size: 1.4em; line-height: 1.571em; }
.format_text p { margin-bottom: 1.571em; }
.format_text a { text-decoration: underline; color: #244CAB; }
.format_text a:hover { text-decoration: none; }
.format_text h2 { font-size: 1.286em; line-height: 1.222em; margin: 1.833em 0 0.611em; font-weight: bold; }
.format_text h3 { font-size: 1.286em; line-height: 1.222em; margin: 1.833em 0 0.611em; font-weight: normal; }
.format_text h4 { font-size: 1em; font-weight: bold; }
.format_text h5 { font-size: 0.786em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.format_text h6 { font-size: 0.786em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
.format_text ul { list-style: square; margin: 0 0 1.571em 1.571em; }
.format_text ol { margin: 0 0 1.571em 1.571em; }
.format_text ul ul, .format_text ul ol, .format_text ol ul, .format_text ol ol { margin: 0 0 0 1.571em; }
.format_text blockquote { border-left: 1px solid #ddd; color: #666; margin: 0 0 1.571em 0.786em; padding-left: 0.786em; }
.format_text code { font-family: Consolas, "Andale Mono", Monaco, Courier, "Courier New", Verdana, sans-serif; font-size: 0.929em; line-height: 1em; background: #eee; }
.format_text pre { font-family: Consolas, "Andale Mono", Monaco, Courier, "Courier New", Verdana, sans-serif; font-size: 0.857em; line-height: 1.5em; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; padding: 0.667em 0.917em; margin-bottom: 1.833em; }
.format_text pre code { background: none; }
.format_text img.alignleft, .format_text img.left { float: left; margin: 0 1.571em 1.571em 0; }
.format_text img.alignright, .format_text img.right { float: right; margin: 0 0 1.571em 1.571em; }
.format_text img.aligncenter { display: block; margin: 0 auto 1.571em; }
.format_text table { border-collapse: collapse; margin-bottom: 1.571em; }
.format_text th, .format_text td { border: 1px solid #ddd; padding: 0.4em 0.6em; }
.format_text th { background: #f5f5f5; }
.format_text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ── After-post elements ── */
.format_text .to_comments { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; color: #666; clear: both; }
.format_text .to_comments span { color: #111; line-height: 1em; font-size: 1.833em; }
.format_text .to_comments span.bracket { color: #ccc; }
.format_text .to_comments a { color: #666; text-decoration: none; }
.format_text .to_comments a:hover { color: #111; text-decoration: underline; }
.post_tags { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; color: #666; }
.post_tags a { color: #666; text-decoration: none; }
.post_tags a:hover { text-decoration: underline; }

/* ── Teasers (two-column post listings) ── */
.teaser { float: left; width: 26.4em; }
.teaser_right { float: right; }
.teaser h2 { font-size: 1.6em; line-height: 1.375em; font-weight: normal; }
.teaser h2 a { color: #111111; text-decoration: none; }
.teaser h2 a:hover { color: #244CAB; }
.teaser_author { font-size: 1em; line-height: 1.6em; font-style: italic; color: #888888; }
.teaser_author .fn { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
.teaser_date { font-size: 1em; line-height: 1.6em; color: #888888; display: block; }
.format_teaser { font-size: 1.2em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }
.format_teaser a { text-decoration: underline; color: #244CAB; }
.format_teaser a:hover { text-decoration: none; }
.teaser_link { font-size: 1.2em; line-height: 1.5em; color: #244CAB; text-decoration: none; }
.teaser_link:hover { text-decoration: underline; }
.teasers_box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ── prev/next navigation ── */
.prev_next {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #666;
    border-style: solid;
    border-color: #ddd;
    border-width: 0.2em 0 0 0;
    clear: both;
    padding: 1.1em 2.2em 1.1em 1.1em;
}
.prev_next p { font-size: 1em; line-height: 2.2em; }
.prev_next a { color: #666; text-decoration: none; }
.prev_next a:hover { text-decoration: underline; }
.prev_next .next { text-align: right; }
.prev_next:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* post_nav (single post prev/next) */
.post_nav { border-width: 0.2em 0 0 0; border-style: solid; border-color: #ddd; clear: both; padding: 1.1em 2.2em 1.1em 1.1em; }
.post_nav .previous { margin-bottom: 0.55em; }
.post_nav a { font-size: 1.4em; line-height: 1.571em; color: #244CAB; text-decoration: none; text-transform: none; letter-spacing: normal; display: block; }
.post_nav a:hover { text-decoration: underline; }
.post_nav .nav_label { font-size: 1em; line-height: 2.2em; text-transform: uppercase; letter-spacing: 2px; color: #666; display: block; }

/* ── Archive intro ── */
#archive_intro {
    border-style: solid;
    border-color: #ddd;
    border-width: 0 0 0.2em 0;
    padding: 2.2em 2.2em 1.1em 1.1em;
}
#archive_intro h1 { font-size: 2.2em; line-height: 1.364em; margin-bottom: 1em; color: #111; font-weight: normal; }
#archive_intro p { font-size: 1.2em; color: #888; }

/* ── Comments ── */
#comments { margin: 4.4em 2.2em 0 0; }
.comments_intro { margin-bottom: 1.1em; margin-left: 1.1em; }
.comments_intro p { font-size: 1.2em; line-height: 1.833em; color: #666; }
.comments_intro span { color: #111; font-size: 1.833em; }
.comments_intro span.bracket { color: #ccc; }
dl#comment_list { border-top: 1px dotted #bbb; margin-bottom: 4.4em; }
dl#comment_list dt { padding: 1.8em 1.1em 0; }
dl#comment_list dt .comment_author { font-size: 1.6em; line-height: 1.375em; font-weight: bold; padding-right: 0.688em; }
.comment_time { font-size: 1.2em; line-height: 1.833em; color: #888; white-space: nowrap; }
dl#comment_list dd { border-bottom: 1px dotted #bbb; padding: 1.1em 0 0 1.1em; }
dl#comment_list dd .format_text { padding-right: 1.1em; }

/* ── Sidebar ── */
.sidebar { }
.sidebar h3 { font-size: 1em; line-height: 1.385em; margin-bottom: 0.692em; font-variant: small-caps; letter-spacing: 2px; color: #555555; }
ul.sidebar_list { list-style: none; padding-top: 2.2em; }
li.widget { font-size: 1.3em; line-height: 1.385em; margin-bottom: 2.769em; width: 100%; }
li.widget ul { list-style: none; }
li.widget ul li { margin-bottom: 0.692em; }
li.widget ul li a { color: #244CAB; text-decoration: none; }
li.widget ul li a:hover { text-decoration: underline; }
.sidebar .text_input { width: 95%; }
#sidebar_1 ul.sidebar_list { padding-right: 1.1em; padding-left: 1.1em; }
#sidebar_2 ul.sidebar_list { padding-right: 1em; padding-left: 1.1em; }

/* Archives dropdown */
.sidebar select { font-size: 1em; width: 100%; padding: 0.2em; }

/* Tag cloud */
li.tag_cloud { line-height: 1.692em; }
.tagcloud a { color: #244CAB; text-decoration: none; margin-right: 0.3em; }
.tagcloud a:hover { text-decoration: underline; }

/* Multimedia/logo box */
#multimedia_box { padding: 1.1em; }
.custom_box { border-style: solid; border-color: #ddd; border-width: 0 0 0.1em 0; background: #EEEEEE; }
#custom_box { font-size: 1.3em; line-height: 1.538em; }
#custom_box img { max-width: 100%; height: auto; display: block; }

/* ── Footer ── */
#footer {
    border-style: double;
    border-color: #ddd;
    border-width: 0.3em 0 0 0;
    padding: 1.1em;
    text-align: right;
    clear: both;
    background: #FAFAFA;
}
#footer p { font-size: 1.2em; line-height: 1.667em; color: #888888; }
#footer a { color: #888888; border-bottom: 1px solid #ccc; text-decoration: none; }
#footer a:hover { color: #111111; }

/* ── Global elements ── */
blockquote { border-left: 1px solid #ddd; color: #666; }
code { line-height: 1em; background: #eee; }
pre { background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }
abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; }
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption p { font-size: 0.857em; line-height: 1.5em; margin-bottom: 0; }

/* ── Responsive fallback (Thesis was not responsive; we add basic mobile support) ── */
@media screen and (max-width: 1100px) {
    #container { width: 100%; }
    #content_box { background: none; }
    #content { width: 100%; float: none; }
    #sidebars { width: 100%; float: none; border-top: 1px solid #ddd; margin-top: 2em; }
    #sidebar_1 { width: 50%; }
    #sidebar_2 { width: 50%; }
    .post_box, .teasers_box { margin: 0 1.1em; width: auto; }
    .teasers_box { width: auto; }
    .teaser, .teaser_right { float: none; width: 100%; }
    .prev_next, .post_nav { padding-right: 1.1em; }
    #comments { margin-right: 1.1em; }
}
@media screen and (max-width: 600px) {
    #sidebar_1, #sidebar_2 { width: 100%; float: none; border: none; }
}