/*
Theme Name: kaeotix
Theme URI: http://www.bonoseo.com
Description: A minimal theme. With three widget areas. Copied from Derek Powazek & Noel Jackson ( http://powazek.com/ ) 
Version: 1.0
Author: Mariusz Kaczmarek
Author URI: http://www.bonoseo.com
Tags: green, white, one-column, fixed-width, theme-options
*/
/* Defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {margin:0;padding:0; font-size: 100%;}
fieldset,img,abbr {border:0;}
address,caption,code,dfn,h1,h2,h3,h4,h5,h6,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
a {text-decoration:none;}
/* -------------------------- */
html, body, #wrap {
	height: 100%;
	background: #fff;
}
body > #wrap {height: auto; min-height: 100%;}

body {
    font-size: 10.5pt; 
    line-height:1.37em; 
	font-family: Helvetica, "Helvetica Neue", "˜Neue Helvetica", Arial, Tahoma, sans-serif;
}
a, a:link, a:visited { 
	color: #7A9900;
	text-decoration: none;
}
a:hover, a:active {
	color: #283200;
	text-decoration: none;
}
em, cite { font-style: italic; }
strong { font-weight: bold; }
dd, dt, li { list-style: square; }

/* Alignment */
.alignright,.align-right, .inset { float:right; }
.alignleft, .align-left, .alternate { float:left; }
.aligncenter, .align-center { margin: 0 auto; text-align: center; }
.text-left{text-align:left;}
.text-right{text-align:right;}

/* ########## WRAP ########## */
#wrap {
	width: 900px;
	margin: 0 auto;
	border-right: 3px solid #cf0;
}
/* ########## HEADER ########## */
#header {
	float: left;
	background: #CCFF00;/* url(./img/banner.jpg) repeat-x; */
	width: 230px;
}
	#header h1 {
		height: 200px;
		position: relative;
		cursor: pointer;
	}
	#header h1 a, #header h1 a:link, #header h1 a:visited { 
		letter-spacing: .015em; 
		position: absolute; 
		bottom: 20px;
		right: 0;
		color: #7A9900; 
		padding: 20px; 
		font-size: 15pt;
/*
		text-shadow: 0 0 100px #fff;
*/
	}
	#header p {
		cursor: pointer;	
		padding: 7px 20px;
		border-top: 1px solid #fff;
		text-align: right;
	}
#header a:link, #header a:visited {
	font-weight: bold;
	text-align: right;
}
#txt {
	background: #E5E5E5;
	font-size: 7pt;
	color: #797979;
	text-align: justify;
	padding: 7px 20px;
	border-top: 1px solid #fff;
	line-height: 11pt;
}
#kMedallionContainer{
	margin: 7px auto;
}
#twitter{
/*
	background: #D6FF00;
*/
	border-right: 3px solid #3CF;
}
#facebook{
/*
	background: #D6FF00;
*/
	border-right: 3px solid #3B5998;
}
#rss{
/*
	background: #D6FF00;
*/
	border-right: 3px solid #f90;
}
#link{
	background: #efefef;
}

#newsletter {
	text-align: right;	
	font-size: 10pt;	
	padding: 7px 20px;
	border-top: 1px solid #fff;
	background:	transparent;
	background: -webkit-gradient(
		linear, left top, left bottom,
    	color-stop(1, white),
		color-stop(0.23, rgb(204,255,0) ) );
	background: transparent -moz-linear-gradient(top, rgb(204,255,0) 23%, white 100%);
}
#searchbox{
	text-align: right;	
	font-size: 10pt;	
	padding: 7px 20px;
	border-top: 1px solid #fff;
}

/* ########## HEADER ########## */

/* ########## CONTENT ########## */
#content {
	width: 600px;
	float: right;
	padding: 30px;
	margin: 23px 0;
}
	#content h2 {
		font-size: 23pt;
		line-height:37px;
		border-bottom: 11px solid #CCFF00;
		border-left: 11px solid #CCFF00;
		padding: 11px;
		font-weight: bolder;
	}
	#content h3 {font-size: 20pt;}
	#content h4 {font-size: 16pt;}
	#content h5 {font-size: 14pt;}
	#content h6 {font-size: 12pt;}
	#content .meta {
		font-size: 8pt;
		margin: 10px 0px 20px;
		color: #aaa;
		
	}
	#content h2.pagetitle {
		font-size: 14px;
		color: #666;
		margin-bottom: 2em;
	}
	#content ul, #content ol {
		margin-left: 2em;
		margin-bottom: 1.5em;
	}
	#content ul li {list-style-type: square;}
	#content p a, #content p a:visited, #content p a:link{text-decoration: underline;}
	#content p a:hover{text-decoration: none;}
	#content .apieceofcontent {clear: both;}
