/*
Theme Name: joanabreidenbach
Theme URI: http://it-mp.de/wordpress/themes/joanabreidenbach
Description: Personalized theme of joanabreidenbach.de
<a href="http://www.joanabreidenbach.de/">joanabreidenbach.de</a>
Version: 1 (WP2.9.2)
Author: Jochen Kuckuck und Matthias Pueschel
Author URI: http://www.it-mp.de/
Tags: joana breidenbach
*/
/* first use the css reset of eric meyer */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; background: #fff; font-family: georgia, verdana, tahoma, arial, sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* Picture margin etc.*/
img { margin: 10px 20px 10px 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a {text-decoration: underline; font-family: georgia, verdana, tahoma, arial, sans-serif; font-size: 12px; color: #b8a089; /*#f7ecdd;*/ }
/***** header *****/
div#header { width: 990px; height: 126px; margin: 0 auto; background: #c8b6a2 url("./images/sprite.jpg") no-repeat; }
a#logoLink { display: block; width: 420px; height: 45px; position: absolute; top: 27px; padding-left: 308px; text-indent: -9999px; }
ul#mainNavigation { position: absolute; width: 680px; height: 41px; top: 84px; padding-left: 265px;  }
ul#mainNavigation li a { display:block; float:left; text-indent: -9999px; }
ul#mainNavigation li.home a { width: 94px; height:40px; margin-left: 10px; }
ul#mainNavigation li.home a:hover,
ul#mainNavigation li.home a.active { background: url("./images/mainNavigationHover.gif") no-repeat 74px; }
ul#mainNavigation li.blog a { margin-left: 5px; width: 96px; height:40px; }
ul#mainNavigation li.blog a:hover,
ul#mainNavigation li.blog a.active { background: url("./images/mainNavigationHover.gif") no-repeat 74px; }
ul#mainNavigation li.bio a { margin-left: 5px; width: 94px; height:40px; }
ul#mainNavigation li.bio a:hover,
ul#mainNavigation li.bio a.active { background: url("./images/mainNavigationHover.gif") no-repeat 67px; }
ul#mainNavigation li.kontakt a { margin-left: 4px; width: 95px; height:40px; }
ul#mainNavigation li.kontakt a:hover,
ul#mainNavigation li.kontakt a.active { background: url("./images/mainNavigationHover.gif") no-repeat 5px; }
ul#mainNavigation li.impressum a { margin-left: 8px; width: 95px; height:40px; }
ul#mainNavigation li.impressum a:hover,
ul#mainNavigation li.impressum a.active { background: url("./images/mainNavigationHover.gif") no-repeat 4px; }
/***** main container *****/
div#main { width: 990px; margin: 0 auto; min-height: 450px; overflow: hidden; background: #fff url('./images/sprite_repeat.jpg') repeat-y; }
/***** left sidebar *****/
div#sideBarContainer { float: left; width: 190px; min-height: 450px; background: transparent; }
ul#sideBarMenu { width: 164px; height: 304px; margin: 30px 7px auto 15px; background: url("./images/sprite.jpg") no-repeat -990px 0px; }
ul#sideBarMenu li a { display:block; text-indent: -9999px; }
ul#sideBarMenu li.buecher a { width: 147px; height: 63px; margin-top: 5px; margin-left: 8px; }
ul#sideBarMenu li.artikel a { width: 147px; height: 54px; margin-top: 4px; margin-left: 8px; }
ul#sideBarMenu li.projekte a { width: 147px; height: 57px; margin-top: 5px; margin-left: 9px; }
ul#sideBarMenu li.vortraege a { width: 147px; height: 54px; margin-top: 6px; margin-left: 9px; }
ul#sideBarMenu li.termine a { width: 147px; height: 52px; margin-top: 5px; margin-left: 10px; }
div#betterPlaceLink { color: #857460; width: 170px; height: 40px; margin-top: 20px; margin-left: 15px; }
/***** content *****/
div#content { float: left; width: 544px; float: left; color: #828282; overflow: hidden; background: #fff; margin: 10px 0 20px 14px; }
div#betterPlaceBlog { overflow: hidden; margin-top: 10px; }
div#betterPlaceBlog div { width: 258px; float: left; }
div#firstBlogColumn { margin-right: 20px; }
div#betterPlaceBlog div ul a, div.post a, div#newerPostsLink a, div#olderPostsLink a { color: #b8a089; font: normal 12px verdana; line-height: 17px; }
h2.homepageCategory, h2.homepageCategory a { text-decoration: none; color: #6e7073; font: bold 12px verdana; margin: 10px 0 0 0; }
hr.homepageSpacer { color: #fff; border: 0px none; border-bottom: 1px dashed #6e7073; height: 1px; border-collapse: collapse; }
h2.homepageTitle, h2.homepageTitle a { font: normal 20px verdana,arial; text-decoration: none; color: #9a866f; /* #b8a089; */ }
div#betterPlaceBlog div ul li { margin: 5px 0; }
div.floatingPostContainer { overflow: hidden; }
div.post { font-size: 14px; overflow: hidden; font: normal 12px verdana; line-height: 17px; color: #6a6a6a; /* #838383; */ width: 537px; }
div.post strong { display: block; }
div.post p, div.page p { margin: 10px 0 10px 0; }
div.thumbnailContainer { width: 160px; float: left; margin: 5px 0 0 0; }
div.thumbnailContainer img { margin: 0 20px 20px 0; }
div.excerptContainer { float: right; width: 356px; position: relative; margin-bottom: 20px; }
div.homeContent div#post-1 a {clear: left; }
div.homeContent div#post-2, div#post-3, div#post-4, div#post-5 { width: 258px; float: left; }
div#post-2 object, div#post-3 object, div#post-4 object, div#post-5 object { width: 200px; height: 140px; }
div.homeContent div#post-2, div#post-4 { margin-right: 20px; }
div#blogPreviews h2.homepageTitle { margin: 0 0 5px 0; }
div.entry { overflow: hidden; }
div#blogPreviews { font: normal 12px verdana; }
div#blogPreviews div.entry { margin: 0 0 10px 0; }
ul.post-categories { margin-top: 10px; }
div#newerPostsLink { float: left; margin-top: 20px; }
div#olderPostsLink { float: right; margin: 20px 11px 0 0; }
a.more-link { display: block; margin: 10px 0; }
/* div.entry { overflow: hidden; min-height: 210px; position: relative; } */
/* a.readMoreButton, p.serif img { left: 0; bottom: 0; position: absolute; } */
a.readMoreButton, img.readMoreButton, p.serif img { display: block; clear: both; margin: 10px 0; }
a.readMoreButton, p.serif img {  width: 121px; height: 20px; }
div.entry object { margin: 30px 0; }
.alignleft { float: left; }
hr.singleSpacer { color: #fff; border: 0px none; border-bottom: 1px dashed #b8a089; height: 1px; border-collapse: collapse; }
.lastSingleElement { margin-bottom: 50px; }
div.singleBackButton a { display: block; text-indent: -9999px; width: 100px; height: 21px; margin: 10px; background: url("./images/sprite.jpg") no-repeat -206px -320px;}
a.stbutton { float: right; margin-top: -18px; }
div.page { margin: 10px; }
div.pageContent { font: normal 11px verdana; line-height: 17px; }
div.pageContent img { float: left; margin: 0 10px 10px 0; }
div.pageContent a { color: #b8a089; }
/***** right sidebar *****/
div#rightSideBar { float: right; width: 238px; min-height: 450px; background: transparent;}
/***** twitter widget *****/
div#twitterWidget { margin: 20px 6px; width: 218px; background: url("./images/sprite_repeat.jpg") repeat-y -990px 0px; position: relative;}
div#twitterHeader { width: 218px; height: 48px; background: url("./images/sprite.jpg") no-repeat -206px -250px; }
div#waitingForTwitter { width: 218px; height: 200px; text-align: center; }
div#waitingForTwitter img { margin: 70px; }
div#twitterFooter { width: 218px; height: 11px; background: url("./images/sprite.jpg") no-repeat -205px -298px; position: absolute; bottom: -11px; }
p.twitter-message { font-size: 11px; color: #9a866f; /* #b6a28b; */ margin: 5px 10px 10px 15px; width: 170px; }
p.twitter-message a { font-size: 11px; color: #9a866f; /* #938e55; */ }
span.twitter-timestamp { display: block; margin-top: 2px; font-style: italic; color: #929292; /* #666; */ }
span.twitter-timestamp a { color: #929292; display: inline; }
/***** networking widget *****/
div#networkingWidget { width: 205px; height: 71px; margin: auto; position: relative; }
div#networkingWidget ul { width: 205px; height: 54px; background: url('./images/sprite.jpg') no-repeat 0px -250px; }
div#networkingWidget a { display: block; text-indent: -9999px; z-index: 50; float: left; margin: 26px 0 0 11px; }
div#networkingWidget a#facebook { width: 37px; height: 44px; background: url('./images/sprite.jpg') no-repeat 0px -321px; }
div#networkingWidget a#twitter { width: 38px; height: 43px; background: url('./images/sprite.jpg') no-repeat -37px -321px; }
div#networkingWidget a#xing { width: 35px; height: 39px; background: url('./images/sprite.jpg') no-repeat -76px -321px; }
div#networkingWidget a#delicious { width: 33px; height: 36px; background: url('./images/sprite.jpg') no-repeat -113px -321px; }
div#networkingWidget li#footer { clear: left; position: absolute; top: 53px; width: 205px; height: 17px; background: url('./images/sprite.jpg') no-repeat 0px -302px; z-index: 100; }
/***** search form *****/
div#search { width: 207px; height: 66px; margin: 12px auto; background: url('./images/sprite.jpg') no-repeat -597px -250px; }
div#search form#searchform label { font-size: 0; display: none; }
div#search input#s { margin: 26px 5px 0 11px; width: 155px; height: 28px; padding-left: 5px; float: left; border: 0 none; font-size: 14px; font: normal 12px verdana; color: #6a6a6a; }
div#search input#searchsubmit { margin-top: 29px; text-indent: -9999px; width: 24px; height: 24px; border: 0 none; background: url('./images/sprite.jpg') no-repeat -807px -250px; cursor: pointer; }
/***** flattr button ***/
div#flattr { margin: 15px; background: url('./images/sprite.jpg') no-repeat -926px -250px; width: 52px; height: 64px; padding: 6px; }
/***** site footer *****/
div#footer { width: 990px; height: 115px; margin-left: auto; margin-right: auto; margin-bottom: 20px; background: #c8b6a2 url("./images/sprite.jpg") no-repeat 0px -135px; font-family: georgia, verdana, tahoma, arial, sans-serif; font-size: 14px; color: #f7ecdd; }
div#footer ul#siteMap { float: left; margin: 30px 60px 20px 60px; }
div#footer div#myBlogs { float: right; margin: 20px 60px; line-height: 20px; }
div#footer div#copyright { clear: left; margin: 10px 60px; }
div#footer a { color: #f7ecdd; }
ul#siteMap li { float: left; padding: 0 12px; color: #faf5ef; }
ul#siteMap li a { color: #faf5ef; }
ul#siteMap li.currentPage { background: url('./images/sprite.jpg') no-repeat -1144px -347px; }
ul#siteMap li.currentPage a { text-decoration: none; }