/*
Theme Name: Designfunke
Theme URI: http://www.designfunke.de/
Description: 
Version: 1.0
Author: Thomas Teufel
Author URI: http://www.hoelle.net/
Tags: 

	designfunke v1.5
	 http://binarybonsai.com/designfunke/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* GENERAL */
body {
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #ffffff url(images/sidebar_left_bg.gif) left top repeat-y;
	color: #333;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.03em;
}

div {
	display:block;
	margin: 0px;
	padding: 0px;
}
a img {
	border: 0px;
}
a {
	font-weight: bold;
	text-decoration: none;
	color: inherit;
	outline: none;
}
a:hover, a:focus {
	text-decoration: underline;
}

span.grey {
	color: #636363;
}



/* SIDEBAR */
div#sidebar_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 251px;
	color: #000000;
	z-index: 2;
}
div#intro {
	padding: 16px 10px 15px 15px;
}

h1#blog_title {
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

p#blog_description {
	font-style: italic;
	margin-top: 8px;
	margin-bottom: 14px;
}

div#follow {
	position: absolute;
	left: 0px;
	width: 221px;
	margin-top: 30px;
	padding: 0px 15px 0px 15px;
}



/* NAVIGATION */
div#navigation {
	position: absolute;
	left: 0px;
	top: 225px;
	width: 249px;
}

div#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #cccccc;
}
div#navigation ul#main {
	
}
div#navigation ul#extra {
	margin-top: 12px;
}
div#navigation ul li {
	width: 100%;
	height: 38px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

div#navigation ul#main li a {
	display: block;
	width: 249px;
	height: 38px;
	color: #797979;
	text-decoration: none;
	font-size: 1.25em;
	font-weight: normal;
	text-transform: uppercase;
}
div#navigation ul#main li a .label{
	display: block;
	width: 219px;
	height: 16px;
	padding: 10px 15px 10px 15px;
	list-style: none;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	color: #797979;
	background-color: #e3e3e3;
}
div#navigation ul#main li a img{
	display: block;
	margin-top: -37px;
	margin-left: 251px;
	display: none;
}
div#navigation ul#main li a:hover img, 
div#navigation ul#main li a:focus img{
	display: block;
}

div#navigation ul#extra li a {
	display: block;
	list-style: none;
	width: 219px;
	height: 16px;
	padding: 10px 15px 10px 15px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	color: #797979;
	background-color: #e3e3e3;
	text-decoration: none;
	font-size: 1.25em;
	font-weight: normal;
	text-transform: uppercase;
}

div#navigation ul#main li a:hover .label, 
div#navigation ul#main li a:focus .label, 
div#navigation ul#main li.current_page_item a .label{
	color: #333333 !important;
	background-color: #cecece !important;
}
div#navigation ul#extra li a:hover, 
div#navigation ul#extra li a:focus, 
div#navigation ul#extra li.current_page_item a {
	color: #333333 !important;
	background-color: #cecece !important;
}



div#page {
	position: absolute;
	left: 251px;
	top: 0px;
	width: 750px;
	padding-bottom: 50px;
	margin-top: 40px;
	z-index: 1;
}



/* ARCHIVE */
div#post_list div.post {
	display: block;
	position: relative;
	width: 232px;
	height: 240px;
	margin: 0px 8px 10px 8px;
	float:left;
}
div#post_list div.post div.post_new {
	display: block;
	position: absolute;
	width: 68px;
	height: 68px;
	right: -1px;
	top: -1px;
	background: url(images/new_banner.png) no-repeat;
}
* html div#post_list div.post div.post_new {
	background: url(images/new_banner.gif) no-repeat;
}
div#post_list div.post div.thumbnail {
	width: 230px;
	border: 1px solid #8a8a8a;
	margin-bottom: 8px;
}
div#post_list div.post div.thumbnail a {
	display: block;
	width: 228px;
	border: 1px solid #bbbbbb;
}
div#post_list div.post div.infos {
	margin: 0px 2px 0px 2px;
}
div#post_list div.post div.category {
	float: left;
	text-transform: uppercase;
}
div#post_list div.post div.category ul, 
div#post_list div.post div.category ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div#post_list div.post div.category a {
	font-weight: normal;
}
div#post_list div.post div.rating {
	float: right;
}
div#post_list div.post div.title {
	clear: both;
	float: left;
	width: 100%;
}
div#post_list div.post div.title a:before {
	content: "\00BB\0020";
}
div#post_list div.post div.share {
	clear: both;
	float: right;
}



/* SINGLE POST */
div#single {
	width: 484px;
	padding: 0px 8px 0px 8px;
}
div#single div.post div.view_box {
	border: 1px solid #8a8a8a;
}
div#single div.post div.view_box div.inner {
	border: 1px solid #bbbbbb;
}
div#single div.post div.infos {
	margin: 5px 2px 0px 2px;
	height: 50px;
}
div#single div.post div.category {
	float: left;
	text-transform: uppercase;
	height: 20px;
}
div#single div.post div.category ul, 
div#single div.post div.category ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div#single div.post div.category a {
	font-weight: normal;
}
div#single div.post div.rating {
	float: right;
}
div#single div.post div.title {
	clear: both;
	float: left;
	width: 320px;
}
div#single div.post div.title:before {
	content: "\00BB\0020";
}
div#single div.post div.share {
	clear: right;
	float: right;
}
div#single div.content {
	margin: 0px 0px 40px 0px;
	clear: both;
}
div#single div.content a:before {
	content: "\203A\0020";
}
div#single div.content p {
	margin-bottom: 10px;
}
div#single div.content div.left, 
div#single div.content div.right {
	width: 235px;
	position: relative;
}
div#single div.content div.left {
	float: left;
}
div#single div.content div.right {
	float: right;
}


