/*
Theme Name: Whitespace
Theme URI: http://www.ronnypries.de
Version: 0.8
Author: Ronny Pries
Tags: clean, minimal, negative space, whitespace
*/

/* reset */
* {vertical-align:baseline; font-size:100%; padding:0; margin:0; outline:0}

/* globals & links */
body {background:#f6f6f6; font-family: "Open Sans", Helvetica, Arial, Verdana, "Verdana Ref", sans-serif; color:#555; font-weight:400}
.ts {text-shadow: 0px 1px 0px #fff}

/* format-link */
.format-link h3 a {letter-spacing:-1px; color:#888;}
.format-link h3 a:hover {color:#333;}
.format-link span {text-indent:20px; font-style:italic; color:#888;}

/* format-media */
.format-image img {width:100%; max-width:536px;}
.format-image .col7 {width:759px; max-width:759px;}
.format-image .col9 {width:988px; max-width:988px;}

/* Links & colors */
a:active, a:link, a:visited, a {color:#333; text-decoration:none}
a:hover {color:#111}
.cright a img {margin:0 0 50px 0;}

.lgrey {color:#a8a8a8} /* light grey*/
.lgrey a {color:#777}
.lgrey a:hover {color:#555}

/* global content specific styles */
#page {margin:50px 0 0 0;}
a.bc {text-transform:lowercase; font-size:12px; letter-spacing:-0.5px; color:#a8a8a8}
a:hover.bc {color:#000}
h1, h1 a {color:#000;}
#post h1, #page h1 {margin:0 0 50px 0}
#postcontent h2, #page h2, .content h2 {margin:0 0 10px 0; font-size:30px; letter-spacing:-2px; padding:14px 0 0 0}
#postcontent ul {padding-left:15px; font-style:italic}
.cleft, .cright {background-image: url(img/stripes.png); background-position:top left; background-repeat:repeat-x; padding-top:30px;}
.postimg {width:420px; overflow:hidden; border:3px solid #ccc; padding:0; margin-bottom:50px}
#related-posts li {font-style:normal;}
.post {margin:0 0 75px 0;}

.content ul {padding:0 0 0 7px;}
.content ul li {padding:0 0 8px 0;}

ol.playlist {counter-reset:li; margin:0 0 2em 25px;}
ol.playlist li {list-style-type:none; position:relative;}
ol.playlist li:before {content:counter(li); counter-increment:li; position:absolute; left:-25px; color:#aaa;}
ul.playlist li {list-style-type:none; background:url(img/pls-bullet.png) no-repeat scroll; background-position:0 14px; padding:8px 0 0 22px;}
a.freedl:after {content:'\00a0\00a0\00a0\00a0\00a0'; background:url(img/ic_dl.png) no-repeat scroll right center;}
a.discogs:after {content:'\00a0\00a0\00a0\00a0\00a0'; background:url(img/ic_discogs.png) no-repeat scroll right center;}

.content:hover p a {text-decoration:underline}
.content p {text-align:justify;}

.addthis_toolbox {margin-top:15px;}
.addthis_toolbox * {margin:0; padding:0 0 0; box-shadow:0 0 0 #fff; border:0 none !important; border:0 none;}
 {box-shadow:0 none !important; border:0 none !important; text-shadow:0 none !important; border:0 none;} 

/*Blog styles*/
#blogpostlist, #postcontent, #comments {font-size:15px; line-height:22px; text-shadow: 0px 1px 0px #fff}
#blog h2 {font-size:26px; font-weight:normal; line-height:30px; color:#444}
#blog h2 a {color:#888;}
#blog h2 a:hover {color:#000;}
.date {font-size:12px; font-style:italic; line-height:18px; margin:2px 0 0 0;}
#blogpostlist li .col7 {border-bottom:1px solid #ddd}
.more-link {float:right; font-style:italic; margin:1em 0 0 0;}
p a img {margin:0;}

/* Studio & archive view */ 
#studio #postlist li.detail {padding:0px; height:250px}
#studio h2 {margin:14px 0 0 2px}
#studio p {margin:4px 0 0 2px}
#archives #postlist li, #index #postlist li, #category #postlist li {list-style-type:none; height:120px}
#postcontent .audioplayer_container {margin:0 0 1em 0; bottom:0; left:0; background:none}
.imgcnt {width:304px; height:150px}
.det_img {width:304px; height:150px; padding:0px; margin:0px}
.cleft .audioplayer_container {position:relative; bottom:10px; left:0;}
.audioplayer_container {position:relative; bottom:42px; left:5px; background:#fff; height:24px; width:294px; padding:1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#featured img {padding:0px; margin:0px; border:5px solid #ccc;}
.detail p {margin:10px 0px}
.wp-pagenavi {text-align:center; text-decoration:none}


/* header styles */
.headwrapper {width:100%;}
#header {width:1017px; margin:0 auto; height:50px; background:#f6f6f6; padding-top:5px;}
a.homelink, #header #search_form #search {font-size:14px; color:#aaa; margin:0px; font-weight:400}
#header #search_form #search {background:#e1e1e1; width:119px}
#header #search_form #search:hover {color:#000}

.nav {letter-spacing:-2px; font-weight:600;}
.cat-item {font-size:30px; list-style-type:none; float:left; margin:0 18px 0 0; display:inline; height:50px;}
.children .cat-item {font-size:24px;}
.nav a {color:#b7b7b7}
.nav a:after {content:'/'}
.current-cat-parent a, .cat-item.current-cat .children a {color:#b7b7b7}
.nav a:active, .cat-item.current-cat a {color:#000}
.nav a:hover, .current-cat .children a:hover, .sndnav a:hover {color:#666}

.children {position:absolute; left:-9999px}
.cat-item-24:hover .children  {left:0; width:100%; margin:0; padding:0 0 5px 0; background:#f8f8f8; z-index:10}
.cat-item-9:hover .children {left:0; width:100%; margin:0; padding:0 0 5px 100px; background:#f8f8f8; z-index:10}
.cat-item-25:hover .children {left:0; width:100%; margin:0; padding:0 0 5px 179px; background:#f8f8f8; z-index:10}
.cat-item-24.current-cat .children, .cat-item-24.current-cat-parent .children {left:0px; margin:0; padding:0 0 5px 0}
.cat-item-9.current-cat .children, .cat-item-9.current-cat-parent .children {left:100px; margin:0; padding:0 0 5px 0}
.cat-item-25.current-cat .children, .cat-item-25.current-cat-parent .children {left:179px; margin:0; padding:0 0 5px 0}
.sndnav {list-style-type:none; display:inline}
.sndnav li, .sndnav li #search_form {display:inline; margin:0 0 0 8px}
.sndnav li {float:right}

/* footer */
#footer {margin:0 auto; width:1017px}
.footwrap {background:#000 url(img/fgrid.jpg); margin:0 auto; width:100%}
#fleft, #fright {margin-top:35px}
.catlink {font-size:30px; letter-spacing:-1.5px}
#catlist a {color:#fff}
#catlist a:hover {color:#bbb}

#archivebox {padding:0px; background:#353535; width:419px; margin-left:17px; text-align:right}
#archivebox a { background:#5e5e5e; padding:5px 15px 0 15px; line-height:30px}
#footer h3, #search {margin:0 0 10px 0px; letter-spacing:-1.1px; font-size:24px}
.tc_container {margin:0 25px 25px 7px}
#search_form #search { background:#5e5e5e; border:0px; width:85%; padding:5px 10px 5px 10px}
#twitter {background:#224466; color:#ccc}
#twitter .tweet {font:italic 24px/34px open sans, serif; margin:20px 20px 5px 20px; word-wrap: break-word; font-weight:200}
#twitter a {color:#fff}
#twitter .aktt_tweet_time {font-size:12px}
.followme {text-align:right; margin:0 20px 20px 0}
#flickr {background:#fff; margin-top:35px}
#flickr h3 {margin:20px 0 20px 25px; color:#aaa}
#socialnets {font-size:20px; letter-spacing:-1.1px; margin:50px 0}
#socialnets ul {list-style-type:none; margin:0 0 10px 0}
#socialnets ul li {display:inline}
#socialnets a {line-height:32px}
a.facebook {background:#3b5998; color:#fff; padding:3px 5px}
a.lastfm {background:#dc1303; color:#fff; padding:3px 5px}
a.myspace {background:#2153af; color:#fff; padding:3px 5px}
a.twitter {color:#6dd9f6; background:#fff; padding:3px 5px}
a.flick {background:#fff; color:#0063dc; padding:3px 0px 3px 4px}
a.r {background:#fff; color:#ff0084; padding:3px 4px 3px 0}
a.you {background:#fff; color:#000; padding:3px 0px 3px 4px}
a.tube {background:#fe3232; color:#fff; padding:3px 4px 3px 0}
a.soundcloud {background:#fff; color:#f73e0f; padding:3px 5px}

/* Comment Form */
#commentform {padding:0px; margin:0; width:100%}
#commentform table {width:100%; margin-bottom:35px}
#commentform td {width:33.33%; padding:0; border:0}
#commentform td p {margin:25px 0 2px 0}
#commentform td p span {color:#aaa9a9; font-style:italic; font-size:12px}
#commentform textarea {width:93.8%; padding:5px 7px; margin:0}
#comment {width:650px; margin-bottom:15px; padding:5px; }
.commentform-author {border:1px solid #d9d9d9; padding:5px}
.commentform-email {border:1px solid #d9d9d9; padding:5px}
.commentform-url {border:1px solid #d9d9d9; padding:5px}
#author, #email, #url {width:210px; margin:0; padding:4px; color:#333}
#comment, #author, #email, #url {border:none; border-bottom:2px solid #aaa; background:#ddd; font-size:15px;}
#comment:hover, #author:hover, #email:hover, #url:hover {background:#eee}
#submit {float:left; border:none; background: #333; color:#eee; font-weight:600; cursor:pointer; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:50px; font-size:16px}
#submit:hover {background: #000; color:#fff}
p#cancel-comment-reply {float:right; line-height:28px; margin:0}


/* comment stuff */
#comments-title {color:#000; margin:5px 0 0 0px}
.depth-1 {border-top:1px solid #aaa; margin:0 0 15px 0;}
.depth-1 .vcard {border-top:1px solid #aaa}
.depth-2, .depth-3, .depth-4 {border-top:1px solid #ddd}
.depth-2 .vcard, .depth-3 .vcard, .depth-4 .vcard {border-top:1px solid #ddd}
.commentlist {list-style-type:none; padding:0; color:#000}
.comment-author  {border-top:1px solid #aaa}
.comment-body {padding:14px 0 0 0}
.comment-body p {padding:0 0 22px 0}
.vcard {padding:13px 0}
.avatar {margin:0 0 0 13px; padding:1px; border:1px solid #ccc}
.commentmeta a {font-size:11px; color:#888}

/* Content filter, Pagination*/
#postnav {border-top:1px dashed #ccc; padding:10px 0 0 0; margin:0 0 75px 0}
#postnav .alignleft, #postnav .alignright {margin:0}

ul#postfilter {border-bottom:1px solid #ccc; color:#888; margin:0px 15px 25px 0; padding:7px 0px}
ul#postfilter, .wp-pagenavi *, #postnav {letter-spacing:-0.5px; text-shadow:0 1px 0 #eee}
ul#postfilter li {display:inline}
ul#postfilter a, .wp-pagenavi a, .wp-pagenavi .current, #postnav a, .more-link {margin-right:5px; padding:4px 8px; background:#ddd; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#888}
.wp-pagenavi .pages {background:none; margin:0 10px;}
.wp-pagenavi .extend {margin:0 7px 0 0;}
ul#postfilter a:hover, ul#portfolio-filter a:hover, .wp-pagenavi a:hover, #postnav a:hover {background:#ccc; text-shadow:0 1px 0 #ddd; color:#666}
ul#postfilter a.current, .wp-pagenavi .current {background:#888; color:#fff; text-shadow:0 1px 0 #555}


/* Type */
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:36px; line-height:42px; letter-spacing:-2px}
h2 {font-size:22px; letter-spacing:-1px; margin:0 0 1em 0}
h3#comments-title {font-size: 34px; letter-spacing:-1px}
h3 {font-size:30px; line-height:34px; margin:0 0 1em 0}
h4 {font-size:20px; margin:0 0 1em 0}
h5 {font-size:15px}
h6 {font-size:13px}

abbr, code, kbd, samp, small, var {line-height:15px}
ul, ol, dl, dialog {margin-bottom:44px}
li {list-style-type:circle;}
legend {position:relative; top:5px}
p {margin-bottom:1.5em}
h1:first-child, h2:first-child, h3:first-child, h4:first-child {margin-top:0}

blockquote p {font:italic 1em/1.4em "Open Sans", serif; color:#666}
blockquote p:before {content:'\201C'; color:#555}
blockquote p:after {content:'\201E'; color:#555}

/* Grid */
.container {margin:0 auto; width:1017px; padding-top:50px}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9 {display:inline; float:left; position:relative; margin-left:13px; margin-right:12px}

/* column widths */
.col1 {width:88px}
.col2 {width:201px}
.col3 {width:314px}
.col4 {width:427px}
.col5 {width:540px}
.col6 {width:653px}
.col7 {width:766px}
.col8 {width:879px}
.col9 {width:992px}

.first{margin-left:0}
.last {margin-right:0}

/* column prefixes */
.pre1 {padding-left:113px}
.pre2 {padding-left:226px}
.pre3 {padding-left:339px}
.pre4 {padding-left:452px}
.pre5 {padding-left:565px}
.pre6 {padding-left:678px}
.pre7 {padding-left:791px}
.pre8 {padding-left:904px}

/* column suffixes */
.suf1 {padding-right:113px}
.suf2 {padding-right:226px}
.suf3 {padding-right:339px}
.suf4 {padding-right:452px}
.suf5 {padding-right:565px}
.suf6 {padding-right:678px}
.suf7 {padding-right:791px}
.suf8 {padding-right:904px}

/* pushspace */
.push1 {left:113px}
.push2 {left:226px}
.push3 {left:339px}
.push4 {left:452px}
.push5 {left:565px}
.push6 {left:678px}
.push7 {left:791px}
.push8 {left:904px}

/* pullspace */
.pull1 {margin-left:-113px}
.pull2 {margin-left:-226px}
.pull3 {margin-left:-339px}
.pull4 {margin-left:-452px}
.pull5 {margin-left:-565px}
.pull6 {margin-left:-678px}
.pull7 {margin-left:-791px}
.pull8 {margin-left:-904px}

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

/* Margins */
.mb7 {margin-bottom:7px}
.mb25 {margin-bottom:25px}
.mb50 {margin-bottom:50px}
.mt25 {margin-top:25px}
.mt40 {margin-top:46px}
.mt50 {margin-top:50px}
.nm {margin:0px}

.mr25 {margin-right:25px}
.ml25 {margin-left:25px}

.alignright {float:right; margin:0 0 50px 25px}
.alignleft {float:left; margin:0 25px 50px 0}