/* 
Theme Name: ZweiCent
Theme URI: http://www.brostedt.de/
Description: Based on Robin Hastings' Letterhead. Deutsche Version von <a href="http://zweicent.brostedt.de/">Ralf „Arby“ Brostedt</a>.
Author: Ralf Brostedt
Author URI: http://zweicent.brostedt.de/
Version: 1.0
*/

.fussnote {
  line-height:1.5em;
  font-size:75%;
  padding:5px;
  border:1px dotted #999;
}
.post-ratings {
  font-family: Verdana, sans-serif;
  font-size:74%;
  font-weight:normal;
}

/*Layout*****************************************************************************************************/

@media all {
  #page {
    background-color:#473624;
    border-left:1px solid #332A24;
    border-right:1px solid #332A24;
    width:869px;
    margin:0 auto;
    margin-top:30px;
    padding:8px;
    text-align:center;
  }
  #page-top {
    width:869px;
    height:49px;
    background:#FFF3DB url(images/bg_paper_top.jpg) no-repeat top left;
    margin:0;padding:0;
    display:block;
  }
  #page-body {
    width:769px;
    background:#FFF3DB url(images/bg_paper_mid.jpg) repeat-y;
    margin:0;padding:0 50px;
    text-align:left;
    display:block;
  }
  #page-bottom {
    width:869px;
    height:81px;
    background:#FFF3DB url(images/bg_paper_bot.jpg) no-repeat top left;
    margin:0;
    padding:0;
    display:block;
  }
  #s {
    width: 140px;
    font-family: Georgia, Times, Times New Roman, serif;
    background: #FFF3DB url(images/textfield.jpg) repeat-x 0 0;
    padding:0 2px;
  }
  #content {
    width:430px;
    _width:410px;
    float:right;
    padding:8px 0;
    margin:0 19px;
  }
  #content.wide {
    width:580px;
    float:left;
    padding:8px 0;
    margin:5px;/* 19px;*/
  }
  #sidebar {
    float:right;
    width:150px;
    padding:8px 0;
    margin:0;
  }
  #sidebar2 {
    width:150px;
    float:left;
    padding:8px 0;
    margin:0;
  }
}
@media handheld {
  #page {
    width:90%;
  }
  #page-top {
    width:100%;
    background:#FFF3DB;
  }
  #page-body {
    width:100%;
    background:#FFF3DB;
  }
  #page-bottom {
    width:100%;
    background:#FFF3DB;
  }
  #content {
    width:100%;
    float:none;
  }
  #contentwide {
    width:100%;
    float:none;
  }
  #sidebar {
    width:100%;
    float:none;
  }
  #sidebar2 {
    width:100%;
    float:none;
  }
}


/*Common*****************************************************************************************************/

body {
  margin:0;
  padding:0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: small;
  _font-size: smaller;
  text-align:center;
  color:#612E00;
  line-height:1.3;
  background:#483521 url(images/bg.gif) repeat;
}
blockquote {
  font-style:italic;
  padding:0 0 0 48px;
  margin:0;
  line-height:1.5em;
  background:url(images/zitat.gif) no-repeat 0px .3em;
}
p {
  margin:0;
  padding:0;
}
abbr, acronym {
  cursor:help;
  font-style:normal;
}
code {
  font:10px monospace;
  white-space:normal;
  color:#333;
}
hr {
  display:none;
}
img {
  border:none;
}
.center {
  text-align: center;
}
.imgaligncenter {
  display:block;
  margin: 0px auto 10px; 
  text-align: center;
}
.imageframe {
  display:block;
  text-align:center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.alignleft, .imgalignleft {
  float: left;
  margin-right: 10px;
  border: none;
}
.alignright, .imgalignright {
  float: right;
  margin-left: 10px;
}
div.clearer {
  clear:both;
  line-height:0;
  height:10px;
  margin-bottom:12px;
  _margin-top:-4px; /* IE Windows target */
  background: url(images/divider.gif) no-repeat bottom left;
}


/*Link Styles************************************************************************************************/
a         { color:#A06839; text-decoration:none; border:none; }
//a:link    { color:#A06839; /* text-decoration: none;border-bottom: 1px dotted #956839; */ }
//a:visited { color:#A06839; /* text-decoration: none;border-bottom: 1px dotted #956839; */ }
a:hover   { color:#FF6839; /* text-decoration: underline; border-bottom: 1px solid; */ }
a:active  { color:#956839; }


/*Header*****************************************************************************************************/

#header {
  margin-bottom:12px;
  background:transparent url(images/2cent.png) no-repeat right bottom;
  background-position:500px 0px;
}
#header h1 {
  margin:0;
  padding:0 0 6px 0;
  font-size:275%;
  font-weight:normal;
  font-variant: small-caps;
  text-align: center;
  letter-spacing:.1em;
  color:#612E00;
}
#header a { color:#612E00; }
#header a:hover { color:#A06839; }
#header p {
  margin:0;
  padding:0;
  font-size:125%;
  line-height:1.5em;
  font-variant:small-caps;
  text-align:center;
}


/*Infoline***************************************************************************************************/

#infoline {
  color:#612E00;
  line-height:1.3;
  background:#483521 url(images/bg.gif) repeat;
  padding:0px 5px;
  margin:0 0 12px 0;
}
#infoline p {
  font-variant:small-caps;
  font-weight:bold;
  color:#FFF3DB;
  padding:3px 0;
}
#homeicon {
  padding:2px;
  float:left;
  margin:0 2px 0 0;
}


