/**
 * Theme Name: Karmakonsum Hybrid Theme
 * Theme URI: http://www.karmakonsum.de
 * Description: A custom theme for the german Karmakonsum blog, made by Publicare 
 * Version: 0.1
 * Author: Publicare GmbH
 * Author URI: http://www.publicare.de
 * Tags: Karmakonsum, green, sustainable living
 * Template: hybrid
 */

/* Get base Hybrid CSS */
@import url('../hybrid/library/css/3c-l-fixed.css');
@import url('../hybrid/library/css/plugins.css');
@import url('../hybrid/library/css/drop-downs.css');

/* Custom styles */

html {
	font-size: 100%;
}
/* Body */
body {
	background: url('images/bg.gif') 0 0 repeat-x #2e741d;
	font: normal normal normal 12px/18px "Lucida Sans", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	}

/* Body container */
#body-container {
	margin: 0;
	width: 100%;
	}

/* Links */
a {
	color: #21759b;
	text-decoration: underline;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, #primary a, #secondary a {
	text-decoration: none;
}
a:visited {
	color: #551a8b;
	}
a:hover, a:active {
	color: #d54e21;
	text-decoration: underline;
	}
a img {
	border: none;
}


/* Menu */

#about-menu{
	width: 500px;
	background: #fff;
	margin: 5px 5px 0 0;
	padding: 15px 20px 0px 20px;
	height: 25px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#about-menu .menu-item{
	margin-right: 15px;
}

#about-menu a:visited{
	color:#21759b;
}

#primary-menu{
	position: absolute;
	width: 980px;
	margin-left: -490px;
	left: 50%;
	top: 0;
}

#primary-menu div.menu{
	position: absolute;
	width: 230px;
	left: 750px;
	top: 0;
}


#primary-menu .menu-item a {
display: block;
}

#menu-item-3415 {
	width:83;
	height:24;
	background: url('images/menu_blog.gif');
}

#menu-item-3415 a{
text-indent: -9999px;
	width:83px;
	height:24px;
}

#menu-item-3415.current-menu-item{
	background: url('images/menu_blog-current.gif');
}

#menu-item-3415.current-menu-ancestor{
	background: url('images/menu_blog-current.gif');
}

#menu-item-3411 {
	width:103px;
	height:24px;
	background: url('images/menu_about.gif');
}

#menu-item-3411 a{
text-indent: -9999px;
	width:103px;
	height:24px;
}

#menu-item-3411.current-menu-item{
	background: url('images/menu_about-current.gif');
}

#menu-item-3411.current-menu-ancestor{
	background: url('images/menu_about-current.gif');
}


/* Headers */

h2, h3, h4, h5, h6 {
	font-family: "Lucida Sans", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #005c7c;
	font-weight: bold;
	}
h2 { font-size: 1.75em; line-height: 1.5em;  } /* 21 px */
h3 { font-size: 1.5em; line-height: 1.166em;} /* 18 px */
h4 { font-size: 1.25em; line-height: 1.1em; } /* 15 px */
h5 { font-size: 1em; line-height: 1em; }
h6 { font-size: 1em; line-height: 1.25em;}



/* Lists */
ul {
	list-style: square;
	}

/* Blockquotes */
blockquote {
	font-style: italic;
	color: #555;
	}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: normal;
	}

/* Code */
pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	}
code {
	padding: 0 3px;
	background: #eee;
	}
pre code {
	background: transparent;
	}

/* Tables */
table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
caption {
	font-size: .9em;
	font-style: italic;
	text-align: right;
	}
td, th {
	padding: 3px 6px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
th {
	background: #eee;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Georgia, serif;
	color: #333;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Breadcrumb */
.breadcrumb {
	margin: 0 0 16px 0;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.breadcrumb a {
	color: #111;
	text-decoration: none;
	}
.breadcrumb a:hover {
	color: #d54e21;
	text-decoration: underline;
	}

/* Images */
.post img {
	max-width: 568px;
	padding: 5px;
	border: none;
	margin: 5px;
	}

.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	}

/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	margin-top: 6px;
	padding: 6px 1px 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	padding: 5px;
	border: 1px solid #ccc;
	}

/* Header */
#header {
	margin: 0 0 10px 0;
	width: 980px;
	height: 155px;
	background: url('images/banner.gif') 0 0 no-repeat;
	}

