/*
Theme Name: Rolands
Theme URI: http://www.elf19.de
Description: Based on the default WordPress theme and on the tutorial from <a href=http://bueltge.de>bueltge.de</a>.
Version: 0.1
Author: Roland Schweiger
Author URI: http://www.rolandschweiger.de
*/

/* Begin Typography & Colors */
body {
  font-size: 0.625em; /*62.5%; /* Resets 1em to 10px*/
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #8F7760;
  background-color: #1F1A15;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#page {
  margin: 20px auto;
  padding: 0px 0px 0px 0px;
  width: 972px;/*942px;*/
  text-align: left;
  position: relative;
}

#header {
  background: #1F1A15 url('images/titel.jpg') no-repeat bottom center;
  margin: 0 0 15px 1px;
  padding: 0 0 0 0;
  height: 140px;
  width: 975px;
}

#headerimg {
  margin: 7px 9px 0 0;
  padding: 0 0 0 0;
  height: 140px;
  width: 975px;
}

#headerimg .description {
  font-size: 1.2em;
  text-align: left;
}

#pagetitle {
}

h1, h2, h3 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
}

h2 {
  margin: 10px 0px 0px 0px;
  text-align: left;
}

#content {
  font-size: 1.4em
}

.narrowcolumn {
  float: left;
  padding: 0px;
  margin: 20px 10px 0px 40px;
  width: 704px;
}

.top {
  margin: 0px; /*15px 10px 0px 20px;    */
  background: #1F1A15 url('images/post_top704_1.png') no-repeat bottom center;
}

.bottom {
  margin: 0px; /*0px 10px 20px 20px;*/
  background: #1F1A15 url('images/post_bottom704_1.png') no-repeat top center;
}

.post {
  margin: 0px; /*0px 10px 0px 20px;*/
  padding: 10px 21px 25px 21px;
  text-align: justify;
  color: #000000;
  background-color: #EFF2FF;
}

.post hr {
  display: block;
}

a {
  color: #FF0000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #9F0000;
}

#sidebar {
  /*margin: 40px 0px 0px 650px;*/
  position:absolute;
  right: 0px;
  top: 173px;
  width: 210px;
}

#sidebar a, .navigation a {
  color: #FF9030;
}

#tagwolke {
  background: url('images/tagwolke_titel_1.png') no-repeat bottom center;
  margin: 0 0 0 1px;
  padding: 0 0 0 0;
  width: 210px;
  height: 50px;
}

#inside {
  background: url('images/inside_titel_1.png') no-repeat bottom center;
  margin: 0 0 0 1px;
  padding: 0 0 0 0;
  width: 210px;
  height: 50px;
}

#lastcomments {
  background: url('images/lastcomments_titel_1.png') no-repeat bottom center;
  margin: 0 0 0 1px;
  padding: 0 0 0 0;
  width: 210px;
  height: 50px;
}

#booksheading {
  background: url('images/books_titel_1.png') no-repeat bottom center;
  margin: 0 0 0 1px;
  padding: 0 0 0 0;
  width: 210px;
  height: 50px;
}

.sidecontent {
  padding: 10px 10px 40px 10px;
}

.sidebabycounter {
  padding: 10px 44px 40px 44px;
}

.commenttop {
  margin: 15px 10px 0px 20px;
  background: url('images/comment_top675_1.png') no-repeat bottom center;
}

.commentbottom {
  margin: 0px 10px 15px 20px;
  background: url('images/comment_bottom675_1.png') no-repeat top center;
}

.comment {
  margin: 0px 10px 0px 20px;
  padding: 25px 15px 15px 25px;
  text-align: justify;
  color: #000000;
  background-color: #FF9030;
}

.mycommenttop {
  margin: 15px 10px 0px 20px;
  background: url('images/mycomment_top675_1.png') no-repeat bottom center;
}

.mycommentbottom {
  margin: 0px 10px 15px 20px;
  background: url('images/mycomment_bottom675_1.png') no-repeat top center;
}

.mycomment {
  margin: 0px 10px 0px 20px;
  padding: 25px 15px 15px 25px;
  text-align: justify;
  color: #000000;
  background-color: #FEFFAF;
}

.kecommenttop {
  margin: 15px 10px 0px 20px;
  background: url('images/kecomment_top675_1.png') no-repeat bottom center;
}

.kecommentbottom {
  margin: 0px 10px 15px 20px;
  background: url('images/kecomment_bottom675_1.png') no-repeat top center;
}

.kecomment {
  margin: 0px 10px 0px 20px;
  padding: 25px 15px 15px 25px;
  text-align: justify;
  color: #000000;
/*  background-color: #ffe684;*/
  background-color: #ffda48;
}

.comment cite {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

.commentarea {
  margin: 10px 10px 15px 20px;
  padding: 5px 15px 15px 0px;
}

#commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  margin: 0px 0px 0px 10px;
}
#commentform textarea
{
  width: 520px;
}

blockquote cite {
  margin: 5px 0 0;
  display: block;
}

.navigation {
  display: block;
  text-align: center;
  margin: 10px 0px 30px 0px;
}

p img {
  padding: 0;
  max-width: 100%;
}

a img {
  border: none;
}

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.imgalignright {
  float: right;
}

.imgalignleft {
  float: left
}
img.double {
  float: left;
        margin-right: 5px;
        margin-left: 10px;
  padding-top: 7px;
  padding-bottom: 8px;
        width: 310px;
}
img.triple {
        float: left;
        margin-right: 5px;
        margin-left: 10px;
        padding-top: 7px;
        padding-bottom: 8px;
        width: 200px;
}

.imageframe {
 }

#searchform {
  margin: 10px auto;
  padding: 5px 3px;
  text-align: center;
}

.clearfloat {
  clear: both;
  display: block;
}

.bookreview {
  font-size: 1em;
}

.bookreview p{
  margin: 0px;
}

.book_singlebook {
  border-bottom: dotted 1px black;
  margin-bottom: 7px;
  padding-bottom: 7px;
}

/* woosh */

.kwicks {
  border-right: solid 2px #1F1A15;
  margin: -7px 0px -7px 0px;
}

.kwick {
  float: left;
  display: block;
  width: 348px;
  overflow: hidden;
}

.innerWoosh {
  width: 520px;
  display: block;
}

#ro .innerWoosh{
  margin: 2px 0px 2px 0px;
}

#ro {
/*  padding: 21px 0px 21px 0;*/
  padding: 0px 0px 0px 0px;
  margin: 7px 0px 7px 0px;
  width: 310px;
}

#ke .innerWoosh{
  margin: 2px 0px 2px 21px;
  padding-right: 20px;
}

#ke {
/*  background: #FF9030; /*#FEFFAF;/*yellow;*/
  padding: 0px 0px 0px 0px;
  background: #D1E0EF;/* url('images/roke_trenner.png') repeat-y left;*/
/*  padding: 21px 0px 21px 0;*/
  margin: 7px 0px 7px 0px;
}

.feed_only {
  display: none;
}

.st-related-posts {
        display: inline;
}

#nowreading_ro {
  margin-top: 10px;
  float: left;
  width: 90px;
  border-right: dotted 1px #8F7760;
}

#nowreading_ke {
  margin-top: 10px;
  float: right;
  width: 90px;
}

#nowreading_bewerted_ro {
  margin-top: 10px;
  float: left;
  width: 90px;
  border-right: dotted 1px #8F7760;
}

#nowreading_bewerted_ke {
  margin-top: 10px;
  float: right;
  width: 90px;
}