/*
Theme Name: Talking Loud
Theme URI: http://www.whykiki.de
Description: 3-spaltiges feststehendes Layout ab 1.024 x 768, widget-fähig, lokalisiert, ab WP Version 1.5.2.
Version: 1.0
Author: Christian Schuelling / Nicole Schober
Author URI: http://www.whykiki.de
*/

/*---| Dateiweite Einstellungen |---*/

* {
margin: 0;
padding: 0;
border: 0;
}


body {
background: #4b0602 url('images/BG.gif');
background-repeat: repeat-x;
color: #800000;
font-family:Tahoma, sans-serif;
text-align: center;
}

a:link,
a:visited {
color: #800000;
background: transparent;
text-decoration:underline;
}

a:hover,
a:active,
a:focus {
color: #000;
background: transparent;
font-weight:bold;
}

input, textarea {
border: 1px dotted #555555;
background:none;
color: inherit;
margin: 0 10px 10px 0;
padding: .2em;
}

input:hover,
textarea:hover {
background: #f0e8dd;
color: inherit;
}

textarea {
overflow: auto;
}

.absenden,
#contactsubmit {
cursor: pointer;
background:#555555;
color: #FFF;
}

.zentrieren {
text-align: center;
}
.clear {
clear: both;
}

/*---| Wrapper |---*/

#wrapper {
width: 1000px;
height: 100%;
margin: 0 auto;
text-align: left;
color: #800000;
}

/*---| Content Layout |---*/

#content-top{
background: url('images/content-top.png');
background-repeat:no-repeat;
width: 1000px;
height: 71px;
}

#content-middle{
background: url('images/content-middle.png');
background-repeat:repeat-y;
width: 1000px;
clear:both;
}

#content-bottom{
background: url('images/content-bottom.png');
background-repeat:no-repeat;
width: 1000px;
height: 71px;
clear:both;
}

/*---| Kopfbereich |---*/

#button-news{
float:left;
margin-top: 32px;
width: 165px;
height: 40px;
background: url('images/button-news.png');
background-position:top center;
background-repeat: no-repeat;
display:block;
}

#button-news:hover{
background: url('images/button-news.png');
background-position:bottom center;
background-repeat: no-repeat;
}

#button-band{
float:left;
margin-top: 32px;
width: 170px;
height: 43px;
background: url('images/button-band.png');
background-position:top center;
background-repeat: no-repeat;
display:block;
}

#button-band:hover{
background: url('images/button-band.png');
background-position:bottom center;
background-repeat: no-repeat;
}

#button-work{
float:left;
margin-top: 31px;
width: 171px;
height: 41px;
background: url('images/button-work.png');
background-repeat: no-repeat;
background-position:top center;
display:block;
}

#button-work:hover{
background: url('images/button-work.png');
background-position:bottom center;
background-repeat: no-repeat;
}

#button-contact{
float:left;
margin-top: 32px;
width: 164px;
height: 40px;
background: url('images/button-contact.png');
background-repeat: no-repeat;
background-position:top center;
display:block;
}

#button-contact:hover{
background: url('images/button-contact.png');
background-position:bottom center;
background-repeat: no-repeat;
}

#button-weblog{
float:left;
margin-top: 31px;
width: 171px;
height: 42px;
background: url('images/button-weblog.png');
background-repeat: no-repeat;
background-position:top center;
display:block;
}

#button-weblog:hover{
background: url('images/button-weblog.png');
background-position:bottom center;
background-repeat: no-repeat;
}

.spacer_navi{
float:left;
width: 5px;
}

/*---| Kopfbereich |---*/

#kopf {
text-align: center;
height: 200px;
padding-right: 160px;
}

#breadcrumb {
margin: 0 185px;
}

/*---| Sidebar |---*/

#sidebar {
margin-top: -20px;
float:right;
width: 328px;
color: inherit;
font-size: 12px;
text-align:justify;
margin-right: 0px;
margin-left: 50px;
}

#sidebar ul ul {
margin-bottom: 15px;
}

#sidebar h2 {

}


#sidebar ul li {
list-style: none;
line-height: 1.5em;
}

#sidebar .page_item a:hover, 
#sidebar .current_page_item a {
background: #inherit;
color: #800000;
font-weight:normal;
}

#sidebar .page_item a{
text-decoration:none;
}


#links {
overflow: hidden;
padding: 5px;
margin: 5px;
font-size: 0.8em;
}


/*--- | Inhaltsbereich - allgemeingültige Formatierungen |---*/

#content {
margin-left: 20px;
width: 950px;
padding: 10px;
font-size: 0.8em;
}

#inhalt{
margin-top: -40px;
width: 560px;
}

#content p {
line-height: 1.4em;
}

#content ul li {
list-style-image: url(images/list.gif);
}

#content h1 {
font-size: 1.4em;
font-weight:normal;
text-transform:uppercase;


}

#content h1 a{
color: #800000;
text-decoration:none;
}

#content h1 a:hover{
color: #800000;
font-weight:normal;
text-decoration:underline;
}

