/* 
Theme Name: PHLEGMA ZWEINULLEINSNULL
Theme URL: http://www.phlegma.org/
Description: Theme of Phlegma for 2010
Author: Thomas Sander
Author URI: http://thomassander.org/
Version: 
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
/*font-family:inherit;
font-size:100%;
font-weight:inherit;
font-style:inherit;
vertical-align:baseline;*/
margin:0;
padding:0;
border:0;
outline:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
table {
border-collapse:collapse;
border-spacing:0;
}
blockquote:before,blockquote:after,q:before,q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
* {
margin:0;padding:0;
}

/* ENDE RESET //////////////////////////////////// */

body {
background-image: url(images/bodyimages/rotate.php);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial;
font-size: 12px;
line-height: 18px;
}

#container{
background-image: url(images/containerimages/rotate.php);
background-repeat: no-repeat;
background-position: -250px -100px;
float: left;
width: 100%;
}

#wrapper {
width: 940px;
margin: 0 auto 0 auto;
padding: 0 10px 0 10px;
clear: both;
}

/* ENDE CONTAINER //////////////////////////////////// */

#header {
margin: 24px 0 36px 0;
text-transform: uppercase; 
clear: both;
}
#header h1 {
color: #FFF;
background-color: #FF0000;
font-size: 56px;
font-weight: bold;
line-height: 36px;
margin: 24px 0 -8px 0;
float: left;
clear: both;
letter-spacing: -1px;
}
#header h1 a {
color: #FFF;
text-decoration: none;
}
#header p {
background-color: #FFF;
color: #FF0000;
font-size: 11px;
float: left;
clear: both;
}

/* ENDE HEADER //////////////////////////////////// */

#post, .post {
padding: 0;
margin: 60px 0 0 0;
width: 620px;
float: left;
}
#post h2, .post h2 {
background-color: #000;
background-color: rgba(0,0,0,0.8);
color: #FFF;
font-size: 54px;
font-weight: normal;
clear: both;
letter-spacing: -1px;
}
#post h2 a, .post h2 a {
color: #FFF;
text-decoration: none;
}
#post h2 a:hover, .post h2 a:hover {
color: #FFF;
text-decoration: underline;
}
#post p a, .post p a {
background-color: #FF0000;
color: #FFF;
text-decoration: none;
}
#post p a:hover, .post p a:hover {
background-color: #000;
color: #FFF;
text-decoration: none;
}
#post p.info {
background-color:#000000;
color:#FFFFFF;
font-size:10px;
line-height:14px;
margin:0 0 0 6px;
width: auto;
clear: both;
float: left;
}

.singlepost {
padding: 0;
margin: 0;
border-bottom: solid 1px #000;
width: 620px;
}
.singlepost p {
float: left;
line-height: 12px; 
margin: 6px 0 6px 0;
width: 620px;
background-color: #FFF;
background-color: rgba(255,255,255, 0.7);
}
.singlepost div {
float: left;
clear: both;
}

#postmeta{
border-top:1px dashed #000000;
clear:both;
float:left;
font-size:11px;
line-height:11px;
margin:0 0 108px 0;
width: 600px;
}
#postmeta p {
margin: 0;
}

#postnavigation{
float: left;
clear: both;
}

/* ENDE POST //////////////////////////////////// */

#searchform{}


.searchresult {

}
.searchresult p {
background-color: #FFF;
background-color: rgba(255,255,255,0.7);
margin: 12px 0 12px 0;
border: none;
line-height: 12px;
}
.searchresult h2 {
font-size: 18px !important;
line-height: 12px;
}

/* ENDE SEARCH //////////////////////////////////// */

#sidebar {
width: 300px;
margin: 60px 0 36px 20px;
padding: 0;
float: left;
}
#sidebar h2 {
font-size: 14px;
background-color: #FFF;
color: #FF0000;
line-height: 18px;
float: left;
clear: both;
font-weight: normal;
text-transform: uppercase;
}
#sidebar ul {
margin: 12px 0 0 0;
list-style: none;
}
#sidebar ul.children {
margin: 0 0 0 0;
}
#sidebar ul.children a {
padding: 0 0 0 12px;
}
#sidebar ul.children a:before {
content: "› ";
font-weight: bold;
}
#sidebar li {
clear: both;
}
#sidebar li a {
color: #FFF;
text-decoration: none;
background-color: #FF0000;
}
#sidebar li a:hover {
background-color: #000000;
}