/* Buttons for Tweeting, Sharing and Buzzing */
.button{
	float: right;
	margin-right: 0;
	margin-bottom: 11px;
	margin-top: -11px;
	width: 90px;
	border-bottom: 0px;
	text-align: right;
	background: #CCFF00; 
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	padding: 11px;
	padding-bottom: 5px;
	position:related;
}
.sharebutton{
	width: 100%;
	min-height: 21px;
	border-top: #889900 dotted 1px;
	color: #889900;
	font-weight: bold;
}
.iLikeThis { 
	cursor:pointer;
	color: #CC5A3D;
}
.iLikeThisOff { 
	cursor: default;
	color: #CC5A3D;
}
/* Buttons end */

/* KOMMENTARE */
	.endbuttski {
		height: 10px;
		background: #e5e5e5;
		position: relative;
		clear: both;
		margin: 23px 0px 123px;
	}
	.comment-status {
		font-size: 12px;
		line-height: 8px;
		right: 0;
		position: absolute;
		background: #fff;
		padding: 7px;
		border: 2px solid #E5E5E5;
	}
	.comment-status a {
		background: white;
		padding-left: 10px;
	}
	#respond p {
		margin-bottom: 1em;
	}
	#respond textarea {
		width: 650px;
		margin-bottom: 10px;
	}
	#comments, #respond h3 {
		font-size: 20px;
		margin-bottom: .5em;
	}
	#content ol.commentlist {
		list-style: none;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 2em;
		margin-left: 0;
	}
	#content ol.commentlist li {
		list-style: none;
		border: 1px solid #e5e5e5;
		border-width: 1px 0 0 0;
		padding: 10px 0;
	}
	li.comment .avatar {
		float: left;
		margin-right: 10px;
		margin-top: 5px;
	}
	li.comment cite {
		display: block;
		clear: both;
	}
	li.comment .commentmetadata {
		float: left;
		margin-bottom: .5em;
	}
	li.comment .comment-text{
		margin-left: 42px;
		clear: both;
	}
	li.comment cite {
		font-size: 100%;
	}
	.commentlist #respond {
		margin-left: 42px;
	}
	.commentlist #respond textarea {
		width: 100%;
	}
	img.avatar {
		float: left;
		margin: 0 11px 11px 11px;
	}
/* KOMMENTARE end */

	.category {
		position: relative;
		z-index: 1;
		margin-left: -42px;
		margin-bottom: -20px;
	}
	.archives {
		clear: both;
		color: #666;
	}
	.archives li {
		float: left;
	}
	.entry p, .comment p, .entry ul, .entry ol, .comment ol, .comment ul {
		margin: 15px 0px;
		line-height: 23px;
	}
	
	.more-link {
		font-size: .85em;
		padding-right: .5em;
		position: absolute;
		bottom: -2.6em;
		left: 0;
		z-index: 100;
	}
	.navigation img {
	margin-bottom: 2em;
	}	
	
/* ########## FOOTER ########## */
#footer {
	clear: both;
	bottom: 0px;
	margin-bottom: 0px;
}

	#footer_box {
		width: 230px;
		height: 500px;
		background: #CCFF00;
		float: left;
		display: block;	
		color: #232323;
	}
	#footer_box p {
		vertical-align: bottom;
		padding: 10px 20px;
	}
	
	#footer_box a, #footer_box a:link, #footer_box a:visited { color: #7A9900; }

	#sidebar .widget {
		border-top: 1px dotted #e5e5e5;
		width: 200px;
		float: right;
		height: 180px;
		padding: 10px;	
	}
	#sidebar .widget h3 {
		font-size: 12pt;
		font-weight: bolder;
		color: #aaa;
	}
	#sidebar .widget p, #sidebar .widget ul, #sidebar .widget div {
		padding: 10px;
		list-style: none;
	}
	#sidebar .widget li {
		list-style: none; 
		color: #474747;
	}
	/* Suche */	
	#searchform {
		text-align: center;
		padding: 5px;
	}
	#searchform input, #searchform submit, #newsletter input, #newsletter submit{		
		width: 160px;
		height: 23px;
		font-size: 14px;
		margin: 3px 0;
	}
/* ########## FOOTER ########## */

/* ########## MISC ########## */
#black {
	background: #000;
}
#fbribbon{
	border: 0;
	width: 150px;
	height: 150px;
	position:absolute; 
	right:0; 
	top:0; 
	margin:0; 
	padding:0;	
}
#wpstats {
	display: none;
}
.vvqbox {
	display: block; 
	max-width: 100%; 
	visibility: visible !important; 
	margin: 10px auto; 
} 
.vvqbox img { 
	max-width: 100%; 
	height: 100%; 
} 
.vvqbox object { max-width: 100%; }
.su-linkbox{/*nix*/}
.su-linkbox-label{
	text-align: right;
	font-size: 10px;
	color: #808080;;
}
.su-linkbox-field input{
	width: 100%;
}