#content h2 {
margin-top: 10px;
font-size: 1.4em;
}

#content h2 a {
text-decoration: none;
}

#content h3 {
font-size: 1.1em;
}
#content h4 {
font-size: 1.0em;
margin: .8em 0;
}
#content blockquote {
color: #83c326;
background: inherit;
margin: 20px;
min-height: 55px;
text-align: justify;
font-style: oblique;
}
#content q {
font-style: oblique;
}
#content pre {
margin: 10px 0;
}

#content img {
padding: 3px;
}

#content img.wp-smiley,
#content table img,
#content #wp_grins img, /*entfernt die img-border um die Smilies im Kommentarbereich*/
#content .bookmark img {
border: none;
padding: 0;
}

/*---| Bild�berschriften Seiten h1 |---*/

#index-head {
text-indent: -9999.99px !important;
background: url('images/header-news.gif');
background-repeat: no-repeat;
height: 36px;
}

#post-47 h1 {
text-indent: -9999.99px !important;
background: url('images/header-news.gif');
background-repeat: no-repeat;
height: 36px;
}

#post-6 h1 {
text-indent: -9999.99px !important;
background: url('images/header-band.gif');
background-repeat: no-repeat;
height: 36px;
}

#post-10 h1 {
text-indent: -9999.99px !important;
background: url('images/header-work.gif');
background-repeat: no-repeat;
height: 36px;
}

#post-15 h1 {
text-indent: -9999.99px !important;
background: url('images/header-contact.gif');
background-repeat: no-repeat;
height: 36px;
}

#post-19 h1 {
text-indent: -9999.99px !important;
background: url('images/header-weblog.gif');
background-repeat: no-repeat;
height: 36px;
}

/*---| Inhaltsbereich - Beiträge und Kommentare |---*/

#content .datum {
width: 65px;
height: 38px;
float: left;
text-align: center;
color: #800000;
border-right: 1px solid #747474;
margin-right: 8px;
padding-right: 4px;
}

#content .jahr {
display: block;
font-size: 1.6em;
font-weight: bold;
color: #800000;
}

#content .monat {
display: block;
width: 35px;
font-size: 1.2em;
float:right;
font-weight: bold;
}

#content .tag {
display: block;
text-align: right;
width: 25px;
float:left;
font-size: 1.2em;
font-weight: bold;
}

#content .ueberschrift {
padding: 5px 0;
font-size: 1.0em; 
letter-spacing: 1px;
text-align: right;
}

#content .beitragskopf{
border-bottom: 1px dotted #555555;
}

#content .beitrag {
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}

#content .beitragsinfo{
font-size: 0.8em; 
padding: 5px 0;
margin-left: 60px;
}

#content .beitragsfuss {
font-size: .8em;
margin-top: 10px;
padding: 10px 0;
}

#content .beitrag ul, 
#content .beitrag ol {
margin: .8em 0 .8em 2.0em;
}
#content .text {
margin-top: 10px;
padding: 5px 0;
font-size: 0.9em;
}
#content .seiten {
margin: 15px 0 0 15px;
}
#content .tags {
margin: 1.5em 0;
font-size: .8em;
}
#content #kommentare h3 {
margin: 15px 0;
}
#content #kommentare ol {
margin-left: -5px;
}
#content #kommentare ol li {
list-style: none;
}
#content .kommentarkopf {
font-size: 0.8em;
padding: 5px 0;
}
#content .kommentar,
#content .autorenkommentar {
padding: 10px;
margin: 10px 5px;
}
#content .kommentar {
background: #eaeaea;
color: inherit;
}
#content .autorenkommentar {
background: #ddefef;
color: inherit;
}
#content .bearbeiten {
font-style: oblique;
}

/*---| Seitennavigation |---*/

.navigation {
font-size: .8em;
padding: 20px 0;
}
.next {
float: left;
text-align: left;
width: 50%;
}
.prev {
float: right;
text-align: right;
width: 50%;
}

/*---| Fuss |---*/

#fuss {
clear: both;
font-size: 0.8em;
}

#impress{
width: 100%; margin-bottom: 0px; padding-top: 5px;  background: #631d00; color: #FFF; height: 40px; }

#impress a{
font-size: 10px; text-decoration:none; color: #FFF;}

#impress a:hover{
font-size: 10px; text-decoration:underline;color: #FFF;}


/*---| Suchen |---*/

#searchform {
padding: 10px 0 0 0;
}
#searchform input {
background: #e6e6e6;
color: inherit;
vertical-align: bottom;
}
#searchform input:hover {
cursor: pointer;
}
#searchform #s {
cursor: default;
text-indent: 0;
background:#f0f0f0;
color: inherit;
font-weight: normal;
font-size: 1.0em;
width: 180px;
padding: 5px;
}
#searchform #s:hover {
background: #feffcc;
color: inherit;
}

/*---| nicht anzeigen |---*/

hr,
#kopfzeilenmenue h2 {
display: none;
}

p{margin-bottom: 20px;}

.alignleft {float:left; margin: 5px;}