/*
Theme Name: dbpunkdesign
Theme URI: http://emuman.org/themes
Description: umgebaut.
Version: 0.1
Author: Sebastian Laube / Felix Mohr
Author URI: http://emuman.org/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Feel free to contact me if you have questions,my email: mail@emuman.org
*/

html, body {
        background: url('http://www.db-punk.de/wp-content/uploads/bg.jpg') fixed;
        color: #fff;
        font-size: 90%;
        font-family: arial, helvetica, sans-serif;
        margin: 0;
        padding: 0;
        height: 100%;
}

#container {
        width: 1030px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -2.8em; /* the bottom margin is the negative value of the footer's height */
}

#hiddennav, #head #submit { display: none;}

p { padding: 0.2em;}

.disnav { float: right;}
p.disnav { background: #333; padding: 0.2em;}

a, a:link {
        color: #ffc600;
        text-decoration: none;
        padding: 0.1em;
}
a:hover {
        color: #fff;
        background: #666;
        border-top: 1px dotted #333;
}


/** head **/
#head {
        background: url('http://www.db-punk.de/wp-content/uploads/db-punk-header.jpg') 0 0 no-repeat;
        padding: 0 0 0 0;
        width: 1030px;
        height:173px;
        margin-bottom: 0;
}
#head h1 {
        font-size: 0px;
        margin:20px 0 0 0;
        padding: 0;
        float: left;
        display: inline;
}
#head h1 a, #head h1 a:hover {
        color: #FFFF99;
        background: none;
        border: 0;
}

/** searchbar **/
#searchbar {
        float: right;
        margin: 4.8em 0 0 0;
}
#searchbar input {
        background: #222;
        color: #fff;
        border: 1px solid #222;
}
#searchbar input[type=text] {
        background: #222 url('images/search.png') 1px 1px no-repeat;
        padding: 1px;
        text-align:right;
}
#search { display: none;}

/** nav **/
#menu {
        width: 90%;
        background: #222;
        margin: 0 auto;
        padding: 0.5em;
}
#menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#menu ul li {
        display: inline;
}
#menu a {
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        padding: 0.4em;
}
#menu a:hover {
        color: #333;
        background: #ffc600;
}

/** subnav**/
.navigation {
        display: block;
        text-align: center;
        margin-bottom:30px;
}
.alignright {
        float: right;
        background: #333;
        padding: 0.2em;
}
.alignleft {
        float: left;
        background: #333;
        padding: 0.2em;
}

/** cnt **/
#content {
        clear: both;
        margin: 1em 0 1em 0.8em;
        float: left;
        width: 77%;
}
#content h3 {
        font-size: 1.5em;
        margin: 1em 0 0.6em -0.3em;
}
#content .data {
        margin-bottom: 0.22em;
}
#content .data p, #content .postmetadata p {
        background: #222;
        display: inline;
        padding: 0.2em;
        line-height: 120%;
}
#content .postmetadata p { background: #333;}
#content .storycontent {
        background: #222;
}
#content .storycontent p{
        line-height: 145%;
        display: block;
        margin: 0.1em 0 0 0;
}
.postmetadata { margin-top: 0.3em;}

#content h3 a {
        color: #fff;
        background: #333;
        font-style: normal;
        text-decoration: none;
        padding: 0.3em;
}
#content h3 a:hover {
        color: #000;
        background: #ffc600;
        border-top: 1px dotted #333;
}
* h3 em{
        color: #fff;
        background: #333;
        font-style: normal;
        text-decoration: none;
        padding: 0.3em;
}
.badge{
        float: right;
        margin: 0.3em;
        padding-top: 1em;
}

/** side **/
#side {
        float: right;
        text-align: right;
        width: 17%;
        min-width: 120px;
        background: #222 url('images/mbg.png');
        padding: 0.5em;
        margin: 3em 0 0 0;
        font-size: 110%;
}
#side h4 {
        color: #222;
        font-size: 1.5em;
        margin: 1em 0 0.1em 0;
}
#side ul, #side * ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#side * li {
        margin: 0.3em 0.1em;
}

#side a, #side a:link {
        color: #222;
        padding: 0.1em;
        text-decoration: none;
}
#side a:hover {
        color: #000;
        background: #ffc600;
        border-top: 1px dotted #333;
}
#side #meta a, #side #meta li { background: none; padding: 0; margin: 0;}

/** comments **/
#comments {
        clear: right;
        background: #222;
        padding: 0.3em 1em;
}
#comments * p {
        background: none;
}
#comments * li {
        margin: 0.4em 0;
}
#comments * li p{
        display: block;
        line-height: 100%;
        background:#333;
        margin: 0.2em 0 0 0;
        width: 90%;
}
textarea, input {
        background: #444;
        border: 0;
        margin: 0.1em;
        color: #fff;
}
textarea {padding: 0.1em;}

/** pages **/
.entrytext {
        background: #222;
        padding: 0.6em;
}
.entrytext p {

}

/** foot **/
#footer {
/*        position: fixed;
        bottom: 0;*/
        clear: both;
        width: 70%;
        background: #444;
        padding: 0.2em;
        margin: 0 auto;
        font-size: 80%;
        text-align: center;
        border-top: 3px dotted #666;
}
#footer p {
        margin: 0;
        padding: 0;
}
#footer, .push {
        height: 2.8em; /* .push must be the same height as .footer */
}

/** least **/
blockquote {
background: url('images/bbg.png') 0 0 no-repeat;
padding: 5px;
}
blockquote p {
padding-left: 30px;
}

#content img {
        margin: 0 .5em .5em .5em;
}

hr {
        background: #666;
        height: 1px;
        width: 97%;
        border: 0;
        margin: 1.2em 0 1.2em 0;
}

h4 { font-size: 130%; }

dt { font-weight: 700; margin-top:1.2em; }
dd { margin-left: 0.7em; margin-top: 0.3em;}

#answerdiv p{ padding-left: 0;}