/*
Theme Name: Director's Cut
Description: Art Directed Blogging
Version: 1.0
Author: Christian F. Kaufhold
Author URI: http://cfknet.de

*/

@import url(css/reset.css) all;
@import url(css/960.css) all;

/* Begin Typography & Colors */

body {
	font-family: "DroidSans", Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
/*	background-color: #36393d;*/
	background-color: #fff;
	color: #000;
}



@font-face {
  font-family: 'Myriad Black';
    src: url("font/MyriadPro-Black.otf");         
}

@font-face {
  font-family: 'DroidSerif';
    src: url("font/DroidSerif-Regular.ttf");         
}

@font-face {
  font-family: 'DroidSerifItalic';
    src: url("font/DroidSerif-Italic.ttf");         
}

@font-face {
  font-family: 'DroidSerifBold';
    src: url("font/DroidSerif-Bold.ttf");         
}

@font-face {
	font-family: 'DroidSansMono';
	src: url("font/DroidSans-Mono.ttf");         
}

@font-face {
	font-family: 'DroidSans';
	src: url("font/DroidSans.ttf");         
}

@font-face {
	font-family: 'DroidSansBold';
	src: url("font/DroidSans-Bold.ttf");         
}

a{
	color: #869ead;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#header-content{
/*	display: inline-block;*/
}

.post, #sidebar, #footer-content{
	width: 960px;
	margin: 0 auto;
	
}

.post .img-shadow{
	margin: 12px;
	-moz-box-shadow: 1px 1px 28px #000;
	-moz-border-radius-bottomright: 2px;
	-webkit-box-shadow: 1px 1px 28px #000;
	-webkit-border-bottom-right-radius: 2px;
	box-shadow: 1px 1px 28px #000;
	border-radius-bottomright: 2px;
}

#header{
/*	background-image: url(images/bgtransparent50.png);*/
	background-color: #36393d;
	color: #fff;
	height: 40px;
	padding: 0;
/*	padding: 20px 0 20px 0;*/
}

#header h1{
	font-family: "Myriad Black", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	
}

#footer{
	background-color: #36393d;
/*	background-color: #1b1b1b;
	color: #fff;*/
	color: #ccc;
	min-height: 110px;
	padding: 20px 0 20px 40px;
	font-size: 12px;
}

#footer ul li{
	height: 25px;
	
}

#footer ul li a{
	height: 25px;
}

#footer ul li a:hover{
	background-color: #dcdcdc; 
	height: 25px;
}


/* Default */
#content{
/*	background-color: #f9f7ed;*/
	padding-bottom: 40px;
}

#logo{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 8px;
}

#topmenu{
	text-transform: lowercase;
	text-align: right;
	display: inline-block;
/*	float: left;
	width: 720px;*/
}

#topmenu ul{
	list-style-type: none;
}

#topmenu ul li{
/*	padding-right: 20px;*/
	display: inline-block;
}


#interim{
	background-color: #1b1b1b;
	color: #fff;
/*	background-color: #ededed;*/
	border-top: 1px solid #36393d;
}

#sidebar{
	font-size: 0.9em;
}

#sidebar h2{
	text-transform: uppercase;
	font-size: 16px;
}

#sidebar .widget{
	border-bottom: 1px solid #36393d;
	padding: 10px 26px 10px 26px;
}

#comments, #respond{
	background-color: #fbfbfb;
	border-top: 1px solid #eee;
	padding: 20px 0 20px 40px;
}

#comments-content h3{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#comments-content, #respond-content{
	padding: 40px 0 20px 0;
	width: 480px;
	margin: 0 auto;
}

#respond input{
	width: 150px;
}

ul.commentlist li{
}
ul.commentlist ul{
	margin-left: 20px;
}

.comment-author{
	padding: 12px;
}
.comment-author img{
	vertical-align: middle;
}
.comment-text {
	background-color: #fff;
	border: 4px solid #eee;
	-moz-box-shadow: 1px 1px 6px #888;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-box-shadow: 1px 1px 6px #888;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	box-shadow: 1px 1px 14px #888;
	border-radius-topleft: 10px;
	border-radius-bottomright: 10px;
	padding: 12px;
	margin-top: 4px;
}

.reply {
	font-size: 0.8em;
}

textarea#comment{
	width: 100%;
}

.column{
	float: left;
	width: 318px;
	min-height: 400px;
	padding-top: 40px;
}
/*.column.middle{
	border-right: 1px solid #36393d;
	border-left: 1px solid #36393d;
}
*/
.column.right{
/*	border-left: 1px solid #36393d;*/
}


.post-container{
/*	margin-top: 20px;*/

}

.post-meta {
/*	background-color: #1b1b1b;*/
	padding-top: 4px;
	text-align: right;
	color: #fff;
/*	height: 40px;
	padding: 0 0 0 40px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;*/
	font-size: 0.9em;
/*	margin: 0 auto;*/
}
.post-meta.foot {
	text-align: center;
	background-color: #36393d;
	color: #fff;
	border-bottom: 4px solid double #dcdcdc;
	height: 42px;
}

