/*
Theme Name: K2
Theme URI: http://binarybonsai.com/wordpress/k2/
Description: The sequel in spirit to <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. Developed by <a href="http://binarybonsai.com">Michael Heilemann</a> and <a href="http://chrisjdavis.org">Chris J. Davis</a>. Share and distribute.
Version: Beta Two
Author: Michael Heilemann & Chris J Davis
Author URI: http://binarybonsai.com/


	 |  /_  )
	 . <   / 
	_|\_\___|

	http://binarybonsai.com/k2/

	This theme was created by Michael Heilemann:
	http://binarybonsai.com/

	And Chris J. Davis:
	http://www.chrisjdavis.org/

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Support questions go here:
	http://www.flickr.com/groups/binarybonsai/

	K2 uses Fam Fam Fam Silk Icons: 
	http://www.famfamfam.com/lab/icons/silk/

	IMPORTANT: This is a beta release. While it is more or less feature complete,
	it is sure to still contain a few bugs here and there. Use at your own risk
	

-->	CSS OVERVIEW
	
	There are sections throughout, roughly describing 
	the contents inside each section. To step through each
	section, do a search for '/ * -' (without spaces) and
	repeat the search until you find the section you need.
	
	The use of selectors has been exagerrated in some places,
	so as to make it easier for people to gain an overview
	of what classes belong where in the hierarchy.
	
	It is suggested, that you copy whatever changes you want
	to make, into a new CSS file, save it in the styles dir
	and select it from the K2 Options panel. So as to keep
	this file intact and make it easier for yourself to debug
	any potential problems as well as upgrade to future K2's.
*/


/*- Page Structure */

body {
	font: 62.5% segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif; /* Resets 1em to 10px */
	color:#303331;
	background: url('images/background.png') repeat;
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	background: #303331;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 10px;
	position: relative; 
	/* The entire template's width is set in this class. */
	width: 780px;
	_width: 740px;
	border: 1px solid #ddd;
	border-top: none;

	}

body.flex #page { /* For the flexible-width setting. Not IE compatible */
	width: 80%;
	min-width: 780px;
	max-width: 1000px;
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background: url('headers/rotate.php');
	}

.primary {
	width: 60%;
	_width: 60%; /* IE Hack */
	float: left;
	padding: 20px 0 10px;
	margin: 0 10px 0 30px;
	_margin: 0 20px 0 15px; /* IE Hack */
	display: inline;
color: #E7ECC0;
	}	
	
/* farbe des textes z.b. in about */
.secondary {
	font: 1.2em/1.5em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	padding: 10px 0;
	margin: 0 0 20px 71%;
	width: 20%;
	color: #E7ECC0;
	position: relative;
	/* The following are IE Fixes */
	_padding: 30px 0 10px;
	_margin-left: 15%;
	_margin-right: 1%;
	_width: 25%;
	}

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


/*- Main Menu in Header */

ul.menu {
	
	color: #313131;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	color: #313131;
	}

ul.menu,
ul.menu li a {
	padding: 8px 15px 6px;
	color: #E7ECC0;
	}

/* farbe der links im menu ohne hover etc*/
ul.menu li a {
	font: 1.6em georgia, palatino, serif;
	font-weight: bold;
	color: #fff;
	margin: 0;
	}
	
ul.menu li a:hover {
	background: #ffd324;
	color: #313131 !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	background: #ffd324;
	color: #313131 !important;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	_padding: 5px 15px 6px; /* IE hack */
	}

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	color: #E7ECC0;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	color: #E7ECC0;
	}
	

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	color: #E7ECC0;
	}

.sb-pagemenu .current_page_item {
	color: #E7ECC0;
	}


/*- Headings */

h1, h2, h3, h4 {
	font-family: georgia, palatino, serif;
	color: #ffd324;
}

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 80px;
	margin: 0 0 0 -2100px;
	width: 100%;
color: #E7ECC0;
	}

/* die im header */
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: #ffd324;
	}

