@charset "utf-8";
/* CSS Document */

/**
 * Description: Purpose of the stylesheet follows.
 * Version: 0.1
 * Author: chris
 * Author URI: http://www.webguerillas.de/
 *
 * Document: base.css
 * Created on : 24.02.2010, 16:16:13
 */



.edit-meta {
	display: none;
}



/*********** ALLGEMEIN *******************************************************/


body {
	color: #1a3f49;
	line-height: 1.4em;
}

/**
 * LAYOUT
 */

#site {
	margin: auto;
	width: 960px;

	padding: 0;
}

#content-wrapper {
	width: 660px;

	float: left;

	margin-bottom: 100px;
}

.post {
	position: relative;
	padding: 10px 0 60px 0;
}

.post,
.tags {
	position: relative;
	padding-left: 140px;
}


.post.single,
.post.first {
	padding-top: 0 !important;
	border: 0 !important;
}

.post.single,
.post.first .published {
	top: 0 !important;
}

.page {
	position: relative;
	padding: 10px 0 24px 0;
}

.post .published {
	display: block;
	width: 100px;

	position: absolute;
	top: 10px;
	left: 0;
}



/**
 * TEXT STYLES
 */

p, li, dl, dt, blockquote {
	font-size: 1.2em;
	line-height: 1.6em;
}

li li, blockquote p, li p, dl dt {
	font-size: 100%;
	/* line-height: 100%; */
}

li {
	
}

code {
	font: 1em 'Courier New', Courier, Fixed;
}


acronym, abbr, span.caps {

}

blockquote {
	margin: 15px 30px 15px 0;
	padding-left: 20px;
	border-left: 5px solid #edefef;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

hr { display: none; }

a img {
	border: none;
}


a {
	color: #00b9d7;
	text-decoration: none;
}

a:hover {
	color: #00b9d7;
	text-decoration: underline;
}



/**
 * TITLES
 */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	font-weight: bold;
	color: #cbd7d8;

	text-transform: uppercase;

	display: block;
}


h1 {
	letter-spacing: -1px;
}



h1, h2, h3, h4 {
	font-size: 3.6em;

	margin: 0 0 40px;
	padding-left: 0;

	border-bottom: 0 solid #DEE0E3;
}

h2 {
	font-size: 2.4em;

	margin: 0 0 20px;
}

h3 {
	font-size: 1.6em;

	margin: 0 0 20px;
}

h4 {
	font-size: 1.2em;

	margin: 0 0 20px;
}



.post h2, .page h2 {
	width: 90%;
	font-size: 2.8em;
	font-weight: 100;
	color: #91ca00;
	line-height: 1.15em;
	letter-spacing: -0.01em;

	text-transform: none;

	margin: 0 0 6px;

	border: 0;
}

.post h2 a,
.page h2 a {
	color: #91ca00;
	text-decoration: none;
}

.post h2 a:hover,
.page h2 a:hover {
	color: #91ca00;
	text-decoration: underline;
}

.page h2 {
	padding-left: 0;
	margin-bottom: 20px;
}

.accordion .post h2 {
	font-size: 2.1em;
	width: 80%;
}





/*********** POST *******************************************************/

body.category .entry-subtitle, body.tag .entry-subtitle, body.archive .entry-subtitle {
	margin: 0;
}


/**
 * Entry
 */

.post {
	border-top: #dee0e3 1px solid;
}

.entry-overtitle,
.tags p {
	font-size: 1.2em;
	font-weight: bold;
	color: #cbd7d8;
	text-transform: uppercase;

	margin: 0 0 3px;
}

.entry-overtitle a,
.tags p a {
	color: #cbd7d8;
}

.entry-overtitle a:hover,
.tags p a:hover {
	color: #00b9d7;
	text-decoration: underline;
}

.entry-subtitle,
.comment-meta,
.twitter ul li .entry-meta {
	font-size: 10px;
	font-weight: 600;
	font-style: normal !important;

	display: inline-block;
	text-transform: uppercase;

	line-height: 12px;

	margin: 0 0 20px 0;
}

.entry-subtitle .author {
	font-style: normal !important;
}

.excerpt-list .entry-subtitle {
	margin: 0 !important;
}

.entry-overtitle, .entry-subtitle {
	display: inline-block;
}


.published {
	color: #cbd7d8;
	line-height: 45px;
}

