/*
Theme Name: mindgarden for Habari
Theme URI: http://mindgarden.de
Version: 1.0
Author: mtk
Author URI: http://marctobiaskunisch.com
*/

/* basic styling
####################################################*/

@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

* {
	margin:0;
	padding:0;
}


/*@font-face {
  font-family: 'Fontin';
  src: url('fonts/fontin/Fontin_Sans_R_45b.eot');
  src: local('Fontin Sans Regular'), local('FontinSans-Regular'), url('fonts/fontin/Fontin_Sans_R_45b.woff') format('woff'), url('fonts/fontin/Fontin_Sans_R_45b.otf') format('opentype');
}

@font-face {
  font-family: 'Fontin Bold';
  src: url('fonts/fontin/Fontin_Sans_B_45b.eot');
  src: local('Fontin Sans Bold'), local('FontinSans-Bold'), url('fonts/fontin/Fontin_Sans_B_45b.woff') format('woff'), url('fonts/fontin/Fontin_Sans_B_45b.otf') format('opentype');
}*/

img{
	border: 0;
	-ms-interpolation-mode: bicubic;
}

body {
	font: 76%/1.5em Helvetica, Verdana, Arial, sans-serif;
    color: #333;
	background: #282828;
}

body.js  {
/*	background: url(images/pull.png) center 70px no-repeat #282828;*/
}

/* Enabling HTML5 */
article,
aside,
dialog,
footer,
header,
canvas,
figure,
nav,
section {
  display: block;
}

fieldset {
	border: 0;
}

h1 {
	color: #fff;
/*	position: fixed; */
	position: absolute;
	top: 1em;
	left: 3em;
	z-index: 10000;
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

h1 a {
	color: #fff;
	text-decoration: none;
}

h2 {
	margin-bottom: .5em;
	font-size: 2.4em;
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	line-height: 1.4em;
	text-shadow: #ccc 1px 1px 1px;
	font-weight: normal;
}

h2 a {
	color: #333;
	text-decoration: none;
}

h3 {
	margin-bottom: .5em;
	font-size: 1.2em;
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	line-height: 1.2em;
	font-weight: bold;
}

a {
	color: #333;
	padding: .2em;
}

code {
	font-size: 1.2em;
	font-weight: bold;
}

#contentbox a {
	margin: 0 -0.2em;
}

a:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
	text-shadow: 1px 1px 3px #fff;
}

h1 a:hover {
	background: transparent;
}

ul {
	list-style-type: none;
	margin-bottom: 1em;
}

/* layout elements
####################################################*/

#contentbox {
	margin: 0 auto 0 auto;
	padding: 5px 150px 10em 200px;
	max-width: 120em;
	background: #fff;
}

header#mainheader {
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#1a1a1a), color-stop(0.9, #1a1a1a));
	opacity: 1;
	overflow: hidden;
	position: relative;
}

#headerextras {
	display: none;
	margin: 2.5em 1em 1em 1em;
	color: #fff;
	text-align: right;
	overflow: hidden;
	font-size: 2em;
	line-height: 1.3em;
	min-height: 8em;
}

#headerextras p {
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
}

#headerextras a {
	color: #fff;
}

#headertoggle {
	text-align: center;
	display: none;
	cursor: pointer;
	opacity: 1;
	height: 2.3em;
	background: #fff;
}

#headertoggle img {
	display: block;
	margin: 0 auto;
}

#logo {
	margin-bottom: 2em;
	top: 80px;
	left: 3em;
	position: absolute;
}

#logo_invers {
	margin-bottom: 2em;
	top: 80px;
	left: 1.5em;
	position: absolute;
}

/* main navigation
####################################################*/

nav#mainnav {
	margin: 0;
	display: block;
	padding: 1em 1em 0 0;
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	float: right;
	font-size: 1.2em;
}

nav#mainnav li {
	padding: 0 1em 0 0;
	display: inline;
}

nav#mainnav li a {
	color: #fff;
	text-decoration: none;
}

nav#mainnav li a:hover {
	background: transparent;
}

nav#mainnav li.first {
	padding-right: 3em;
}

footer#mainfooter {
/*	background: url(images/bg_footer.png) left top repeat-x #282828;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#282828), color-stop(0.4, #282828));
	padding: 1em 0 6em 7em;
	opacity: 1;
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	text-align: center;
}

footer#mainfooter a {
	color: #fff;
}

footer#mainfooter a:hover {
	background: transparent;
}

#logo_footer {
	display: block;
	margin: 4em auto 0 auto;
	
}

/* search
####################################################*/

#search {
	margin: 2em 0 0 0;
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	font-size: .6em;
}

#search fieldset {
	/*float: right;*/
}

#search fieldset input[type="text"] {
	font-size: 1em;
	width: 15em;
	padding: .1em;
}

.searchresults .entry {
	margin-bottom: 2em;
	padding-bottom: 2em;
}

/* entries
####################################################*/

.chronodata {
	padding: 2px 0 2px 0;
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 2em;
}