/* Blog title */
#site-title {
	font: italic normal normal 35px/35px "Lucida Sans", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	}
#site-title a {
	display: block;
	height: 120px;
	width: 300px;
	}
#site-title a span {
	display: none;
}

/* Blog description */
#site-description {
	display: none;
	font: normal normal normal 16px/20px "Lucida Sans", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #666;
	}

/* Navigation */
#navigation {
	overflow: visible;
	height: 34px;
	margin: 0 0 60px 0;
	z-index: 100;
	}
#page-nav li {
	margin-right: 15px;
	}
#page-nav li li {
	margin-right: 0;
	}
#page-nav li a {
	padding: 8px 15px 8px 15px;
	color: #111;
	background: #fff;
	border: 1px solid #ccc;
	}

/* Drop-downs style */
#page-nav li:hover ul, li.sfHover ul {
	top: 32px;
	}
#page-nav li li a {
	border-top: none;
	margin-right: 0;
	}
#page-nav li ul {
	background: #fff;
	border-top: 1px solid #ccc;
	}
#page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul  {
	top: -1px;
	}
#page-nav li li li {
	margin-left: -1px;
	}

/* Container (wraps content, primary, and secondary) */
#container {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	float: none;
	}
#header-container {
	width: 980px;
	margin: 0 auto 0 auto;
}
/* Main content */
.content {
	width: 500px;
	background: #fff;
	margin: 0 5px 5px 0;
	padding: 30px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.no-widgets .content, .page-template-no-widgets .content {
	width: 980px;
	margin: 5px 0 0 0;
	}
/* Widget areas */
#primary, #secondary {
	font-size: 0.917em; /* 11px */
}

.sidebar ul {
	padding-left: 16px;
}
#primary {
	background: #fffeee;
	float: left;
	width: 210px;
	padding: 10px;
	margin: 0 5px 5px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#secondary {
	background: #fff;
	float: left;
	width: 184px;
	padding: 8px;
	margin: 0 0 5px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#subsidiary {
	float: left;
	clear: right;
	width: 435px;
	height: 35px;
	background: url('images/searchbar_bg.gif') 0 0 scroll repeat-x #f2be36;
	margin: 0 0 5px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* Search */
#subsidiary #hybrid-search-2 {
	text-align: center;
	margin: 0;
	padding: 0;
	width: 435px;
	height: 35px;
}
#subsidiary #hybrid-search-2 div.widget-inside {
	margin: 0 auto;
	text-align: left;
}
#subsidiary #hybrid-search-2 h3.widget-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.125em;
	float: left;
	margin: 10px 0 0 50px;
}
#subsidiary #hybrid-search-2 form.search-form {
	height: 30px;
	float: left;
}
#subsidiary #hybrid-search-2 .search-text {
	height: 22px;
	vertical-align: middle;
	font-size: 1.125em;
	padding: 2px;
	border: 1px solid #999;
	margin: 3px 0 0 30px;
	color: #333;
}
#subsidiary #hybrid-search-2 .search-submit {
	padding: 4px 2px 2px 2px;
	width: 50px;
	margin: 5px 0 0 5px;
	font-size: 14px;
	font-weight: bold;
}
/* Posts */
.post {
	overflow: hidden;
	margin: 0 0 25px 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #eeeeee;
	}
.post.post-1 {
	border-top: none;
} 
.single .post, .attachment .post, .page .post {
	margin: 0;
	}

/* Archive information */
.author-info, .search-info {
	overflow: hidden;
	margin: 0 0 40px 0;
	}