.published .day {
	font-size: 62px;
	display: block;

	position: relative; /* fix for IE6 (disappearing background images) */
	top: -2px;

	letter-spacing: -2px;
}

.published .digit {
	display: block;
	width: 32px;
	height: 47px;

	background-image: url(../images/din_digits_0-9.gif);
	background-repeat: no-repeat;

	float: left;

	text-indent: -999em;
}

.published.small .digit {
	width: 25px;
	height: 35px;
}

.published .digit-1 { background-position: left -47px; width: 30px; }
.published .digit-2 { background-position: left -94px; }
.published .digit-3 { background-position: left -141px; }
.published .digit-4 { background-position: left -188px; }
.published .digit-5 { background-position: left -235px; }
.published .digit-6 { background-position: left -282px; }
.published .digit-7 { background-position: left -329px; }
.published .digit-8 { background-position: left -376px; }
.published .digit-9 { background-position: left -423px; }

.published.small .digit-0 { background-position: right -10px; }
.published.small .digit-1 { background-position: right -57px; width: 24px; }
.published.small .digit-2 { background-position: right -104px; }
.published.small .digit-3 { background-position: right -151px; }
.published.small .digit-4 { background-position: right -198px; }
.published.small .digit-5 { background-position: right -245px; }
.published.small .digit-6 { background-position: right -292px; }
.published.small .digit-7 { background-position: right -339px; }
.published.small .digit-8 { background-position: right -386px; }
.published.small .digit-9 { background-position: right -433px; }

.published .month-published {
	width: 40px;
	display: inline-block;
	line-height: 1.2em;

	position: absolute;
	top: 0;
	left: 68px;
}

.published.small .month-published {
	left: 52px;
}


.published .month,
.published .year {
	font-size: 12px;
}


.post .entry-content p,
.page .entry-content p {
	text-align: justify;
	margin: 0 0 16px 0;
}

.post .entry-content .seperator {
	display: none;
}




.post ul, .post ol {  /*nested list!*/
	margin:  5px 0 0 0;
	padding: 5px;
}


.post ul.list {
	padding: 5px 0 0 0;
}



.post li {
	margin: 0 0 5px 16px;
	line-height: 1.6em;

	list-style-type: square;
	list-style-position: outside;
}



.tags h3 {
	line-height: 1.6em;
	border-bottom-width: 1px;
	margin-bottom: 12px;
}

.tags p {
	line-height: 1.2em;
}




/**
 * Post accordion
 */


.accordion .entry-meta {
	padding-bottom:20px;
}

.accordion .post {
	padding-bottom: 0;

	overflow: visible;
}

.accordion .post:hover {
	background-color: #fbfbfb
}


.accordion .entry-subtitle {
	margin-bottom: 0 !important;
}


.accordion .post .post-head,
.comments .post .post-head {
	margin-bottom: 2px !important;
}


.accordion .post .post-content {
	margin-bottom: 0;
}




/**
 * Navigation
 */

.navigation {
	padding: 0;
	margin: 40px 0;

	border-bottom: 1px solid #DEE0E3;
}

.navigation li {
	float: left !important;
}

.navigation ul li {
	font-size: 1.2em;
	font-weight: bold;

	text-transform: uppercase;

	padding: 0 4px;

	display: inline-block;
	float: left;
}

.navigation,
.navigation ul li a {
	color: #CBD7D8;
}

.navigation ul li a:hover {
	color: #00B9D7;
	text-decoration: underline;
}

.navigation ul li .current {
	color: #91CA00;
}





/*
 *** Comments ***
 */

#content .column-left .column {
	padding-right: 24px;
}
#content .column-right .column {
	padding-left: 24px;
}




/*
 *** Comments ***
 */

.comment .entry-wrapper,
#better-recent-comments .comment-excerpt-wrapper,
.comment-form-comment-wrapper {
	background: #f6f8f8 url(../images/comments/comment_bubble_bg.png) top left repeat-y;

	border-bottom: 1px solid #eaeeee;
}

.comment .entry,
#better-recent-comments .comment-excerpt,
.comment-form-comment {
	background-image: url(../images/comments/comment_bubble_top.png);
	background-repeat: no-repeat;

	padding: 24px 16px 16px;
}

.comment .entry-subtitle {
	margin-bottom: 4px;
}

.comment {
	padding-bottom: 40px !important;
}


