/*
Theme Name: Hau-Tu Blog
Theme URI: http://blog.hau-tu.de
Description: Theme des Hau-Tu Blogs
Version: 0.9
*/
*
{
  margin:0;
  padding:0;
  font-family:"Verdana", sans-serif;
}

.invisible
{
  display:none;
}
.clear
{
  clear:both;
}

body
{
  background:url("images/background.png") #D7DFE4;
}

div#center_wrap
{
  width:977px;
  margin:30px auto 0 auto;
}

div#float_wrap
{
  width:977px;
  background:#FFFFFF;
  float:left;
  padding-bottom:20px;
}

div#logo
{
  background:url("images/headertop.gif") no-repeat bottom;
  height:108px;
  position:relative;
}

div#logo div
{
  position:absolute;
  left:35px;
  top:0px;
  width:313px;
  height:108px;
  background:url("images/logo.jpg") no-repeat;
}

h1
{
  position:absolute;
  font-weight:normal;
  font-size:40px;
  left:35px;
  top:45px;
}

div.menu
{
  background:url("images/headerbottom.gif") no-repeat;
  width:977px;
  height:112px;
  position:relative;
}

.menu ul
{
  position:absolute;
  left:215px;
  bottom:0px;
}

.menu li
{
  list-style-type:none;
  float:left;
}

.menu a
{
  display:block;
  padding:5px 10px 5px 10px;
  color:#FFFFFF;
  text-decoration:none;
  margin-left:3px;
  font-size:14px;
}

.menu .current_page_item a
{
  background:#FFFFFF;
  color:#000000;
}

.menu a:hover
{
  text-decoration:underline;
}


div#content
{
  float:left;
  width:736px;
  margin:10px 0 0 20px;
  font-size:12px;
}

div#sidebar
{
  border-left:1px solid #CCCCCC;
  width:200px;
  margin:30px 0 0 756px;
  padding:0 0 0 20px;
}

#search_text
{
  width:135px;
  height:17px;
  background:url("images/searchboxleft.gif") no-repeat;
  border:none;
  position:absolute;
  left:15px;
  padding:5px;
  font-size:14px;
}

#search_submit
{
  width:30px;
  height:27px;
  background:url("images/searchboxright.gif") no-repeat;  
  border:none;
  position:absolute;
  left:160px;
  font-size:0;
}

#searchform
{
  position:relative;
  padding:10px 5px 30px 5px; 
  background:#69A7D0;
}

#searchform h3
{
  display:none;
}

div#rss
{
  background:#69A7D0; 
  padding:5px 5px 15px 5px;
  color:#FFFFFF;
  font-size:14px;
  height:65px;  
}

#rss li
{
  font-size:14px;
  list-style-type:none;
  margin-top:10px;
  font-weight:bold;
}

#rss a
{
  color:#FFFFFF;
  text-decoration:none;
}

#rss a:hover
{
  text-decoration:underline;
}

.widget h3
{
  height:30px;
  font-size:19px;
  font-weight:normal;
  color:#FFFFFF;
  padding:3px 0 0 20px;
  margin:25px 0 10px 0;
}


.widget h2
{
  height:30px;
  font-size:16px;
  font-weight:normal;
  color:#FFFFFF;
  padding:3px 0 0 20px;
  margin:25px 0 10px 0;
}


.widget li
{
  margin:0 0 0 35px;
  font-size:13px;
  list-style-image:url(images/dot.gif);
}

.widget li a
{
  color:#000000;
  text-decoration:none;
}

.widget li a:hover
{
  color:#69A7D0;
}

#categories h3, #latest_posts h3
{
  background:url("images/panelred.gif") no-repeat;
}
#blogroll h2
{
  background:url("images/panelyellow.gif") no-repeat;
}
#archiv h3
{
  background:url("images/panelblue.gif") no-repeat;
}

div.posthead
{
  margin:10px 20px 20px 20px;
  font-size:10px;
}
h2
{
  font-size:18px;
  font-weight:normal;
  padding:3px 0 3px 5px;
  border-bottom:1px solid #CCCCCC;
  margin:10px 20px 20px 20px;
}
.posthead h2
{
  margin:0 0 5px 0;
}
div.postbody
{
  margin:0 30px 0 30px;
  line-height:1.4em;
}
div.postfoot
{
  margin:20px 20px 30px 20px;
  font-size:12px;
  border:1px solid #CCCCCC;
  padding:5px 5px 0 5px;
}

a
{
  color:#3366BB;
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}


p, ol
{
  margin-bottom:0.7em;
}

img
{
  vertical-align:middle;
  margin-right:3px;
}

div#footer
{
  text-align:center;
  margin:10px 0 30px 0;
  float:left;
  clear:both;
  width:100%;
  font-size:12px;
  line-height:20px;
}

img.avatar
{
  float:left;
  margin-top:5px;
}
li.comment p
{
  margin-left:50px;
}
li.comment
{
  margin:0 5px 15px 20px;
  padding:10px;
  font-size:12px;
}
li.comment.even
{
  background:#F3F3F3;
}
div.commentbody
{
  padding:5px 5px 5px 5px;
}

div#searchpanelheader
{
  width:200px;
  height:6px;
  background:url("images/searchpanelheader.gif") no-repeat;
}
div#searchpanelfooter
{
  margin-bottom:10px;
  width:200px;
  height:6px;
  background:url("images/searchpanelfooter.gif") no-repeat;
}
div#rss_icon

{
  width:64px;
  height:64px;
  background:url("images/rssicon.png") no-repeat;
  float:left;
  margin-right:10px;
}
input, textarea
{
  font-size:12px;
}
div#content li
{
  margin-left:40px;
}