/* PAGE */
div.page_container {
	width: 500px;
	margin-left: 8px;
}
div.page_container div.top_box {
	margin-top: -54px;
	margin-bottom: 12px;
}
div.page_container div.top_box h1 {
	font-size: 1.6em;
	font-weight: normal;
}
div.page_container div.top_box h2 {
	font-size: 0.85em;
	font-style: italic;
	font-weight: normal;
	margin-top: 7px;
}
div.page_container div.content {
	margin-top: 30px;
}
div.page_container div.left {
	float: left;
	width: 245px;
	margin-right: 5px;
}
div.page_container div.right {
	float: right;
	width: 245px;
	margin-left: 5px;
}
div.page_container p {
	margin-bottom: 10px;
}


/* EXTRAS */
div.ratepost {
	padding: 0px !important;
	height: 20px !important;
}
div.ratepost span div {
	display: block;
	width: 13px !important;
	height: 13px !important;
	background: url(images/rating_star.gif) left top no-repeat !important;
	margin: 0px 1px 0px 0px;
	float: left !important;
}
div.ratepost div.rating-info, div.ratepost div.status-info {
	display: none !important;
}
div.ratepost span.rating1 .star2, 
div.ratepost span.rating1 .star3, 
div.ratepost span.rating1 .star4, 
div.ratepost span.rating1 .star5, 
div.ratepost span.rating2 .star3, 
div.ratepost span.rating2 .star4, 
div.ratepost span.rating2 .star5, 
div.ratepost span.rating3 .star4, 
div.ratepost span.rating3 .star5, 
div.ratepost span.rating4 .star5 {
	background-position: left bottom !important;
}


socialLinksContainer {
	width: 220px !important;
}
div#socialLinksContainer a {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0px 3px 0px 0px;
}


div.sociable div.sociable_tagline {
	float: left;
	margin-right:5px;
}
div.sociable ul {
	float: left;
	list-style: none;
}
div.sociable ul li {
	float: left;
	list-style: none;
}
div.sociable ul li a {
	display: block;
	float: left;
	margin-top: -1px;
	margin-right: 3px;
}


div#single div.view_box div.inner div.ngg-imagebrowser h3 {
	display: none;
}
div#single div.view_box div.inner div.ngg-imagebrowser div.pic img {
	padding:0px;
	margin: 0px;
	border: 0px;
}
div#single div.view_box div.inner div.nav_hint {
	display: block;
	position: absolute;
	width: 43px;
	height: 13px;
	background: url(images/gallery_nav_hint.gif) left top no-repeat;
	left: 240px;
	top: 0px;
	margin-left: -11px;
	margin-top: -15px;
}
div#single div.view_box div.inner:hover div.nav_hint {
	display: none;
}
div#single div.view_box div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav {
	position: absolute;
	background: url(images/gallery_nav.png) left top no-repeat;
	width: 207px;
	height: 49px;
	left: 240px;
	top: 0px;
	margin-left: -94px;
	margin-top: -7px;
	padding: 0px;
	display: none;
}
div#single div.view_box:hover div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav {
	display: block;
}
div#single div.view_box:hover div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.back, 
div#single div.view_box:hover div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.next {
	margin: 6px;
	padding: 0px;
	border: 0px;
	display: block;
	width: 60px;
	height: 30px;
}
div#single div.view_box:hover div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.open {
	display: block;
	position: absolute;
	margin: 5px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 30px;
}
div#single div.view_box div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.back a, 
div#single div.view_box div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.next a, 
div#single div.view_box div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.open a {
	display: block;
	width: 60px;
	height: 30px;
}
div#single div.view_box div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.counter {
	display: none;
}
div#single div.view_box div.inner div.ngg-imagebrowser div.ngg-imagebrowser-nav div.ngg-imabebrowser-desc {
	display: none;
}

div#TB_caption {
	display: none;
}


a#aacl_trigger {
	display: block;
	clear: both;
	width: 80%;
	height: 20px;
	margin: 30px 15px 30px 8px;
	padding: 15px 0px 10px 0px;
	font-size: 1.25em;
	text-align: center;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a#aacl_trigger:hover, a#aacl_trigger:focus {
	background-color: #efefef;
}

a#aacl_trigger.loading {
	color: #c0c0c0;
	background: #ffffff url(../images/ajax-loader-arrows.gif) no-repeat 100px 50%;
	background-color: #fff;
}

a#aacl_trigger.loading:hover, a#aacl_trigger.loading:focus {
	background-color: #eaeaea;
}