/*
Theme Name:Notes and Tones (Custom)
Theme URI:http://wordpress.org/
Description:A custom WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version:0.1
Author:Michael Schwarz
Author URI:http://www.notesandtones.de
Tags:custom header,fixed width,two columns,widgets
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  style.css - version 2009-12-15 (msc) */


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,
b,u,i,center,dl,dt,dd,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;outline:0;
font-size:16px;font-family: Helvetica,Arial,Sans-Serif;
vertical-align:baseline;
background:transparent;}
body{line-height:160%; background:#fff url(images/bg_nat.gif) repeat-x; color:#000;}
ol,ul{font-size:16px;margin: 5px 0 5px 20px;}

table{border-collapse:collapse;border-spacing:0;font-size:16px;}
caption,th,td{text-align:left;vertical-align:top;font-weight:normal;}

img { display:block; border:0; }
strong{font-weight:bold}
.floatRight{float:right}
.floatLeft{float:left}
.clearBoth{clear:both}
.alignRight{text-align:right}
.displayBlock{display:block}
.caf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.hide, .screen-reader-text {position:absolute;left:-10000px;top:-10000px;width:10px;height:10px;overflow:hidden}

div.fakeHR{width:100%;height:1px;background-color:#000}
div.fakeHR hr{display:none}
.upperCase{text-transform:uppercase}


a, a:link, a:visited {color: #526bb6; text-decoration: none; font-size: inherit;}
a:focus, a:hover, a:active {color: #dd7b27; text-decoration: none; }



p {margin: 0 0 5px 0;}



#page{
	width:980px; margin:0 auto;
}

#header{ width: 980px; height: 200px;position: relative; margin: 0 0 30px 0;}
#header img{ position: absolute; top: 18px; left: 0; border: 1px solid #999;}
#header div{ position: absolute; top: 8px; left: 200px;}
#header div h1 a { color: #fff; font-size: 56px; line-height: 72px; text-decoration: none;}
#header div p { color: #efefef; font-size: 22px; text-decoration: none;}
#feedburner {position: absolute; right: 0; top: 0; width: 32px; height: 32px;}
#iTunes {position: absolute; left:200px; top: 135px; width: 61px; height: 15px;}


#content{ width: 660px;float:left; padding: 10px 30px 10px 0;}

#content div.interview-meta { background: #efefef; padding: 10px 20px;margin-bottom: 20px;}
#content div.interview-meta p,
#content div.interview-meta ul,
#content div.interview-meta ul li,
#content div.interview-meta ul li a { font-size: 14px;}

p.postdate,
p.postmetadata {text-align: right; font-size: 11px; color: #526bb6;padding: 5px 0;}
p.postmetadata {  margin: 0 0 60px 0; border-top: none; }


#content h2 {font-size: 28px; font-weight: bold; text-transform: uppercase;color: #526bb6; padding: 0 0 5px 0; border-bottom: 1px dotted #526bb6;}


#content div.entry {background: #fff; padding: 5px 0 15px 0;}
#content div.staticpage {margin-top: 40px;}

#content ol.commentlist {margin:0;}
#content ol.commentlist li {margin: 20px 0;}

#content ol.commentlist li cite {font-weight: bold; color: #000; font-style: normal;}
#content ol.commentlist li cite a {text-decoration: underline;;}



#sidebar{ width: 260px;float:right; padding: 10px 0 10px 10px; border: 1px dotted #526bb6;}
#sidebar h2 {color: #dd7b27; text-decoration: none; }

#sidebar ul {list-style-type: none; margin: 0;}
#sidebar ul li{ margin: 0 0 20px 0; /* border-top: 1px dotted #dd7b27; */ padding-top: 5px;}
#sidebar ul li ul li{ margin: 0;border-top: 0;padding-top: 0;}

#commentform {background: #fff; margin-top: 40px;}

#content img {float: left; margin: 0 10px 5px 0; }


#footer{padding: 5px 0; border-top: 1px dotted #526bb6;}
#footer p {color: #526bb6;font-size: 11px;}