/*
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-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	background-color: #fff;
	text-align: center;
	margin: 0px 0 30px;
	border: none;
	}

img {
        border: none;
    }

#page {
	background: #fff;
	text-align: justify;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	border: none;
	/* The entire template's width is set in this class. */
	width: 800px;
	_width: 720px;
	}

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

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 150px;
        background: url('images/stormgrass.jpg') top no-repeat;
	/* background: #fff; */
	}

.primary {
	width: 500px;
	_width: 500px; /* IE Hack */
	float: left;
	padding: 20px 2% 10px 2%;
	margin: 0;
	text-align: justify;
        /*border: #ccc solid 1px ;*/
	}

/*.secondary {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 10px 0;
	margin: 0 0 20px 71%;
	width: 26%;
	color: #666;
        position: relative;
	/* The following are IE Fixes */
	/*_margin-left: 0%;
	_margin-right: -3%;
	_width: 28%;
        }*/

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

/*#footer {
	margin: 10px auto 0;
	}*/

#footer {
   background: url('images/footer.jpg') bottom repeat-x !important; /* replace image path with your own */
   height: 130px; /* change according to image used */
   width: 100%;
   border-top: 1px solid #ccc; /* not necessary, just style */
   margin: 0px auto 0 !important;
   position: relative !important;
}

.footersmall {
	margin: 85px 10px 5px 10px;
	}

.feed {
	margin: 30px auto auto auto;
	}

.feed img a:hover{
	background: none;
	}

.footerarchives {
	
	float: left;
		}

/*- Main Menu in Header */

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

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

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background: #ffffcc;
	color: #0088f0 !important;
	text-decoration: none;
	}

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

.admintab {
	position: absolute;
	right: 20px;
	}
	
	


/*- Sidebar Subpages Menu */

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

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

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

.sb-pagemenu .current_page_item {
	}


/*- Headings */


h1, h2, h3, h4 {
	font-family: 'Century Gothic', 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { /* H1 is used for the title of your blog */
	font-size: 4em;
	letter-spacing: -1px;
	padding-top: 10px;
	margin: 0 0 0 -20px;
	font-weight: bold;
	width: 100%;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: #ffffcc;
	}

#header .description { /* Blog description, under blog title */
	font-size: 2em;
	margin: 0 0 0 20px;
	}

.primary h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 2em;
	font-weight: bold;
	padding: 0;
	display: inline;
        }

.primary h3 { /* H3 is entry headlines */
	font-size: 2.5em;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	display: inline;
	}

.primary h4 { /* H4 is comments and replyform headlines */
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -1px;
	display: inline;
	}

.itemhead {
	margin-top: 10px;
	}

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

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

.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: #0088f0;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.4em;


	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

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

.secondary div > .metalink {
	text-align: right;
	}

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

.metalink a span {
	display: none;
	}

.metalink a:hover > span {
	display: inline;
	text-decoration: none;
	}

h2, h2 a, h2 a:visited,
h4, h4 a, h4 a:visited {
	color: #dcdcdc;
	text-decoration: none;
	}

h3, h3 a, h3 a:visited {
	color: #0088f0;
	text-decoration: none;
	}

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

h3 a:hover {
        background-color: #ffffcc;
	text-decoration: 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;
	}


.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 {
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover > span {
	display: inline;
	}


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

.metadata a {
	color: #0088f0;
	}

.commentslink {
	padding: 2px 0 2px 0;
	background: none;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 0;
	background: none;
	}

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

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

/*- Primary Contents */

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

.primary .item .itemtext {
	font: 1.25em/1.5em Arial, Sans-Serif;
	text-align: left;
	color: #444;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.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;
	}

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

.comments .commentlist {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	}

.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 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

.comments .commentlist li.authorcomment {
	background: #f6f7f8;
	}

.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 Arial, 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 .leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #ddd;
	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: 1em Verdana, Arial, Helvetica, Sans-Serif;
	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 form textarea {
	height: 250px;
	width: 100%;
	padding: 2px;
	}

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

#footer {
	text-align: center;
	}

#footer a {
	color: #888;
	border-bottom: none;
	font-weight: bold;
	}

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


/*- Links */

a:visited:hover {
	background-color: #ffffcc;
	text-decoration: none;
        /*color: #DFEFFF;*/
	}

a:hover {	
	background-color: #ffffcc;
	text-decoration: none;
	}

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

a {
	color: #0088f0;
	text-decoration: none;
	}

.itemtext a:visited {
	color: #b41;
	}
	
/* Some styling for that amm plugin in the sidebar */

ammimg {
	border: border: 1px solid #ccc;
	}

usercomment {
        margin: 20px 0;
	/*padding: 0 20px 0 50px;*/
        border: 1px solid #ccc;
        background: #eee; 
            }

/*- Various Tags and Classes */

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

