/* 
Theme Name: LAUTSTARK Bandhomepage Theme
Theme URL: http://lautstark-rockt.de/
Description: Das Lautstark-Theme. Basiert auf Whiteboard. Designed by DOOM DESIGN
Author: Doom Design
Author URI: http://www.doom-design.com
Version: 1.0.0

*/

body {
background: #d0d0d0 url(images/body_bg.jpg) repeat-y center top;
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}

p {
margin-bottom: 1em;
}

a:link, a:visited, a:active {
color: #9e0303;
text-decoration: underline;
}
a:hover {
color: #000000;
}
a img {
text-decoration: none;
border: 0;
}


div#wrap {
width: 980px;
margin: 0 auto;
}

div#header {
width: 100%;
height: 308px;
text-align: center;
}

div#content {
width: 915px;
margin: 0 33px 0 32px;
}

div#navi {
width: 100%;
height: 66px;
background: transparent url(images/navi_bg.jpg) no-repeat center top;
text-align: center;
margin-bottom: 21px;
}

div#sidebar {
width: 321px;
margin-bottom: 30px;

}

div#sidebar .sidebartitle {
height: 49px;
padding-bottom: 16px;
background: transparent url(images/title_left_btm.png) no-repeat left bottom;
text-align: center;
font-size: 1.8em;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 49px;
}

div#sidebar .box {
width: 262px;
margin: 0 0 30px 48px;
text-align: center;
font-size: 1.1em;
}

div#page {
width: 565px;
margin-bottom: 30px;
}

div.post {
width: 100%;
margin-bottom: 30px;
}

div.posttitle {
background: transparent url(images/title_bg.jpg) repeat-y left top;
padding-bottom: 7px;
}
div.posttitle h2 {
width: 500px;
margin-left: 12px;
font-size: 2.2em;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 30px;
color: #ffffff;
letter-spacing: -1px;
}
div.posttitle h2 a {
color: #ffffff;
text-decoration: none;
}
div.posttitle h2 a:hover {
color: #9e0303;
}

span.date {
width: 500px;
margin-left: 12px;
font-size: 1.1em;
line-height: 12px;
color: #aaaaaa;
}

div.postcontent {
width: 500px;
margin: 6px 0 0 12px;
font-size: 1.1em;
line-height: 150%;
}

div.postnavigation {
font-size: 1.1em;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
width: 500px;
padding: 5px 0 5px 0;
text-align: center;
}
div.postnavigation p {
margin: 0;
}

#footer {
width: 100%;
padding: 20px 0 20px 0;
background: #444444 url(images/footer_bg.jpg) repeat-y center top;
color: #ffffff;
text-align: center;
font-size: 1.1em;
line-height: 150%;
}

#footer a {
color: #fff;
}

div#footertop {
width: 100%;
height: 16px;
background: transparent url(images/footer_top.png) no-repeat center top;
clear: both;
}

/* Bilder */
img.alignright {float: right; margin: 10px;}
img.alignleft {margin: 10px;}
img.aligncenter {text-align: center;}


.floatleft {float:left;}
.floatright {float:right;}