/* wenn man dr?ber geht */
h1:hover {
	text-decoration: underline;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 -2662px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: left;
	margin: 15px 0 15px;
	padding-left: 15px;
	color: #E7ECC0;
	}

.pagetitle a:hover {
	text-decoration: underline;
	color: #E7ECC0;
	}	
	
.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #E7ECC0;
	background:url(images/world.png) left no-repeat;
	background-position: left;
	padding-left: 40px;
	}

/* Ueberschriften in der sidebar */
.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-family: georgia, palatino, serif;	
	font-size: 1.6em;
	font-weight: normal;
	padding: 0;
	display: inline;
	color: #E7ECC0;
	}

/* Ueberschriften im Hauptteil, leave a reply */
.primary h3, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.7em;
	font-weight: normal;
	letter-spacing: normal;
	color: #E7ECC0;
	background:url(images/world.png) left no-repeat;
	background-position: left;
	padding-left: 40px;
	background-position: left;
	display: inline;
	}
	
.primary h4 {
	font-size: 2.7em;
	font-weight: normal;
	letter-spacing: normal;
	display: inline;
	color: #E7ECC0;
}	

.primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #E7ECC0;
	}

.itemhead {
	margin-top: 10px;
	color: #E7ECC0;
	}

.itemhead h3 {
	color: #E7ECC0;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.4em;
	display: block;
	padding: 15px 0 0;
	color: #E7ECC0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.3em;
	display: block;
	padding: 15px 0 0; 
	color: #E7ECC0;
	}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	}
	
.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #E7ECC0;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: .8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	color: #E7ECC0;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.4em;
	color: #E7ECC0;
	}

.permalink .primary .aside .itemtext {
	font-size: 1.2em;
	color: #ffd324;
	}

.comments .primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.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;
	}

.primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	border: none;
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}
	
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #ffd324;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.metadata { /* Time and category for blog entries */
	font-size: 1.2em;
	display: block;
	margin-top: 2px;
	color: #E7ECC0;
	}

/*author und kategorie farbe*/
.metadata a {
	color: #ffd324;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-right: 10px;
	color: #E7ECC0;
	}

/* unter jedem eintrag published by usw */
.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	color: #E7ECC0;
	}

.chronodata:after {
	content: ".";
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

/*- Primary Contents */

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

/* hier wird die textfarbe f?r jeden eintrag ge?ndert */
.primary .item .itemtext {
	font: 1.45em/1.33em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	text-align: justify;
	color: #E7ECC0;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext blockquote {
	margin: 13px 0; 
	}

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	color: #E7ECC0;
	}

.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: #ffd324;
	padding: 2px;
	}

.comments .commentlist {
	margin: 0;
	padding: 20px 0;
	position: relative;
	}

.comments .commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments .commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}

.comments .commentlist li img {
	padding: 0;
	border: none;
	}

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

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

.comments .commentlist li .counter {
	display: none;
	font: normal 1.5em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	float: left;
	width: 35px;
	color: #303331;
	}

.comments .commentlist li.authorcomment {
	color: #303331;
	}

.comments .pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	}

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

.comments .pinglist li .commentauthor {
	font-weight: bold;
	display: block;
	}

.comments .pinglist li small {
	font: .8em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	display: block;
	}

.comments .pinglist li .counter {
	display: none;
	}

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

.comments .pinglist li img {
	padding: 0;
	border: none;
	}
	
.comments #leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #303331;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

.comments form {
	clear: both;
	padding: 1px 0 30px;
	margin: 0;
	}

input[type=text], textarea {
	font: 1.45em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	padding: 3px;
	color: #303331;
	}

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

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

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 100%;
	_width: 98.5%; /* IE hack */
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

#footer {
	text-align: center;
	}

#footer a {
	color: #888;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: black;
	}

/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	color: #ffd324;
	}

h2 a:hover, h2 span a:hover {
	color: #ffd324 !important;
	}

/* alle links */
a {
	color: #ffd324;
	text-decoration: none;
	}

.itemtext a:visited {
	color: #ffd324;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.clear2 {
	clear: both;
    height: 0px;
    overflow: hidden;
	}
	