/* ENDE SIDEBAR //////////////////////////////////// */

#comment {
}
#comment p {
float: left;
clear: both;
margin: 0;
}
#comment h2 {
font-size; 36px !important;
}
#comment h3 {
background-color: #FFF;
background-color: rgba(255,255,255,0.8);
color: #FF0000;
float: left;
margin: 12px 0 0 0;
clear: both;
}
#commentlist {
float: left;
clear: both;
list-style-type: none;
}
#commentlist ol {

}
.alt {
}
.standard {
}
.commentautor {

}
.commentdate {
background-color: #000;
color: #FFF;
float: left;
}
.singlecomment {
border-top: dashed 1px #000;
font-size: 11px;
line-height: 11px;
float: left;
clear: both;
width: 100%;
margin: 0 0 6px 0;
}
.commenttext, .commenttext-admin {
border-bottom: solid 1px #000;
font-size: 12px;
line-height: 12px;
padding: 0 0 12px 0;
float: left;
clear: both;
width: 620px;
background-color: #FFF;
background-color: rgba(255,255,255,0.7);
}

#commentsform {
float: left;
}

.commentshead {
background-color: #000;
color: #FFF;
line-height: 12px;
float: left;
clear: both;
}

/* ENDE COMMENTS //////////////////////////////////// */

#footer {
background-color: #000;
color: #FFF;
float: left;
clear: both;
border-top: dashed 1px #FFF;
width: 100%;
font-size: 11px;
line-height: 11px;
padding: 36px 0 48px 0;
}

#footer p {
margin: 4px 0 4px 0;
}

#footer a {
background-color: #ff0000;
color: #fff;
}

/* ENDE FOOTER //////////////////////////////////// */

/* ENDE LAYOUT //////////////////////////////////// */

h1 {
font-size: 36px;
font-weight: bold;
line-height: 40px;
}
h2 {
font-size: 30px;
font-weight: bold;
line-height: 34px;
}
h3 {
color:#990000;
font-size:24px;
font-weight:bold;
line-height:20px;
margin:0 0 -14px;
}
h4 {
background-color:#FFF;
background-color:rgba(255,255,255,0.9);
color:#000000;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
line-height:18px;
margin:0 0 -10px;
text-transform:uppercase;
float: left;
clear: both;
}
h5 {
background-color:#000000;
clear:both;
color:#FFFFFF;
float:left;
font-size:14px;
line-height:14px;
}
p {
line-height: 12px;
margin: 6px 0 6px 0;
float: left;
clear: both;
}
small {
font-size: 10px;
line-height: 10px;
}
strong {
font-weight: bold;
}

.cat_headline {
background-color:#FF0000;
color:#FFFFFF;
float:right;
font-size:18px;
line-height:18px;
margin:0 310px -24px 0;
}

.cat_headline:before {
content: "… /";
}


/* ENDE TYPOGRAFIE //////////////////////////////////// */

#searchform {
float: left;
clear: both;
margin: 0 0 12px 0;
}

#s, #s1, #s2, #s3 {
border: dashed 1px #FFF;
background-color: #ff0000;
padding: 4px;
color: #FFF;
}

#s1, #s2, #s3 {
width: 320px;
}

#s4 {
border: dashed 1px #FFF;
background-color: #ff0000;
padding: 10px;
margin: 10px 0;
color: #FFF;
width: 598px;
}

#searchsubmit, #sbutt {
background-color: #FF0000;
color: #FFF;
font-weight: bold;
padding: 4px;
border: none;
cursor: pointer;
}
#searchsubmit:hover, #sbutt:hover {
background-color: #000;
}

.newsletter form {
float: left;
background-color: rgba(255, 255, 255, 0.7);
padding: 12px 0 12px 0;
width: 100%;
}

.newsletter table {
color: #FF0000;
margin: 0 auto;
}

.newsletter input {
background-color: #FF0000;
border: dashed 1px #FFF;
color: #FFF;
padding: 6px;
margin: 3px;
}

/* ENDE FORMS //////////////////////////////////// */

.aktt_tweets li {
background-color: rgba(255, 255, 255, 0.7);
line-height: 15px;
font-size: 11px;
margin: 0 0 2px 0;
}

div.ngg-gallery-thumbnail {
clear: none !important;
}

.ngg-gallery-thumbnail-box {
clear: none !important;
}

.clear {
clear: both;
}
