/*
Theme Name: draftmedia blog design
Theme URI: http://draftmedia.de
Description: draftmedia WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Thomas Schr&ouml;pfer
Author URI: http://draftmedia.de/
Tags: black, clean, draftmedia,
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

legend {
position: relative;
left: -5px;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Helper */

/* >>> Clearfix */
.clearfix:after {
content: ".";
visibility: hidden;
display: block; 
clear: both; 
height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* >>> Clear */
.clear {
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}

.clear-left {
clear: left;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Custom styles */

/* Begin Typography & Colors */
body {
font-family: Arial, Helvetica, "Helvetica Neue", sans serif;
font-size: 62.5%;
color: #d5d2d7;
background-color: #0d0814;
background-image: url(images/bg_top_kachel.gif);
background-repeat: repeat-x;
background-attachment: fixed;
}


/* >>>>> Deko Container */

#bg-wrapper-dummy { /* soll oben schon am das grosse bild laden */
background-image: url(images/bg_top.jpg);
overflow: hidden;
width: 0;
height: 0px;
visibility:hidden;
}


#bg-wrapper {
position: fixed;
z-index: 50;
top: 0;
left: 0;
margin: 0 auto;
background-image: url(images/bg_top.jpg);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
text-align: center;
overflow: hidden;
width: 100%;
height: 402px;	
}

#balken-oben {
position: fixed;
z-index: 999;
top: 0;
left: 0;
margin: 0 auto;
background-image: url(images/balken_oben.gif);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
width: 100%;
height: 63px;	
}

#footer {
position: fixed;
z-index: 30;
bottom: 0;
left: 0;
margin: 0 auto;
text-align: center;
overflow: hidden;
background-image: url(images/bg_footer.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 100%;
height: 201px;	
}

#footer-balken {
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
margin: 0 auto;
text-align: center;
overflow: hidden;
background-color: #e70286;
width: 100%;
height: 5px;
}

#index-balken {
background: url(images/bg_index.gif) 0px 0 no-repeat;
height: 26px;
width: 906px; 
margin: 0px 0px 0px 0px;
	
}

.opacity {
opacity: .85;
filter: alpha(opacity=85);
}

/* >>>>> Layout */

#wrapper {
position: relative;
z-index: 90;
margin: 5px auto;
width: 906px;
height: auto;
padding-bottom: 200px;
}

#banner {
background: url(images/banner_top.png) 6px 0 no-repeat;
height: 210px;
width: 906px; 
margin: 0px 0px 0px 0px;
}

#banner h1, #banner h6 {
visibility: hidden;
}


div.nav-balken {
height: 47px;
width: 906px;
background: url(images/bg_nav_balken.png) 0 0 no-repeat;
margin: 0px 0px 20px 0px;
}

div.nav-balken h4 {
font-size: 1px;
text-indent: -9999px;
height: 13px;
width: 46px;
float: left;
background: url(images/logo_klein.gif) 0px 0px no-repeat;
margin: 16px 0px 20px 8px;
}

div.nav-pfeil {
position: relative;
background: url(images/nav_active_pfeil.gif) 0px 0px no-repeat;
margin: 0px 0px 0px -160px;
height: 17px; 
width: 10px;
top: 32px;
}

/* >>>>> Navi */


div.nav-balken dl {
float: right;
margin: 18px 10px 0px 0px;
}

div.nav-balken dl dt {
display: none;
}

div.nav-balken dl dd {
display: inline;
}

div.nav-balken dl dd a {
display: block;
float: left;
height: 13px;
margin: 0px 0px 0px 15px;
background-image: url(images/bg_navi.gif);
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}

div.nav-balken dl dd a.nav-home { width:39px; background-position: 0px 0px; }
div.nav-balken dl dd a.nav-home:hover { width:39px; background-position: 0px -14px; }
div.nav-balken dl dd a.nav-home-active { width:39px; background-position: 0px -14px; cursor: default }

div.nav-balken dl dd a.nav-portfolio { width:57px; background-position: -57px 0px;}
div.nav-balken dl dd a.nav-portfolio:hover { width:57px; background-position: -57px -14px; }
div.nav-balken dl dd a.nav-portfolio-active { width:57px; background-position: -57px -14px; cursor: default }

div.nav-balken dl dd a.nav-network { width:55px; background-position: -130px 0px;}
div.nav-balken dl dd a.nav-network:hover { width:55px; background-position: -130px -14px; }
div.nav-balken dl dd a.nav-network-active { width:55px; background-position: -130px -14px; cursor: default }

div.nav-balken dl dd a.nav-kontakt { width:48px; background-position: -200px 0px;}
div.nav-balken dl dd a.nav-kontakt:hover { width:48px; background-position: -200px -14px; }
div.nav-balken dl dd a.nav-kontakt-active { width:48px; background-position: -200px -14px; cursor: default }


/* >>>>> Post */

.postwrapper {
position: relative;
width: 674px;
float: left;
margin: 0px;
}