.post-date, .post-comments, .post-cats, .post-nav, .post-social, .post-title, .post-tags, .post-archiv{
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
/*	float: left;
	padding: 4px 8px 2px 8px;
	margin: 0 2px 0 2px;
/*	border-right: 1px solid #000;*/
/*	height: 36px;*/
	line-height: 14px;
	text-align: left;
/*	background-image: url('images/divider.jpg');
	background-repeat: no-repeat;
	background-position: right;*/
/*	width: 160px;*/
}

.post-date img, .post-comments img, .post-cats img, .post-nav img, .post-social img, .post-title img{
	vertical-align: text-bottom;
}
.post-meta.foot{
	background-color: #1b1b1b;
	padding-top: 4px;
}
.post-meta.head .post-date, .post-meta.head .post-comments, .post-meta.head .post-cats, .post-meta.head .post-social, .post-meta.head .post-nav, .post-meta.head .post-title{
/*	background-color: #1b1b1b;
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;*/
}

.post-date{
}

.post-date span, .post-comments span, .post-cats span, .post-nav span, .post-title span, .post-tags span, .post-archiv span{
	color: #aaa;
	font-size: 0.9em;
}

.post-comments{
}

.post-title{
}
.post-cats{
}
.post-tags{
}

.post-social{
/*	width: 192px;
	text-align: center;
	padding-top: 6px;
        padding-bottom: 0;*/
}
.post-social iframe{
	padding-top: 4px;
}



.post-nav{
	width: 52px;
/*	font-size: 4em;
        padding-bottom: 0;*/
}

.post{
	font-family: "DroidSerif", Georgia, serif;
	padding: 20px;
	min-height: 200px;
	padding-bottom: 40px;
}

.archive-post{
	font-family: "DroidSerif", Georgia, serif;
	border-bottom: 1px solid #ccc;
}

.archive-post h1{
	font-family: "DroidSerif", Georgia, serif;
	text-transform: uppercase;
}


.post ul{
	list-style-type: square;
}

.post ol{
	list-style-type: decimal;
}

.post ul, .post ol{
	padding-left: 20px;
}

.post h1, .post h2{
  font-family: "Myriad Black", Trebuchet MS, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  text-transform: uppercase;
  line-height: 36px;
/*  color: rgb(142,11,0);

	font-family: "Myriad Black", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bold;
	line-height: 42px;
	text-transform: uppercase;*/
}

.post h1{
  font-size: 32px;
  padding-bottom: 20px;
}

.archive h1{
  font-family: "Myriad Black", Trebuchet MS, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  padding-bottom: 20px;
}

.post h2{
  font-size: 22px;
  padding: 10px 6px 6px 6px;
}

.post .excerpt {
  font-family: "DroidSerifBold", Georgia;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  letter-spacing: 0.1em;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #dcdcdc;
}

.post .entry {
  font-family: "DroidSerif", Trebuchet MS;
/*
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  column-count: 2;
  column-gap: 1em;
*/
  line-height: 1.7em;

  padding-top: 10px;
/*	column-count: 2;
	-moz-column-count: 2;*/
}
.post .entry p{
	padding: 10px 6px 10px 6px;
}
/*
.post .entry p:first-child{
  font-family: "DroidSerif", Georgia;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  letter-spacing: 0.1em;
}
.post .entry p:first-child:first-line{
  font-weight: bold;
}
*/

#twitter-tools ul li{
	font-size: 12px;
	line-height: 14px;
	padding: 12px;
	margin: 6px 0 6px 0;
	border: 4px solid #fff;
	background-color: #98e5e9;
	-moz-box-shadow: 1px 1px 6px #000;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-box-shadow: 1px 1px 6px #000;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	box-shadow: 1px 1px 14px #000;
	border-radius-topleft: 10px;
	border-radius-bottomright: 10px;
	color: #000;
	
}

#twitter-tools ul li a{
	color: #fff;
}

#twitter-tools ul li a.aktt_tweet_time{
	display: block;
	padding-top: 4px;
}


.column-2{
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  column-count: 2;
  column-gap: 1em;
}

.alignright{
	text-align: right;
}

input, textarea{
	border: none;
	margin: 4px 0 4px 0;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-radius-topleft: 4px;
	border-radius-bottomright: 4px;
	border-radius-topright: 4px;
	border-radius-bottomleft: 4px;
}
textarea.mailtext{
	width: 100%;
	height: 100px;
}

#searchsubmit, input.button{
 background-color: #2b4c6b;
 background: -moz-linear-gradient(top,
  #6b8298 0,
  #6b8298 50%,
  #2b4c6b 50%,
  #2b4c6b 100%);
 background: -webkit-gradient(linear,
  left top, left bottom,
  color-stop(0, #6b8298),
  color-stop(0.5, #6b8298),
  color-stop(0.5, #2b4c6b),
  color-stop(1, #2b4c6b));
 padding: 1px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border: 1px solid #2b4c6b;
 color: #fff;
 padding: 7px 10px;
 margin: 0;
}

.post p.no-column{
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}

.panel{
	padding: 12px;
}
.panel, .widget{
	margin: 8px;	
	background-color: #36393d;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius-topleft: 10px;
	border-radius-bottomright: 10px;
	border-radius-topright: 10px;
	border-radius-bottomleft: 10px;
}