/*** Input fields ***/

#commentform {
	padding-left: 140px;
}

#respond h3 {
	border-width: 1px;
}

#comments textarea {
	border: 1px solid #eaeeee;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	border: 1px solid #eaeeee;

	font-size: 12px;
	height: 20px;
	line-height: 20px;

	position: absolute;
	left: 80px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	text-transform: uppercase;

	font-size: 10px;
	font-weight: bold;

	line-height: 20px;

	width: 80px;
}

.comment-notes,
.comment-form-comment-wrapper,
.form-allowed-tags {
	margin-bottom: 12px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	height: 20px;
	line-height: 20px;
	
	position: relative;
	margin-bottom: 8px;


	margin-left: -80px;
}




.comment-form-comment label {
	display: block;
	position: absolute;
	left: -80px;
	top: 8px;
}

.comment-form-comment textarea {
	width: 486px;
}

.comment-form-comment-wrapper {
	position: relative;
}





/*
 *** Related posts / Most popular posts
 */

.accordion {
	padding-bottom: 0;
}



/*
 *** Images ***
 */

.entry-content img {
	margin: 0 0 24px 0;
	max-width: 660px;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption img {
	margin-bottom: 0;

	z-index: 0;

	position: relative;
}

.wp-caption {
	position: relative;
	overflow: hidden;

	margin-bottom: 12px;
}

.wp-caption-text {
	position: absolute !important;
	left: 0;
	bottom: 0;

	display: block;
	background: transparent url(../images/bg-color-00B9D7-65.png) top left repeat;

	margin: 0 !important;
	
	padding: 10px;
	line-height: 16px;
	color: #ffffff;

	width: 660px;
	height: 32px;

	z-index: 99;
}





/*********** SIDEBAR *******************************************************/


/* Widget default styles */

.sidebar {
	width: 240px;
	float: right;
}

.sidebar .widget {
	margin-bottom: 32px;
}

.sidebar .widget h4 {
	color: #ffffff;

	font-size: 1.3em;
	line-height: 24px;
	font-weight: normal;

	text-shadow: 1px 1px 0 #65af00;

	text-transform: none;

	display: block;
	height: 50px;

	padding-left: 8px;

	margin: 0;

	background: transparent url(../images/sidebar_h4_titles_sprite.jpg) top left no-repeat;
}

.sidebar .widget h4 span {
	display: inline-block;
	margin-top: 24px;
}

.sidebar ul {
	list-style: none;
	margin: 10px 0 10px 0;
	border-top: 0 dotted #DADADA;
}

.sidebar li a:hover {
	background-color: #fafafa;
}


.sidebar .small,
#rss-feeds li {
	color: #1a3f49;

	font-size: 10px;
	font-weight: bold;

	text-transform: uppercase;

	display: block;
	margin: 0 0 10px;

	line-height: 12px;
}


/* Widget specific styles */

.sidebar .widget_categories h4 { background-position: left -50px; }
.sidebar .widget_tag_cloud h4 { background-position: left -100px; }
.sidebar #facebook h4 { background-position: left -200px; }
/*.sidebar #social-media-identity h4 { background-position: left -150px; }*/
.sidebar #better-recent-comments h4 { background-position: left -250px; }
/* .sidebar #authors h4 { background-position: left -150px; } */



.sidebar .widget_categories li,
.sidebar #authors li,
#sidebar-footer .widget li {
	padding-left: 0.2em;
	display: block;
	height: 24px;

	line-height: 24px;

	border-bottom: 1px solid #DADADA;
}


.sidebar .widget_categories li a,
.sidebar #authors li a,
.sidebar .widget_pages li a,
#sidebar-footer .widget li a{
	display: block;

	height: 24px;

	background-image: url(../images/icons/icon-arrow-small-ffffff.gif);
	background-repeat: no-repeat;
	background-position: right;
}



/*
 * Author-Page
 */

.author-page h4 {
	 display: none;
}

.author-page p {
	margin: 0 0 8px;
}


/*
 * Social Media Profile
 */
 
ul.social-media-profile {
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;

	padding: 8px 0;

	height: 32px;
}

ul.social-media-profile {
	margin: 0;
}

.sm-item {
	margin-bottom: 16px;
}

.social-media-profile li span {
	 display: none;
}

.social-media-profile li {
	width: 32px;
	height: 32px;

	margin-right: 4px;

	float: left;
}

.social-media-profile li a {
	 display: block;
	 width: 32px;
	 height: 32px;

	 background: #ffffff url(../images/icons/social-media-icons.png) top left no-repeat;
}

.social-media-profile li.smp-xing a { background-position: -32px top; }
.social-media-profile li.smp-facebook a { background-position: -64px top; }
.social-media-profile li.smp-twitter a { background-position: -96px top; }

.social-media-profile li.smp-skype a:hover { background-position: left bottom; }
.social-media-profile li.smp-xing a:hover { background-position: -32px bottom; }
.social-media-profile li.smp-facebook a:hover { background-position: -64px bottom; }
.social-media-profile li.smp-twitter a:hover { background-position: -96px bottom; }



/*
 * RSS Feeds
 */

.sidebar #rss-feeds h4 {
	display: none;
}

#rss-feeds ul,
#rss-feeds li {
	margin: 0;
}

#rss-feeds li.entries a {
	font-size: 14px;
}

#rss-feeds {
	padding: 16px 0 0 56px;

	background: #ffffff url(../images/icons/icon-rss-feeds.png) top left no-repeat;

	height: 52px;
}



/*
 * Better Recent Comments
 */


 /* Also look styles from comments */

#better-recent-comments li {
	font-size: 1.0em;
	margin: 0 0 18px;
}

#better-recent-comments .comment-meta {
	margin:0 0 4px;
}

#better-recent-comments .comment-excerpt-wrapper {
	background: #f6f8f8 url(../images/comments/comment_bubble_sidebar_bg.png) top left repeat-y;
}

#better-recent-comments .comment-excerpt {
	background-image: url(../images/comments/comment_bubble_sidebar_top.png);

	padding: 18px 10px 10px;

	font-size: 1.2em;
}


/*
 * Search
 */

#searchform {
	position: relative;
}

.sidebar .widget_search h4,
#searchform br,
#searchform #searchsubmit {
	display: none;
}

#searchform label {
	left: 0;
	top: 0;
	position: absolute;

	font-size: 1.2em;
}

#searchform input {
	background: #ffffff url(../images/search-field-bg.png) top left no-repeat;
}

#searchform label,
#searchform input {
	display: block;

	height: 26px;
	line-height: 26px;

	font-size: 12px;

	padding-left: 26px;

	width: 100%;
}


/*
 * Twitter
 */

#social-media-identity {
	width: 240px;

	position: relative;

	/* border-top: 1px solid #e7ebec; */
}

.twitterwidget-title {
	display: none;
}

.twitter {
	width: 240px;
	height: 200px;

	position: relative;

	margin-top: 20px;
}

.twitter ul li.tweet-wrapper {
	display: block;
	position: absolute;

	width: 240px;	

	font-size: 1.2em;

	bottom: 56px;
	left: 0;
	
	margin: 0;
	padding: 8px 0 0;

	border-top: 1px solid #EAEEEE;

	background: #f6f8f8 url(../images/comments/comment_bubble_sidebar_bg.png) top left repeat-y;
}

.twitter ul li div.tweet {
	display: table;

	height: 120px;

	padding: 0 10px 18px;

	background: transparent url(../images/comments/comment_bubble_sidebar_bottom.png) bottom left no-repeat;

	margin: 0;
}

.twitter ul li div.entry-wrapper {
	display: table-cell;
	vertical-align: middle;

	overflow: hidden;
}


.twitter ul li div.entry-wrapper.current {
	display: table-cell !important;
	z-index:99;
}

.twitter ul li .entry-content {
	display: block;

	padding: 0 0 8px;
}

.twitter ul li .entry-meta {
	display: block;

	margin: 0 0 4px;
}


.twitter-account {
	position: absolute;
	bottom: 0;
	
	height: 36px;

	margin: 0 !important;
	padding: 16px 0 0 56px;

	background: #ffffff url(../images/icons/icon-twitter-account.png) top left no-repeat;
}


/*
 * Tag cloud
 */

 .widget_tag_cloud div {
	 line-height: 1.8em;
	 margin: 12px 0 0 0;
}




.user-profile {
	display: block;
	float: left;

	width: 200px;

	margin: 0 24px 24px 0;

	background-color: #f6f8f8;

	border: 1px solid #e7ebec;

	padding: 16px;
}