.singlepost {
position: relative;
width: 674px;
float: left;
background: url(images/bg_post.gif) 0px 0px repeat-y;
margin: 7px 0px 0px 0px;
}

.metainfo {
width: 139px;
float: left;
padding: 20px;
background: #000;
}



span.post-date {
display: block;
font-weight: bold;
font-size: 1.1em;
color: #fff;
border-bottom: 1px solid #1a1a1a;
padding: 0px 0px 15px 0px;
}

.post-tags {
display: block;
margin: 15px 0px 0px 0px;
}

.post-tags h5 {
display: none;
}

.post-tags ul {
height: 1%;
}
.post-tags ul li {
margin: 0 4px 0 0;
display: block;
float: left;
font-size: 1.2em;
line-height: 150%;
color: #006c52;
}

.post-tags ul li a {
color: #006c52;
text-decoration: none; 
}

.post-tags ul li a:hover {
color: #fff;
background: #006c52;
}

/*Content*/

.post {
width: 441px;
float: left;
padding: 20px;
margin-left: 7px;
}

h2 {
font-size: 2.0em;
color: #fff;
margin: 0 0 15px 0;
font-weight: normal;
}

h2 a {
color: #fff;
text-decoration: none;
}

.sIFR-hasFlash h2 {
visibility: hidden;
font-size: 25px;
}

.post p img {
display: block;
margin: 0 0 20px 0;
}

.post p {
margin: 7px 0 10px 0;
font-size: 1.2em;
color: #adaaaf;
line-height: 160%
}

.post p a {
color: #085845;
text-decoration: none; 
padding: 0px 1px 0px 1px;
}
.post p a:hover {
color: #fff;
background: #085845;
}

.post blockquote {
padding-left: 28px;
background: url(images/quote_tweet.gif) top left no-repeat;
}

ul.posttool {
border-top: 1px solid #1a1a1a;
padding-top: 15px;
}

ul.posttool li {
display: inline;
padding: 0 5px 0 7px;
font-size: 1.2em;
background: url(images/pipe.gif) 0 3px no-repeat;
}

ul.posttool li.first {
padding: 0 5px 0 0;
background: none
}

ul.posttool li a {
color: #085845;
text-decoration: none; 
}

ul.posttool li a:hover {
background: #085845;
color:#fff;
}

/* COMMENTS */

#comments-wrapper {
width: 674px;
float: left;
margin: 0px 0px 0px 0px;
}

#comments-wrapper h3 {
font-size: 1.6em;
color: #fff;
margin: 20px 0 10px 0;
}

.sIFR-hasFlash #comments-wrapper h3 {
visibility: hidden;
font-size: 20px
}


ol#commentlist li {
display: block;
width: 674px;
float: left;
background: url(images/bg_post.gif) 0px 0px repeat-y;
margin-bottom: 10px;
}

ol#commentlist li p.comment-meta {
width: 139px;
float: left;
padding: 20px 20px 10px 20px;
background: #000;
font-size: 1.1em;
line-height: 140%
}

ol#commentlist li p.comment-meta small {
font-size: 10px;
display: block;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #1A1A1A;
}

ol#commentlist li p.comment-meta img {
float: left;
margin-right: 5px
}

ol#commentlist li p.comment-meta cite {
display: block;
width: 100px;
float: left;
color:fff;
font-style: normal;
}

ol#commentlist li a {
color: #085845;
text-decoration: none;
padding: 0px 1px 0px 1px; 
}

ol#commentlist li a:hover {
background: #085845;
color:#fff;
padding: 0px 1px 0px 1px;
}

ol#commentlist li div.comment-text {
width: 441px;
float: left;
padding: 20px;
margin-left: 10px;
}

ol#commentlist li div.comment-text p {
color: #adaaaf;
line-height: 140%;
font-size: 1.2em;
}

ol#commentlist li span.comment-edit a {
color: #cb0077;
}
ol#commentlist li span.comment-edit a:hover {
background: #cb0077;
color: #fff;
}


#respond {
width: 634px;
float: left;
margin: 0px 0px 0px 0px;
background: #000;
padding: 20px;
}

#respond p a {
color: #085845;
text-decoration: none; 
}

#respond form p label {
display: block;
float: left;
width: 159px;
height: 24px;
font-size: 1.1em;
color: #adaaaf;
margin: 0px 30px 10px 0px;
}


#respond p.loggedinas {
font-size: 1.1em;
}

#resp

#respond form p label b {
font-size: 1.2em;
color: #CB0077;
}

#respond p input {
width: 220px;
height: 17px;
float: left !important;
border: 1px solid #38353d;
background: #000;
color:#8e8d8e;
padding: 2px 1px 1px 1px;
margin: 0;
}

#respond p input:focus {
background: #061013;
}