.entry-content {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #444;
}

@media all and (min-width: 70em) {
	.entry-content {
		-moz-column-count: 2;
		-moz-column-gap: 4em;
		-webkit-column-count: 2;
		-webkit-column-gap: 4em;
	}
}

@media all and (min-width: 100em) {
	.entry-content {
		-moz-column-count: 3;
		-webkit-column-count: 3;
	}
}

.entry {
	margin-bottom: 6em;
	padding-bottom: 6em;
	background: url(images/bg_entry.png) bottom center no-repeat;
	overflow: hidden;
}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: #fff url('images/quote.png') no-repeat 10px 0;
	border: none;
	font-weight: bold;	
}

.entry-content ul {
	list-style-type: disc;
}

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 1px;
	color: #bbb;
}

.entry-tags {
	display: block;
	font-size: 1.5em;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
	margin: 1em 0;
/*	text-shadow: 1px 1px 1px #999;*/
}

.entry-content p:first-child {
	font-weight: bold;
}

.entry-content p {
	clear: both;	
}

.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	padding: 0;
}

#contentbox .entry-content img, #contentbox .entry-content object, #contentbox .entry-content embed {
	max-width: 100%;
}

/* comments
####################################################*/

.comments {
	text-align: left;
	padding: 0;
	position: relative;
}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #777;
}

#comment-personaldetails {
	margin-top: 10px;
}

#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
}

#commentlist li {
	margin: 1em 0 .5em 0;
	padding: 1em 1em 1.5em 0;
	list-style: none;
	background: url(images/bg_entry.png) bottom center no-repeat;
}

#commentlist li.comment-unapproved {
	border: #3371A3 solid 2px;
}

#commentlist li .comment-content {
	padding: 5px 0;
	font-size: 1.2em;
	line-height: 1.8em;
}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 13px 0;
}

#commentlist li .comment-meta {
	padding: 2px 0 2px 0;
	display: block;
}

#commentlist li img {
	padding: 0;
	border: none;
}

#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
}

#commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
}

#commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Georgia', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
}

#commentlist li.bypostauthor {
	background: #eee;
	padding: 1.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

li.bypostauthor blockquote {
	color: #333;
	background: #eee url('images/quote.png') no-repeat 10px 0;
}

/* comment form
####################################################*/

.comments form {
	clear: both;
	margin: 0;
}

.comments input[type=text], .comments textarea {
	font: 1.2em 'Courier New', Courier, Monospace;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
}

.comments textarea {
	height: 250px;
	width: 90%;
	margin: 10px 0;
}

.comments form #submit {
	margin: 0;
}

.comments .required {
	color: #FF0000;
}

/*	legacy k2 stuff
####################################################*/

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
}

body.page .entry-edit {
	position: absolute;
	right: 0;
	margin-top: -15px;
}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	height: 16px;
}

/*- Primary Contents */

.metalinks {
	margin-top: 3px;
}

.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
}

.nopassword {
	text-align: center;
}

#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
}

#pinglist li small {
	font-size: 0.8em;
	display: block;
}

#pinglist li .counter {
	display: none;
}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
}

#pinglist li img {
	padding: 0;
	border: none;
}

/*- Various Tags and Classes */

.chronodata abbr { border: 0; }

hr {
	display: none;
}
	
.comments .navigation {
	margin: 10px 0;
}

/*Sample Page Selector Code - active page gets .current-page class */

#page-selector {
	font-family: 'Droid Serif', 'Georgia', Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	font-size: 1.2em;
	width: 100%;
	color: #999;
}

#page-selector a {

}

#page-selector a.current-page {
	padding: 2px;
	color: #999;
}

.draft { background: #FFFFCC; }

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
}

/*- Begin Lists */
/*

.sb-links ul li {
	margin-top: 20px;
}

.sb-links ul ul li {
	margin-top: 0;
}*/

/*- Search Form and Livesearch */

#s {
	width: 20em;
}
#s:focus {
	border-color: #666;
}

#searchsubmit {
}

/*- Login Form */

#loginform label {
	display:block;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5em;
	color: #777;
}
#habari_username, #habari_password {
	width: 15em;
}
#habari_username:focus, #habari_password:focus {
	border-color: #666;
}

/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */

/*-
	Latest Comments
*/
.sb-comments-lc ul li span a, .sb-comments ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
}

.sb-comments-lc ul li {
	margin-bottom: 6px;
}

.sb-comments-lc li > a[title="Go to the comments of this entry"] {
	position: absolute;
	right:0;
	color: #999;
}

.activityentry {
	font-size: 1.1em;
}

div#latest-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
}


/*
Every thought felt as true
Or allowed to be accepted as true by your conscious mind
Take roots in your subconscious
Blossoms sooner or later into an act
And bears its own fruit
Good thoughts bring forth good fruit
Bullshit thoughts rot your meat 
Think right, and you can fly
The kingdom of heaven is within 
Free your mind, and your ass will follow

Play on, children
*/