/* Design & Anatomie */
* { margin: 0; padding: 0; }
body {
  font-family: Arial;
  font-size: 1.00em;
  background-color: #ddd;
  background-image: url(../image/body-background.jpg);
}
div.container {
  background-color: #fff;
}
div.contentbox {
  line-height: 1.5em;
}


/* Head & Logo */
div.header {
  background: #f55 url(../image/background-header.png) repeat-x center top;
  padding-top: 30px;
  height: 75px;
}
div.header a.logo {
  display: block;
  background-image: url(../image/berlin-logo.png);
  height: 32px;
  width: 128px;
  margin: 0 auto;
}


/* Header navigation */
ul.top-menu, ul.top-sub-menu {
  overflow: hidden;
  line-height: 30px;
  height: 30px;
  margin-bottom: 0;
}
ul.top-menu li, ul.top-sub-menu li {
  list-style: none;
  display: inline;
  float: left;
  line-height: 23px;
  height: 30px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
ul.top-menu li a, ul.top-sub-menu li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: -1px;
  margin-right: 5px;
}
ul.top-menu li a span.left, ul.top-menu li a span.right, ul.top-menu li a span.middle { height: 23px; display: inline-block; cursor: pointer; }
ul.top-menu li a span.left, ul.top-menu li a span.right { width: 9px; }
ul.top-menu li a:hover span.middle, ul.top-menu li.current_page_ancestor a span.middle, ul.top-menu li.current_page_item a span.middle { background-color: white; color: #DF001D; }
ul.top-menu li a:hover span.left, ul.top-menu li.current_page_ancestor a span.left, ul.top-menu li.current_page_item a span.left { background: url(../image/background-menu-top-left.png) no-repeat left center; }
ul.top-menu li a:hover span.right, ul.top-menu li.current_page_ancestor a span.right, ul.top-menu li.current_page_item a span.right { background: url(../image/background-menu-top-right.png) no-repeat right center; }

ul.top-sub-menu { margin-left: 9px; }
ul.top-sub-menu li { margin-right: 10px; }
ul.top-sub-menu li a { color: #ffb3b3; }
ul.top-sub-menu li a:hover, ul.top-sub-menu li.current_page_item a { color: #fff; }


/* Blog description */
div.blog-description {
  color: #ffb3b3;
  text-align: right;
  font-weight: bold;
  font-style: italic;
  font-size: 1.1em;
}


/* Searchelements in the header */
div.header div.search {  }
div.header div.search label.hidden, div.search #searchsubmit { display: none; }
div.header div.search input#s {
  background: url(../image/background-search-field.png) center center;
  width: 150px;
  height: 24px;
  line-height: 24px;
  border-width: 0;
  padding-left: 20px;
  padding-right: 3px;
  color: #999;
}

div.you-are-here {
  background: #fff url(../image/background-you-are-here.gif) repeat-x scroll 0 0;
  height: 30px;
  line-height: 30px;
  font-size: 0.8em;
  padding: 0 10px;
}


/* The Content box */
div.contentbox {
  font-size: 0.95em;
  padding-top: 20px;
}


/* The footer */
div.footer {
  background-color: #ddd;
  font-size: 0.70em;
  text-align: right;
  padding: 5px;
}


/* General Elements */
h1, h2, h3, h4, h5, h6 { letter-spacing: -2px; margin-bottom: 5px; }
li ul, li ol { margin-bottom: 0; }
a { color: #BC001D; text-decoration: none; }
a:hover { text-decoration: underline; }
div.entry ol li, .widget ol li { margin-left: 25px; }
div.entry ul li, .widget ul li {
  list-style: none;
  padding-left: 18px;
  background: url(../image/li.png) no-repeat left 4px;
  margin-left: 10px;
}
p { margin-bottom: 10px; margin-top: 0; }
input, textarea, select {
  border: 1px solid #555;
  font-family: arial;
  padding: 1px;
  margin: 2px;
  background-color: #eee;
}
input:focus, textarea:focus, input.focus, textarea.focus { border: 1px solid #BC001D; }

/* Content elements */
h2.title {
  border-bottom: 3px dotted #ccc;
  margin-bottom: 5px;
  color: #DF001D;
}
.post.sticky h2.title {
  background: url(../image/icon-featured-posts.png) no-repeat left center;
  padding-left: 23px;
  font-size: 2em;
  font-variant:small-caps;
}
div.entry {
  text-align: justify;
  line-height: 1.5em;
}
.alignright { float: right; }
img.alignright { margin: 5px 0 5px 10px; }
.alignleft { float: left; }
.aligncenter { margin-left: auto; margin-right: auto; }
img { margin: 3px 6px; }
img.wp-smiley { margin: 0 !important; padding: 0 !important; }
div.post, div.page { margin-bottom: 25px; }
div.wp-caption p.wp-caption-text { font-size: 0.8em; text-align: center; }
a.more-link { background: url(../image/icon-more-link.png) no-repeat right center; padding-right: 20px; }
div.entry blockquote {
  background: url(../image/background-quote.png) no-repeat right top;
  font-style: italic;
  padding-left: 10px;
  margin-left: 15px;
  padding-right: 35px;
  border-left: 1px dotted #555;
}
div.entry blockquote cite { display: block; font-style: normal; text-align: right; font-size: 0.9em; margin: 0; }
div.entry table { width: 99%; }
div.entry table th { border: 1px solid #ddd; border-width: 0 1px 1px 0; }


/* Page navigation */
div.page-navigation p {
  background: #ddd url(../image/icon-page-navigation.png) no-repeat 5px center;
  padding: 2px 10px 2px 34px;
  margin: 0;
  font-size: 0.8em;
}
div.navigation div { font-size: 2em; letter-spacing: -2px; margin-top: 20px; margin-bottom: 20px; }
div.navigation .next_posts { float: left; margin-left: 40px; }
div.navigation .previous_posts { float: right; margin-right: 40px; }



/* post-preview-image */
img.post-preview-image { float: left; }


/* Post meta elements */
div.postmetadata { text-align: right; font-size: 0.8em; }
div.postmetadata.bottom { background-color: #eee; padding: 4px 0; }
div.postmetadata div { margin-right: 5px; line-height: 22px; padding-top: 3px; padding-bottom: 3px; }
div.postdate, div.postauthor { display: inline; }
div.postcategorie, div.posttags, div.postedit, div.postcomments { display: inline; }
div.postdate { background: url(../image/icon-calendar.png) no-repeat left center; padding-left: 24px; }
div.postauthor { background: url(../image/icon-author.png) no-repeat left center; padding-left: 20px; }
div.postcategorie { background: url(../image/icon-category.png) no-repeat left center; padding-left: 31px; }
div.posttags { background: url(../image/icon-tag.png) no-repeat left center; padding-left: 15px; }
div.postedit { background: url(../image/icon-editpost.png) no-repeat left center; padding-left: 15px; }
div.postcomments { background: url(../image/icon-comment.png) no-repeat left center; padding-left: 23px; }



/* Post meta below the pages/posts */
div.post-meta h3 { border-bottom: 1px dotted #ccc; }
div.post-meta h3.related-posts {
  background: url(../image/icon-related-posts.png) no-repeat left center;
  padding-left: 30px;
}
div.post-meta h3.featured-posts {
  background: url(../image/icon-featured-posts.png) no-repeat left center;
  padding-left: 30px;
}
div.post-meta h3.other-posts {
  background: url(../image/icon-meta-box-posts.png) no-repeat left center;
  padding-left: 25px;
}
div.post-meta.leftbox ul li {
  background: url(../image/icon-meta-box-posts.png) no-repeat left center;
  padding-left: 25px;
  list-style: none;
  line-height: 2em;
}
div.post-meta.rightbox { font-size: 0.9em; }
div.post-meta.rightbox h3 {
  background: url(../image/icon-next-post.png) no-repeat left center;
  padding-left: 23px;
}
div.post-meta.associated-posts h3 {
  background: url(../image/icon-related-posts.png) no-repeat left center;
  padding-left: 30px;
}
div.post-meta ul.associated-posts li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 20px;
}


/* Author info */
.authorinfo { border-bottom: 1px dotted #ccc; margin-bottom: 30px; }
.authorinfo img.avatar { float: right; margin-left: 20px; }
.authorinfo .description { text-align: justify; }
.authorinfo .authormeta.website, .authorinfo .authormeta.jabber, .authorinfo .authormeta.aim, .authorinfo .authormeta.yim { display: block; }
.authorinfo .authormeta.website { background: url(../image/icon-website.png) no-repeat left center; padding-left: 25px; }
.authorinfo .authormeta.jabber { background: url(../image/icon-jabber.png) no-repeat 4px center; padding-left: 25px; }
.authorinfo .authormeta.aim { background: url(../image/icon-aim.png) no-repeat left center; padding-left: 25px; }
.authorinfo .authormeta.yim { background: url(../image/icon-yahoo.png) no-repeat left center; padding-left: 25px; }


/* Widgets */
div.sidebar { margin-top: 20px; font-size: 0.9em; }
div.sidebar ul li.widget {
  list-style: none;
  margin-bottom: 20px;
}
div.sidebar ul li.widget h2 {
  padding-bottom: 0px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 2px;
  line-height: 1em;
  letter-spacing: -1px;
  font-size: 1.3em;
}
div.sidebar ul li { margin-left: 10px; }
div.sidebar ul li.widget_categories ul { padding-left: 0px; }
div.sidebar ul li.widget_categories ul li {
  background: url(../image/icon-category.png) no-repeat left top;
  list-style: none;
  line-height: 20px;
  padding-left: 30px;
  margin-left: 5px;
  margin-bottom: 2px;
}
div.sidebar ul li.widget_pages ul { padding-left: 0; }
div.sidebar ul li.widget_pages ul li {
  list-style: none;
  background: url(../image/icon-page.png) no-repeat left top;
  padding-left: 22px;
  line-height: 20px;
  margin-bottom: 2px;
  margin-left: 5px;
}
div.sidebar ul li.widget_links ul li {
  list-style: none;
  background: url(../image/icon-link.png) no-repeat left top;
  padding-left: 16px;
  line-height: 21px;
  margin-bottom: 2px;
  margin-left: 10px;
}
.widget #wp-calendar { width: 100% }
.widget #wp-calendar td { text-align: center }

/* Comments & Trackbacks */
h2#comments {
  background: url(../image/icon-comment-header.png) no-repeat left center;
  padding-left: 27px;
  border-top: 3px dotted #ccc;
  color: #DF001D;
  margin-top: 20px;
}
.commentlist .comment {
  background: url(../image/background-comment.png) no-repeat right top;
  padding: 5px;
  margin-bottom: 10px;
}
.commentlist .comment.even { border: 2px dotted #DF001D; border-width: 0 0 2px 2px; }
.commentlist .comment.odd { border: 2px dotted #ccc; border-width: 0 0 2px 2px; }
.commentlist .comment .comment-author img.avatar { float: left; margin: 5px; }
.commentlist .comment p { margin-left: 80px; }
div#respond h2 {
  background: url(../image/icon-write-comment.png) no-repeat left center;
  padding-left: 27px;
  color: #DF001D;
}
textarea#comment { width: 70%; max-width: 400px; }


/* Gallery */
div.gallery { text-align: center; }
div.gallery img { margin: 4px; }