/*Footer*****************************************************************************************************/

#footer {
  clear:both;
  background:url(images/divider.gif) no-repeat top center;
  padding-top:10px;
  _padding-top:6px; /* IE Windows target */
}
#footer p {
  line-height:1.5em;
  font-family:Verdana, sans-serif;
  font-size:75%;
  text-align:center;
}

/*Sidebar1+2*************************************************************************************************/

#sidebar a:hover, #sidebar2 a:hover {
  text-decoration: underline;
}
#sidebar h2, #sidebar2 h2 {
  font-weight:bold;
  font-style:italic;
  font-size:120%;
  margin:0;
  padding:0;
  color:#612E00;
}
#sidebar h2 a, #sidebar2 h2 a { color:#612E00; }
#sidebar h2 a:hover, #sidebar2 h2 a:hover { color:#A06839; text-decoration:none; }
#sidebar h2 img, #sidebar2 h2 img {
  margin-bottom:-4px;
}
#sidebar ul, #sidebar2 ul {
  font-family:Verdana, sans-serif;
  font-size:86%;
  margin:6px 0 12px 0;
  padding:0;
}
#sidebar2 li {
  list-style: none;
}
#sidebar ul li, #sidebar2 ul li {
  list-style: none;
  padding-bottom:6px;
  margin:0;
}
#sidebar p, #sidebar2 p {
  font-family:Verdana,sans-serif;
  font-size:86%;
  margin:0 0 .6em 0;
}
#rssfeeds {
  _height: 20px;
  margin: 0;
  padding: 0;
  background: transparent url(images/feeds.gif) no-repeat right bottom;
}
#rssfeeds li {
  line-height:1.5em;
  list-style:none;
  background:url(images/icon_rss.gif) no-repeat 0px top;
  vertical-align:bottom;
  padding: 0 0 .3em 21px;
  margin:0;
}
/*
#sidebar .socialtools {
  height: 140px;
  margin: 0;
  padding: 0;
  background: transparent url(images/social.gif) no-repeat right bottom;
}
.socialtools img {
  border: 1px solid #edf2ff;
  padding:1px;
}
*/


/*Sidebar-Profile********************************************************************************************/

.profile-img { display:inline; }
.profile-img img {
  float:right;
  margin:0 8px 0 0;
  border:1px solid #A2907D;
  padding:2px;
}
#profile {
  font-family:Verdana, sans-serif;
  font-size:86%;
  margin:6px 0 12px 0;
  padding:0;
}


/*Main-Entry*************************************************************************************************/

#content a {
  border-bottom: 1px dotted #956839;
}
#content a:hover {
  text-decoration:none;
  color:#FF6839;
  border-bottom:1px solid;
}
h2.date-header {
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:90%;
  margin:0;
  padding:0;
}
h3.post-title a {
  font-weight:normal;
  font-variant:small-caps;
  font-size:150%;
  _font-size:126%; // sagte ich schonmal, dass ich den IE hasse?
  _line-height:1.1em;
  margin:0;
  padding:0;
  color:#612E00 !important;
  border:none !important;
}
h3.post-title a:hover {
  color:#A06839 !important; 
}
.post-body p {
  margin:0 0 .6em 0;
}
.post-footer {
  font-family:Verdana, sans-serif;
  color:#211104;
  font-size:74%;
  border-top:1px solid #BFB186;
  padding-bottom:6px;
  margin: 12px 0 30px 0;
}
.post {
  margin:0 0 24px 0;
  line-height:1.5em;
}
.post ul {
  margin:0;
  padding:0;
}
.post li {
  line-height:1.5em;
  list-style:none;
  background:url(images/listicon.gif) no-repeat 0px .3em;
  vertical-align:top;
  padding: 0 0 .6em 17px;
  margin:0;
}
.post img {
  margin-top:5px;
}
.navigation {
  padding:0 0 15px 0;
  text-align:center;
}


/*Comments***************************************************************************************************/

#comments h4 {
  font-weight:normal;
  font-size:150%;
  xcolor:#29303B;
  margin:0;
  padding:0;
}
#comments-block {
  line-height:1.5em;
  background:#F0E0C0;
  padding:10px 0;
}
.comment-poster {
  background:url(images/listicon.gif) no-repeat 2px .35em;
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font-weight:bold;
}
.comment-body {
  margin:0;
  padding:0 0 0 20px;
}
.comment-body p {
  font-size:100%;
  margin:0 0 .2em 0;
}
.comment-timestamp {
  font-family:Verdana, sans-serif;
  font-size:74%;
  margin:0;
  padding:0 0 0 20px;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}
.comment-link {
  margin-left:.6em;
}
label.comment {
  font-family: Verdana, sans-serif;
  font-size:86%;
  padding:0 6px;
}