.primary img {
	border: 1px solid #000;
	}
	
.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

/* img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}
*/
	
.favorite img {
	padding: 0;
	border: none;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, monospace;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	background: url('images/quote.png') 5% no-repeat;
	border: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0 10px;
	padding: 0;
	width: 100%;
	}

/* bei entry voriger beitrag*/
.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	color: #ffd324;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	color: #ffd324;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

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

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}

/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	_margin-left: 0px; /* IE Fix */
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

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

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

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

/*- Brian's Latest Comments http://meidell.dk/archives/2004/09/12/brians-latest-comments/ */

.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
	}

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

.activityentry {
	font-size: 1.1em;
	}

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

.sb-flickr img {
	border: 0px;
	padding: 5px;
	}

/*- Search Form and Livesearch */

.sb-search {
	margin-top: 20px;
	}

.sb-search h2 {
	display: none;
	}

input[type=text], textarea {
	color: #303331;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

input#livesearch {
	width: 97.1%;
	}

input#s {
	width: 75%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#LSResult {
	margin: 0;
	width: 100.1%;
	z-index: 100;
	position: absolute;
	background: #fff center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #000 center repeat-y;
	}

#LSResult:hover #LSHighlight {
	background: none;
	border: none;
	padding: 5px 2px;
	}

#LSHighlight small, #LSHighlight small span a {
	color: #999;
	}

.LSRow {
	padding: 5px 10px;
	}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
	}

/*-
	WordPress: Touched
	http://twilightuniverse.com/2005/03/wordpress-touched/
	
	No support for Touched 0.6 in the rest of K2.
	Seems a bit flaky just now. Waiting for new version.
*/

#poststuff fieldset {
	border: none;
	}

#poststuff #title, #poststuff #excerpt, #poststuff #tags {
	width: 470px;
	}
	
#poststuff #title {
	font-size: 2em;
	}

/* Ultimate Tag Warrior K2 removes UTW's default tags for more default control. */

.localtags, .technoratitags {
	display: none;
	}

/* Contact Form */

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}

.sb-about p{
	color: #E7ECC0;
	}	

.sb-delicious li {
	color: #ffd324;
	}

.sb-categories li {
	color: #E7ECC0;
	}

.sb-license {
	color: #E7ECC0;
	}

.sb-audioscrobbler {
	color: #E7ECC0;
	}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #E7ECC0;
	}

/* farbe der links an sich bei aktuelle links und 20 neueste*/
.delicious-link {
	color: #E7ECC0;
	}

.delicious-post delicious-odd li {
	color: #313131;
	}

.delicious-extended {
	color: #ffd324;
	}

.delicious-post delicious-even li{
	color: #313131;
	}

.delicious-post-boldhaus {
	color: #E7ECC0;
	}

.delicious-cloud {
	color: #313131;
	}

.delicious-tags-boldhaus {
	color: #FFD324;
	}

#einzellinks {
	color: #E7ECC0;
	}

/* fuer die archive */ 
.logged {
	color: #E7ECC0;
	}

.it-categories ul {
	width: 500px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

.it-categories ul li {
	display: block;
	margin: 0px !important;
	padding: 0px 2px 0px 15px !important;
	float: left;
	width: 142px;
	}

.it-latest a, .it-popular a, .it-categories ul li a {
	color: #ffd324;
	}

.it-categories ul li a:hover {
	text-decoration: underline;
	}

.clustrmaps{
	text-align: center;
}

/* The about drop-down */
#aboutcontainer {
    background: url('images/background.png') bottom repeat-x;
    background-color: #313131; 
	color: #333;
    text-align: justify;
    }

#about {
	width: 791px;
    margin: 0px auto;
    height: 0px;
    overflow: hidden;
    }

#about2 {
	color: #E7ECC0;
    margin: 10px;
	font-size: 1.8em;
	}

#aboutopenclose {
	}

#aboutlink {
	background: url('images/toggle.png') top left no-repeat !important;
	background: url('images/toggle.png') top left no-repeat;
	width: 112px;
	height: 113px;
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid;
	}
		