#respond p textarea#comment {
font-family: Arial, sans-serif;
font-size: 1.2em;
width: 437px;
height: 100px;
float: left;
border: 1px solid #38353d;
background: #000;
color:#8e8d8e;
padding: 3px;
margin: 0;
}
#respond p textarea#comment:focus {
background: #061013;
}

#respond p input#submit {
width: 220px;
height: 22px;
background: #085845;
color: #000;
margin: 7px 0 0 0;
padding: 0;
font-size: 1.0em;
border: none;
}

/* vor zur&uuml;ck */

.navigation {
display: block;
background: #000;
margin: 7px 0px 0px 0px;
padding: 20px;
font-size: 1.1em;
font-weight: bold;
}

.navigation .alignleft {
float: left
}

.navigation .alignright {
float: right
}

.navigation a {
color: #cb0077;
text-decoration: none; 
}
.navigation a:hover {
background: #cb0077;
color:#fff;
padding: 0px 1px 0px 1px;
}


/* SIDEBAR */

#sidebar {
width: 219px;
margin: 7px 0 0 10px;
float: left;
}

.lowersidebar #sidebar {
margin: 40px 0 0 10px;
}

.sideblock {
width: 219px;
margin: 0px 0 0 0px;
}

.sideblock-body  {
width: 179px;
padding: 20px;
background: #000;
margin: 2px 0px 2px 0px;
font-size: 1.1em
}

.sideblock h3 {
width: 100%;
height: 26px;
margin: 0px 0px 0px 0px;
background-color: #000;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 1px;
text-indent: -9999px;
}
.sideblock h3.top { background-image: url(images/bg_h3_top5.gif); }
.sideblock h3.twitter { background-image: url(images/bg_h3_twitter.gif); }
.sideblock h3.flickr { background-image: url(images/bg_h3_flickr.gif); }
.sideblock h3.blogroll { background-image: url(images/bg_h3_roll.gif); }

.sideblock p a {
color: #cb0077;
text-decoration: none; 
}
.sideblock p a:hover {
color: #fff;
background: #cb0077;
}



/* suche */

h2.noresults {
position: relative;
top: 30px;
line-height: 150%;
font-size: 20px
}

.suche {
width: 179px;
padding: 20px;
background: #000;
margin-bottom: 10px
}

.suche input {
width: 117px;
height: 17px;
float: left !important;
border: 1px solid #38353d;
background: #000;
color:#8e8d8e;
font-size: 1.1em;
font-weight: bold;
padding: 2px 1px 1px 1px;
margin: 0;
}

.suche input.submit {
width: 50px;
height: 22px;
background: #085845;
color: #000;
margin: 0 0 0 5px;
padding: 0;
font-size: 1.0em;
border: none;
}

.suche input:focus {
background: #061013;
}

.hidden {
display: none !important;
}

/* Artikel */

.linklist ul li {
margin-bottom: 8px; 
}

.linklist ul li a {
color: #085845;
text-decoration: none; 
}

.linklist ul li a:hover {
background: #085845;
color:#fff;
padding: 0px 1px 0px 1px;
}

/* Twitter Box */

.tweet { 
width: 179px;
margin: 2px 0px 2px 0px;
padding: 20px 20px 20px 20px;
background: url(images/tweet.gif) bottom right no-repeat #000;
}

p#twitters {
font-size: 1.1em;
line-height: 140%;
width: 150px;
padding: 0px;
color: #adaaaf;
padding-right: 20px;
}

p#twitters b {
display: block;
float: left;
height: 20px; width: 30px;
background: url(images/quote_tweet.gif) top left no-repeat;
}

p.link-bottom-twitter {
position: relative;
top: 10px;
font-weight: bold;
font-size: 1.1em;
}

p#twitters span.tweetloader {
display: block;
margin: 15px 0;
text-align: center;
font-style: italic;
font-weight: bold;
}

p#twitters span.tweetloader img {
position: relative;
margin-left: 5px;
top: 4px;
}

/* Flickr Box */

.flickr-body img {
margin: 0px 10px 10px 0px;
border: 1px solid #d5d2d7;
}


p.link-bottom-flickr {
font-weight: bold;
width: 180px;
background: url(images/flickr_bg.gif) right center no-repeat;
padding: 2px 0 2px 0;
}

/* Friends Box */

.blogroll ul li h2 {
display: none;
}

.blogroll ul li {
display: inline;
}

.blogroll ul li li {
display: block;
margin: 0px 0px 8px 0px;
}

.blogroll ul li li a {
color: #cb0077;
text-decoration: none; 
}

.blogroll ul li li a:hover {
background: #cb0077;
color:#fff;
padding: 0px 1px 0px 1px;
}

/* Formulare */

input[type="hidden"] {
float: none;
display: none;
}

.formular fieldset {
border-bottom: 0;
margin-bottom: 0;
padding: 10px 0 0 0;
}


/* copyright */

p.copy {
margin-top: 20px;
margin-left: 20px;
color: #adaaaf;
}
p.copy a {
color: #adaaaf;
}