/* Entry title */
.entry-title {
	font-size: 18px;
	color: #115066;
	margin: 0 0 12px 0;
	font-weight: normal;
	font-style: normal;
	}
.archive .entry-title, .search .entry-title {
	font-size: 18px;
	margin: 0;
	}
.page-title, .attachment-title {
	margin: 0 0 21px 0;
	}
.entry-title a {
	color: #115066;
	}

/* Byline */
.byline {
	margin: 0 0 4px 0;
	font-style: italic;
	color: #666;
	}
.archive .byline, .search .byline {
	margin: 0;
	}
.byline .byline-prep {
	text-transform: lowercase;
	}

/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 10px 0;
	}

/* Entry metadata */
.entry-meta {
	clear: both;
	font-style: italic;
	color: #666;
	}

/* Page links (multiple-paged posts) */
p.pages a {
	margin: 0 3px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Navigation links */
.navigation-links {
	margin-bottom: 21px;
	font-style: italic;
	}
.navigation-links .previous {
	float: left;
	max-width: 50%;
	}
.navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
	}
.navigation-attachment {
	overflow: hidden;
	}

/* WP Pagenavi plugin */
.wp-pagenavi {
	margin-bottom: 21px;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 15px 0;
	color: #464646;
	}
.widget a {
	color: #464646;
	text-decoration: none;
	}
.widget a:hover {
	color: #d54e21;
	text-decoration: underline;
	}

/* Widget titles */
.widget .widget-title {
	font-weight: bold;
	color: #f08a00;
	margin: 16px 0 8px 0;
	}
.widget .widget-title a {
	color: #f08a00;
	
}
/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	margin: 0 0 21px 0;
	padding: 20px 20px 0 20px;
	border: 1px solid #ccc;
	}

/* Comments template */
#comments-template {
	clear: both;
	}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment metadata */
.comment-meta {
	margin: 10px 0 21px 0;
	font-size: 13px;
	color: #666;
	}
.comment-author {
	font-size: 15px;
	color: #000;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
	}
#comments-template label {
	font-size: .9em;
	}

/* Respond textarea */
textarea {
	width: 98%;
	}

/* Submit and rest buttons */
/* .button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #f9f9f9;
	}
*/
/* Footer container */
#footer-container {
	width: 100%;
	height: 100px;
	background: url('images/bgbottom.jpg') bottom left repeat-x #2f2813;
	clear: both;
	margin: 16px 0 0 0;
	}


/* Footer */
#footer {
	width: 980px;
	margin: 0 auto;
	font-size: 10px;
	font-style: italic;
	
	color: #776d51;
	padding: 35px 0 0 0;
	}
#footer a, #footer a:visited, #foote a:active {
	color: #9e916b;
	text-decoration:none;
	
}
#footer .copyright, #footer .credit {
	display: inline;
	margin-right: 9px;
	}


	
.post2col.post {
	float: left;
	width: 240px;
	font-size: 0.917em; /* 12 > 11px */
	line-height: 1.455em; /* 11 > 16px */
	margin-bottom: 14px;
	padding-top: 10px;
}
.post2col .entry-title {
	font-size: 1.636em;
	line-height: 1.375em;
}
.post2col.even {
	margin-left: 20px;
}
.clear {
	clear: both;
}
.post .thumbnail {
	float: right;
	height: 100px;
	width: 126px;
	border: 1px solid #f3f3f3;
	padding: 4px;
	margin: 8px 0 8px 8px;
}
.post .thumbnail img {
	border: none;
	margin: 0;
	padding: 0;
}
.post.post2col .thumbnail {
	height: 50px;
	width: 70px;
	margin: 4px 0 4px 4px;
}

.term-cloud {
	line-height: 1.666em;
}
.term-cloud a {
	text-decoration: none;
}
.entry-social {  }
.entry-social .social-like { display: block; float: left; width: 250px; margin-left: 5px;}
.entry-social .social-flattr { display: block; float: left; margin-left: 5px; padding-top: 2px;}