#primary .entry-content img {
	margin: 0 0;
	padding: 4px;
	border: none;
	max-width: 100%;
	}


.center {
	text-align: center;
	}

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


img.centered, 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;
        border: none;
	}

img.leftnoborder, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: none;
	}
	
img.centernob, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: none;
	}


img.mourning {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 4px solid #000;
	max-width: 100%;
	}
	
img.noborder {
	border: none !important;
	}
	
.secondary img {
	padding: 4px;
	border: none;
	max-width: 100%;
	}
	
.secondary img a:hover {
        background-color: none;
        }

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

acronym, abbr, /*span.caps*/ {
	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') 10px top no-repeat;
	border: none;
	}

hr {
	display: none;
	}

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

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

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

.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, .secondary > div > div {
	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;
	}


/*- Search Form and Livesearch */

.sb-search {
	margin-top: 20px;
	background: url('images/search-bg.png') center no-repeat;
	}

.sb-search h2 {
	display: none;
	}

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

input#livesearch {
	width: 100%;
	}

input#s {
	width: 75%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}
.livesearchform {
	background: url('images/search-bg.png') center no-repeat;
	}

#LSResult {
	margin: 0;
	width: 200px;
	z-index: 100;
	position: absolute;
	background: #eee url('images/livesearchbg.jpg') center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

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

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url('images/livesearchbghilight.jpg') 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;
	}


/* 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: solid #ccc 1px;
	padding: 5px;
}

.sb-flickr img a:hover
{
	border: solid #ccc 1px;
	padding: 5px;
        text-decoration: none;
}

/*-
	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;
	}
	
	


/*-
	Super Archives
*/


#teb-super-archive, #af-ela {
	margin-left: 10px;
	}

#teb-super-archive ul, #af-ela ul {
	padding: 0;
	}

#teb-super-archive ul li, #af-ela ul li {
	list-style-type: none;
	list-style-image: none;
	text-align: left;
	padding: 1px 8px;
	}

#teb-super-archive ul li:hover, #af-ela ul li:hover {
	background: #f3f3f3;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 0;
	padding-bottom: 0;
	}

#af-ela-menu {
	border-bottom: 1px solid #ccc;
	}

#af-ela-menu li, #af-ela-menu li.selected, #af-ela-menu li:hover{
	display: inline;
	padding: 2px 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	margin-bottom: 0;
	}

#teb-super-archive-year, #af-ela-year {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	}

#teb-super-archive-year li, #af-ela-year li {
	position: relative;

	font-weight: bold;
	}
	
#teb-super-archive-month, #af-ela-month, #af-ela-category {
	float: left;
	width: 20%;
	margin: 0;
	border-left: 1px solid #ccc;
	font-weight: bold;
	}

#teb-super-archive-month li, #af-ela-month li {
	position: relative;
	}



#teb-super-archive-post, #af-ela-post {
	float: left;
	width: 59%;
	margin: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

#teb-super-archive-post li, #af-ela-post li {
	position: relative;
	font-weight: bold;
	}

#teb-super-archive ul li span, #af-ela-year ul li span {
	position: absolute;
	right: 8px;
	font-weight: normal;
	color: #aaa;
	}

#teb-super-archive .selected, #teb-super-archive-post li:hover, #af-ela .selected, #af-ela-post li:hover {
	background: #FFF6BF;
	border-top: 1px solid #FFD324;
	border-bottom: 1px solid #FFD324;
	padding-top: 0;
	padding-bottom: 0;
	}

#af-ela-menu li.selected, #af-ela-menu li:hover {
	
	}

.archives span {
	color: #bbb;
	}

/* LibraryThing widget styling */

.LTwrapper {}
.LTitem img {
	display: block;	
	border: 1px solid #ccc;
	display: block;
	}	
.LTprovided {
	font-style: italic;
	}
.LTtitle {
	display: block;
	font-style: italic;
	}
.LTauthor {
	 
	}

div.clearer {
	clear: left;
	line-height: 0;
	height: 0;
}

/*###################*/
/*### Oberes Menü ###*/
/*###################*/

#top {
          background: #0088f0;
          /*border-bottom: 1px solid #cd9c26;*/
          height: 30px;
          margin: 0 auto;
          width:100%;
          text-align: center;
          overflow: hidden;
	  list-style-type: none;
}

#topbar { height: 34px;
          width: 430px;
          margin: 0 auto;
          padding: 0;
          text-align: center;
	  list-style-type: none;
}

ul.topmenu {
        background: transparent;
        float: left;
        margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

ul.topmenu li {
	float: left;
}

ul.topmenu li a {
	float: left;
	display: block;
        height: 34px;
	padding: 9px 20px 0 0px;
	color: #ffffcc;
	list-style-type: none;
}

ul.topmenu li a:hover {
	color: #666;
        text-decoration: none;
	background: none;
}


	
/* Peace and forgiveness */
/* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */