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

/*@import url('css/grid.css');
@import url('css/type.css');*/

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

/* globals & links */
body {background:#f8f8f8; font:16px/24px Helvetica,Arial,sans-serif; color:#555; }
.ts {text-shadow: 0px 1px 0px #fff, 0px -1px 0px #555;}

/* Links & colors */
a:active, a:link, a:visited {color:#444; text-decoration:none;}
a:hover {color:#111;}
.aname a, #post p a {border-bottom:1px dashed #ddd;}
a img {margin:0 25px 25px; border:3px solid #ccc;}
a img:hover {border:3px solid #888;}
.nodeco, .nodeco img, .nodeco:hover, .nodeco:active, .nodeco:link {border:none; outline:0; text-decoration:none; margin-bottom:0px;}
.lgrey {color:#a8a8a8;} /* light grey*/
.lgrey a {color:#888;}
.lgrey a:hover {color:#666;}

/* global content specific styles */
a.bc {text-transform:lowercase; font-size:12px; letter-spacing:-0.5px; color:#a8a8a8;}
a:hover.bc {color:#000;}
h1, h1 a {color:#000;}
.chead {font-size:11px; color:#a8a8a8;}
#post h1 {margin:0 0 50px 0;}
#postcontent h2 {margin:0 0 10px 0; font-size:30px; padding:10px 0 0 0;}
#postcontent ul {padding-left:15px; font-style:italic;}
ol {padding-left:10px; color:#888; font-style:italic;}
ol p {margin:0px; color:#555; font-style:normal;}


/* Category & 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; padding:0; bottom:0; left:0; background:none;}
.imgcnt {width:304px; height:150px;}
.det_img {width:304px; height:150px; padding:0px; margin:0px;}
.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;}

/* header styles */
.headwrapper {width:100%; background:#f8f8f8; border-bottom:2px solid #babdbf; height:150px; position:fixed; z-index:5; padding:5px 0 0 0;}
#header {width:1017px; margin:0 auto;}
a.homelink, #header #search_form #search {font-size:14px; font-weight:bold; color:#b7b7b7; margin:0 0 0 2px; padding:2px; letter-spacing:-1px;}
#header #search_form #search {background:#e1e1e1; width:125px;}
#header #search_form #search:hover {color:#000;}
a.homelink:hover {color:#000;}

.navi *{font-size:30px; font-weight:bold; letter-spacing:-3px;}
.cat-item {list-style-type:none; position:relative; display:inline;}
.cat-item ul li {font-size:14px; font-weight:normal; letter-spacing:0px;}
.children {position:absolute; width:600px; top:35px;}
.children .cat-item {float:left;}
.children .cat-item a {color:#d4d4d4;}
.children .current-cat a {color:#000;}
sndnav {float:right; margin-top:2px;}
.sndnav li {list-style-type:none; display:inline-block;}

/* 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;}
#catlist li.cat-item li:before {content: "/ ";}
#catlist li.cat-item {float:left; display:inline; font-size:12px; margin:0 19px 0 7px;}
#catlist li.cat-item li {float:none; display:block; margin-left:0px;}
#catlist li.cat-item li a {font-size:16px; letter-spacing:0px;}
#catlist ul.children{margin-bottom:25px;}

#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/28px Georgia, serif; margin:20px 20px 5px 20px; word-wrap: break-word;}
#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 stuff */
#comments-title {color:#000; margin:0 0 50px 0;}
.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 {font:16px/22px Georgia, serif; 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-bottom:1px solid #ccc; padding:0 0 10px 0; margin:25px 0 75px 0;}
.wp-pagenavi {text-decoration:none;}
ul#postfilter {border-bottom:1px solid #ccc;}
ul#postfilter {margin:0px 15px 25px 15px; padding:7px 0px;font:italic 16px/18px Georgia, serif;}
.wp-pagenavi *, #postnav {font:italic 18px/22px Georgia, serif;}
ul#postfilter li {display: inline;}
ul#postfilter a, .wp-pagenavi *, #postnav a {margin-right:5px; padding:2px 5px; background: #ddd; text-decoration: none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.wp-pagenavi .pages {background:none;}
ul#postfilter a:hover, ul#portfolio-filter a.current, .wp-pagenavi a:hover {background:#ccc;}
ul#postfilter a.current, .wp-pagenavi .current {background:#888; color:#fff;}


/* Type */
h1 {font-size:60px; letter-spacing:-4px;}
h2 {font:bold 20px/26px Helvetica,Arial,sans-serif; letter-spacing:-1.2px; margin:5px 0px;}
h3#comments {font-size:34px; letter-spacing:-1px;}
h3 {font-size:30px; line-height:32px;}
h4 {font-size:20px;}
h5 {font-size:15px;}
h6 {font-size:13px;}

.geo {font-family: Georgia, serif;}
.geo12 {font:12px/18px Georgia, serif; letter-spacing:-0.2px;}
.geo14 {font:14px/18px Georgia, serif; letter-spacing:-0.1px;}
.geo18 {font:18px/28px Georgia, serif;}

abbr, code, kbd, samp, small, var {line-height:15px;}
ul, ol, dl, dialog {margin-bottom:44px;}
legend {position:relative; top:5px;}
input, textarea {font-size:12px;}
p {margin-bottom:2em;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top: 0;}

table {margin: 25px 0;}
th, td {padding: 3px 12px; line-height: 30px;}
th {background: rgba(0, 0, 0, 0.2);}
tr:nth-child(even) {background: rgba(0, 0, 0, 0.1);}

blockquote {font-weight:normal; font-size:100%; padding:0.7em;}
blockquote p:last-child {padding-bottom:0;}
blockquote:before {content:"\201C"; font:italic 400%/1% Georgia,serif; color:#666; padding:0px;margin:0px; position:relative; top:20px; right:30px;}
blockquote:after {content:"\201E"; font:italic 400%/1% Georgia,serif; color:#666; padding:0px;margin:0px; position:relative; top:-20px; left:10px; float:right;}


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

.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;}
.mt50 {margin-top:50px;}
.nm {margin:0px;}
.mr25 {margin-right:25px;}
.ml25 {margin-left:25px;}

.alignright {float:right;}
.alignleft {float:left;}