.entry-social a {
	display: block;
	float: left;
}
.entry-social a img {
	margin: 2px 0 2px 5px;
	padding: 0;
	border: none;
}
#kk-rightbuttons {
	width: 200px;
	float: left;
	clear: right;
}
#kk-rightbuttons a {
	display: block;
	padding: 0;
	margin-bottom: 5px;
}
#kk-rightbuttons a img {
	display: block;
	margin: 0;
	padding: 0;
}

ul.categories, ul.categories ul.children {
	font-size: 12px;
	line-height: 20px;
	list-style: none;
	padding: 0;
	margin: 2px 0 8px 0;
	padding: 0 0 0 8px;
}
ul.categories ul.children {
	font-size: 11px;
	line-height: 18px;
}
ul.categories li {}
ul.categories a {
	color: #005e7f;
	font-weight: normal;
}
ul.categories ul.children a {
	color: #959595;
}
ul.categories li.current-cat {
	padding: 0 0 0 4px;
}
ul.categories li.current-cat a {
	color: #000;
	font-weight: bold;
}
#kk-featured-posts {
	width: 488px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 10px 6px 20px 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-top: 1px solid #eeeeee;

}
#kk-featured-posts h4 {
	text-transform: uppercase;
	color: #888888;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}
#kk-featured-posts .kk-fpost a {
	font-size: 11px;
	text-decoration: none;
}
#kk-featured-posts .kk-fpost a:hover {
	text-decoration: underline;
}
.kk-fpost {
	width: 152px;
	float: left;
	margin-left: 16px;
	padding: 8px 0 0 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.kk-fpost h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	color: black;
		
}
#kk-featured-posts .kk-fpost .thumbnail {
	float: right;
	height: 50px;
	width: 70px;
	margin: 4px 0 4px 4px;
	text-align: right;
}
.kk-fpost.first {
	margin-left: 0;
	clear: left;
}
ul.twitter {
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
}
ul.twitter li {
	padding: 5px 0 5px 0;
}
ul.twitter .twitter-user, ul.twitter .twitter-link {
	color: #21759B;
	font-weight: bold;
}
ul.twitter .twitter-timestamp abbr {
	font-size: 0.866em;
	font-style: italic;
	border: none;
}
.twitter_title_link {
	display: block;
	padding: 22px 0 0 10px;
	font-size: 12px;
	background: url('images/twitter_logo.gif') top left no-repeat;
	
}

#kk-headermenu {
	display: block;
	float: right;
	height: 27px;
	width: 182px;
	margin: 5px 10px 0 0;
}
#kk-headermenu .kk-menuitem {
	display: block;
	float: left;
	height: 27px;
}
#kk-headermenu .kk-menuitem span {
	display: none;
}
.kk-menuitem-blog {
	width: 79px;
}
div.kk-menuitem-blog {
	background: url('images/tab-blog-active.gif') 0 0 no-repeat;
}
a.kk-menuitem-blog {
	background: url('images/tab-blog-inactive.gif') 0 0 no-repeat;
}
a.kk-menuitem-blog:hover {
	background: url('images/tab-blog-inactive.gif') 0 -27px no-repeat;
}
.kk-menuitem-ueberuns {
	margin-left: 3px;
	width: 100px;
}
div.kk-menuitem-ueberuns {
	background: url('images/tab-ueberuns-active.gif') 0 0 no-repeat;
}
a.kk-menuitem-ueberuns {
	background: url('images/tab-ueberuns-inactive.gif') 0 0 no-repeat;
}
a.kk-menuitem-ueberuns:hover {
	background: url('images/tab-ueberuns-inactive.gif') 0 -27px no-repeat;
}
.sidebar ul.wp-polls-ul {
	padding: 0;
}
.user-info .entry_author_image {
	float: left;
	margin: 0 10px 10px 0;
}

a.fm-link {
	padding: 5px;
}
/* Flickr widget */
.zg_div {margin:0px 0px 5px 0px; width:180px;}
.zg_div_inner {border: none; background-color:#ffffff;  color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}