/*
Theme Name: zeitherrschaft.org
*/

html, body { height: 100%; }
body { 
background-color: #f5f5f5;
font: normal normal normal 85%/170% Trebuchet MS, Sans-Serif;
color: #333;
margin: 0;
}

a img { border: none; }

h1, h2, h3, h4, h5, h6, .title, .widgettitle {
    display: block;
    font: bold 16px/26px "Quando", Garamond, Georgia, Serif;
    margin: 5px 0 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a, .widgettitle a { text-decoration: none; color: #fa7000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title a:hover, .widgettitle a:hover { color: #333; }

h1, h1.title {
    font-size: 24px;
    line-height: 34px;
}
h1.title {
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #e1ebec;
}
h2 {
    font-size: 21px;
    line-height: 29px;
}
.post h2:first-of-type::first-letter {
    font-size: 34px;
    line-height: 44px;

}
h3 {
    font-size: 18px;
    line-height: 26px;
}



ul { list-style-type: square; }
ul, ol { margin: 0 0 15px; padding: 0 0 0 15px; }

blockquote { 
    quotes: none;
    border-left: 5px solid #e1ebec;
    padding-left: 20px;
    margin: 0;
}


.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

a { color: #266591; }
a:hover { text-decoration: none; }

.clear { clear: both; }

.bg-white { background-color: #fff; padding: 40px 0 0; margin: 20px 0; border: 1px solid #ebebeb; border-left: none; border-right: none; }

#header { width: 100%; height: 157px; margin: 0 0 60px; padding: 20px 0 0; border-top: 5px solid #f9ce01; border-bottom: 5px solid #ebebeb; text-align: center; background: url('images/bg-header.png') repeat-x top left; }
body.single #header { margin-bottom: 30px; }
#header .inner { width: 960px; margin: 12px auto; }
#header .inner.single { margin: -163px auto 0; }

.logo { margin: 0 auto; display: block; position: relative; z-index: 2; }
.skyline { width: 100%; height: 94px; background: url('images/skyline.png') repeat-x bottom center; }
.comic { display: block; margin: 0 auto 25px; background: url('images/comic-fb.jpg') no-repeat; }

.catmenu { float: left; }
.catmenu ul { list-style: none; padding: 0; margin: 0; }
.catmenu ul li { float: left; }
.catmenu ul li a { display: block; height: 25px; padding: 11px 10px 0; margin: 0 1px; background-color: #54777b; color: #fff; font: bold 12px Arial, sans-serif; text-decoration: none; }
.catmenu ul li a:hover, .catmenu ul li.current-cat a { color: #fff; background-color: #90214b; }
#header .inner.single .catmenu { width: 250px; position: relative; z-index: 1; }
#header .inner.single .catmenu ul li a { padding: 1px 5px; height: 15px; font-size: 10.5px; margin: 0 1px 1px 0; }

.currentcatbox { float: left; text-align: left; padding: 10px 20px 8px; width: 254px; font: normal 12px/150% Arial; }
.currentcatbox strong { margin: 0 3px; color: #90214b; }

.searchbox { width: 223px; padding: 5px; text-align: right; float: right; background-color: #e1ebec; }
#searchsubmit { height: 25px; padding: 3px 10px; margin: 0 3px; background-color: #54777b; border: none; color: #fff; font: bold 12px Arial, sans-serif; text-decoration: none; }
#searchsubmit:hover { color: #fff; background-color: #90214b; cursor: pointer; }
input#s { height: 17px; padding: 3px 2px; border: 1px solid #99c4c9; }
input#s:focus { border-color: #cb9bad; }

#wrap { width: 960px; margin: 0 auto; }
#content { margin: 0; padding: 0; float: left; width: 600px; }
#content.single { margin: 0 auto; width: 740px; }
#content.single.wide { width: 960px; }
.cattitle { display: inline-block; padding: 2px 10px; margin: 0 15px 0 0; background: #fa7000 url('images/bg-cattitle.png') repeat-x bottom left; color: #fff; font-weight: bold; font-size: 12px; }
.post { clear: both; margin: 0; padding: 0 0 70px; line-height: 170%; background: url('images/grad-white.png') no-repeat bottom center; }
.postimg { width: 120px; height: 160px; display: inline; background-position: center center; }
.postimgbrd { border: 1px solid #ccc; padding: 2px 2px 0; float: left; margin: 15px 20px 15px 0; line-height: 100%;}
.postimgbrd:hover { border-color: #555; }
.more { display: block; float: right; text-align: left; margin: -10px 0 0; padding: 3px 5px; text-decoration: none; }
.more:hover { color: #333; }

.wp-caption-text { font-size: 11px; }
.wp-caption.alignright .wp-caption-text { text-align: right; }
.wp-caption.alignleft .wp-caption-text { text-align: left; }


h2.posttitle { text-align: left; font-size: 30px; margin: -25px 0 25px; }
h2.posttitle.center { text-align: center; }
#content.single .post {
    box-shadow: 0px 4px 5px #ccc;
    background-color: #fff;
    background-image: none;
    padding: 35px;
    margin: 0 0 40px;
}
#content.single .post p {
    text-align: justify;
}

.size-large { width: 100%; }

#sidebar { width: 320px; float: right; padding: 0 0 20px; }
#sidebar .title { margin: 0 0 5px; }
#sidebar .box { padding: 15px 25px; margin: 0 0 25px; background-color: #fffce2; box-shadow: 1px 1px 2px #ccc; font-size: 12px; }
#sidebar ul { margin: 0 0 5px; }
#sidebar a:hover { text-decoration: underline; color: #333; }
#sidebar .sbcattitle { display: block; margin: 0 0 20px; padding: 10px 20px; font: 14px/150% "Quando", Garamond, Georgia, Serif; text-align: center; color: #333; background-color: #e1ebec; }

#sidebar.single { width: 200px; padding: 28px 0 20px; }
#sidebar.single ul { line-height: 140%; }
#sidebar.single .box { padding: 15px 10px 10px; }
#sidebar.single .box.text { padding: 15px 25px; font: normal 11px/170% "Quando", Garamond, Georgia, serif; text-align: center; }
#sidebar.single .title { font-size: 14px; }
#sidebar.single a { text-decoration: none; }

.navi { display: block; clear: both; margin: 10px 0 15px; font: bold 12px/150% Arial, sans-serif; }
.navi a { display: block; padding: 5px 10px; background: #fa7000; color: #fff; text-decoration: none; }
.navi a:hover { background: #90214b; }
.navi.pages a { display: inline; padding: 0; }
.navi.pages span { padding: 5px 10px; background-color: #ebebeb; color: #333; }
.navi.pages a span { background-color: #fa7000; color: #fff; }
.navi.pages a span:hover { background-color: #90214b; }

#footer { padding: 0; text-align: center; font-size: 11px; }
#footer .inner { width: 960px; margin: 0 auto; }
#footer .skyline { margin-bottom: -7px; }
#footer .title { font-size: 12px; font-weight: normal; margin: 0 0 3px; line-height: 100%; }
#footer .box { background: transparent; box-shadow: none; text-align: left; margin: 0 0 25px; }
#footer .box ul { list-style: none; padding: 0; margin: 0; }
#footer .box ul li { float: left; }
#footer .box ul li a { font-size: 11px; letter-spacing: -.1px; padding: 3px 7px; margin: 0 2px; background: #ccc; color: #333; text-decoration: none; }
#footer .box ul li a:hover { background-color: #333; color: #fff; }