.aboutimage {
	display: block; 
    float: left; 
    margin-right: 10px; 
    border: 1px solid black; 
    }

.descblue {
    font-size: 2.4em;
    margin-bottom: 15px;
    }

#aboutcontainer  a {
    color: #E7ECC0;
    border-bottom: 1px dashed #fff;
    }

/* End The about drop-down */

table {
	border-collapse: collapse;
	border-style: none;
	caption-side: bottom;
	width: 35em;
	}

td {
	border:1px #000 solid; 
	padding: 3px; 
	}

.tagcloud{
	list-style-type: none;
	display: inline;
	text-align: center;
	width: 90%;
	}

.more-link {
	font-style: italic;
	text-align: left;
	padding-right: 0.3em;
	}

.werbung {
	text-align: center;
	padding: 7px;
	}

.error {
	font: 1.6em/1.6em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	color: #E7ECC0;
}
	
.error h2 {
	font-family: georgia, palatino, serif;	
	font-size: 1.6em;
	font-weight: normal;
	padding: 0;
	display: inline;
	color: #E7ECC0;
	}

/* UTW Weighted Tag Bars */
.longtailvert div {
	margin: 0 !important;
	text-transform: lowercase;
	}

.longtailvert div a {
	font-size: 1.4em;
	color: #000 !important;
	border: 0;
	padding: 3px;
	}

.longtailvert a:hover {
	text-decoration: none;
	}
	
.longtailvert div:hover {
	background-color: #2bd !important;
	text-decoration: none;
	}	
	
.related{
	font: 1.45em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	}
	
/* Code */
code,
pre.code {
	font-family: 1.1em 'Lucida Console', 'Courier New', Courier, monospace;
	color: #FFD324;	
	}

pre.code {
	color: #000;
	background-color: #303331;
	clear: both;
	}
	
pre.code {
	margin-top: 2ex;
	overflow: auto; /* Doesn't seem to work in IE6/Win unless... */
	width: 530px; /* ...we set an explicit width. */
	padding: 10px;
	border: 1px solid #000;
	}	

table {
	border-collapse: collapse;
	border-style: none;
	caption-side: bottom;
	width: 35em;
	}

td {
	border:1px #000 solid; 
	padding: 3px; 
	}

.tagcloud{
	list-style-type: none;
	display: inline;
	text-align: center;
	width: 90%;
	}

.more-link {
	font-style: italic;
	text-align: left;
	padding-right: 0.3em;
	}

.werbung {
	text-align: center;
	padding: 7px;
	}

.error {
	font: 1.6em/1.6em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	color: #E7ECC0;
}
	
.error h2 {
	font-family: georgia, palatino, serif;	
	font-size: 1.6em;
	font-weight: normal;
	padding: 0;
	display: inline;
	color: #E7ECC0;
	}

/* UTW Weighted Tag Bars */
.longtailvert div {
	margin: 0 !important;
	text-transform: lowercase;
	}

.longtailvert div a {
	font-size: 1.4em;
	color: #000 !important;
	border: 0;
	padding: 3px;
	}

.longtailvert a:hover {
	text-decoration: none;
	}
	
.longtailvert div:hover {
	background-color: #2bd !important;
	text-decoration: none;
	}	
	
.related{
	font: 1.45em segoe ui, lucida grande, lucida sans unicode, tahoma, verdana, sans-serif;
	}
	
/* Code */
code,
pre.code {
	font-family: 1.1em 'Lucida Console', 'Courier New', Courier, monospace;
	color: #FFD324;	
	}

pre.code {
	color: #000;
	background-color: #303331;
	clear: both;
	}
	
pre.code {
	margin-top: 2ex;
	overflow: auto; /* Doesn't seem to work in IE6/Win unless... */
	width: 530px; /* ...we set an explicit width. */
	padding: 10px;
	border: 1px solid #000;
	}	

#google-map{
	background-color: #303331 !important;
	color: #000;
	}
	
.feed{
	border: 0;
	float: left;
}

.feedburner{
text-align: left;
margin-top: 1.8em;
}