/*
Theme Name: maxfriedrichtheme
Description: ziemlich cool.
Author: Max Friedrich
Author URI: http://maxfriedrich.de/
Version: 1.4
*/


/*
 	Primary:		#666 / #333
 	Secondary:		#0B96D0
	Hintergrund:	#f9f9f9
*/


/* Reset */

* {margin:0; padding:0; outline: none;}
ol,ul {list-style: none;}



/* maxfriedrich.de v5 */

body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	overflow-y: scroll;
	background: url(img/bg.jpg) fixed #f0f0f0;
}

#container {
	width: 680px;
	margin: 0 auto 10px auto;
	padding-top: 36px;
}

/* Header, Navi und Sprechblasenkram */

#header {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 680px;
	border-bottom: 1px solid #ccc;
	height: 40px;
}

#fried {
	width: 300px;
	float: left;
	display: inline;
}


#header strong {
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: normal;
	text-shadow: #fff 1px 1px 0px;
}

#header strong a, #header strong a:visited {
	color: #333;
	text-decoration: none;
}

/*#header strong a:hover:after {
	content: "blog" ;
}*/

#header strong a:hover {border-bottom: 1px solid #ccc;}

#navi {
	width: 300px;
	float: right;
	display: inline;
	text-align: right;
	text-transform: lowercase;
}

#navi li {
	display: inline;
	list-style: none;
	font-size: 20px;
	font-weight: lighter;
}

#navi li a, #navi li a:visited {
	margin-left: 5px;
	padding: 0 2px;
	color: #0b96d0;
	text-decoration: none;
	text-shadow: #fff 1px 1px 0px;
}

#navi li a:hover {
	color: #333;
	border-bottom: 1px solid #ccc;
}

#navi li.current_page_item a, #navi li.current_page_parent a {
	color: #333;
	background-image: url(img/eck.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 18px;
}

#navi li.current_page_item a:hover, #navi li.current_page_parent a:hover {border: none;}


/* Content */

#content {
	background: #fff;
	clear: both;
	width: 678px;
	font-weight: 200;
	padding-top: 20px;
	line-height: 24px;
	border: 1px solid #ccc;
	border-top: none !important;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 5px !important;
	-moz-box-shadow: 0 0 5px #ccc;
}

#content.blog {padding-bottom: 50px;}

#content a, #content a:visited {
	color: #0b96d0;
	text-decoration: none;
}

#content a:hover {
	color: #333;
	border-bottom: 1px solid #ccc;
}

.post-title {
	float: left;
	width: 560px;
}

#content h2 a, #content h2 a:visited {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: -1px;
	display: inline;
	font-size: 18px;
	line-height: 22px;
	border-bottom: none;
}

#content h2 a:hover {
	color: #333;
	border-bottom: 1px solid #ccc;
}

.commentcount a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 1px -2px 0 0;
	display: block;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	height: 18px;
	width: 20px;
	float: right;
	color: #0b96d0;
}

.commentcount a:hover {
	border: none !important;
	color: #666;
}


.post {
	padding: 0 40px;
	margin-bottom: 20px;
}

.post p, #comments p {margin-bottom: 10px;}

.post p a, .post p a:visited, .post p a:hover {
	color: #0b96d0;
	border: none !important;
}

.post-text {clear: both;}

.post img {
	padding: 0;
	margin: 0;
}

img.border {
	border: 1px solid #ccc;
} 

.postmeta {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	font-size: 14px;
	margin: 0 0 40px 40px;
	padding: 0;
	width: 600px;
	border-top: 1px solid #ccc;
	background: #f9f9f9;
}

.postbox {
	width: 580px;
	padding: 5px 8px;
	margin: 15px 0;
	border: 2px solid #ccc;
	text-align: center;
}

.tags {text-transform: lowercase;}

.footnotes {margin-left: 15px;}

.pagebar {
	text-align: center;
	margin-bottom: -30px;
}

.pagebar span.this-page {margin: 0 4px;}

.pagebar .break {margin-right: 4px;}

.pagebar a {
	padding: 4px 8px;
	margin: 0 2px;
	border: 1px solid #ccc;
	color: #0b96d0;
}


/* Short Posts */

.shortpost {
	width: 580px;
	margin: 10px 40px 20px 40px;
	padding: 12px 10px 14px 10px;
	font-family: Georgia, Times, sans-serif;
	font-size: 28px;
	line-height: 32px;
	background: url(img/twitter.png) no-repeat bottom;
	border-bottom: 1px solid #ccc;
}

.shortpost a, .shortpost a:visited {
	color: #666 !important;
}

.shortpost a:hover {
	border-bottom: none !important;
}

.shortpostmeta {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin-top: -5px;
	font-size: 11px;
	color: #999;
	padding: 5px;
}

.shortpostmeta a, .shortpostmeta a:visited {
	color: #999 !important;
}

.shortpostmeta a:hover {
	text-decoration: underline !important;
}


/* Kommentare */

#comments {
	width: 600px;
	margin: 0 40px;
	font-size: 12px;
	line-height: 18px;
}

.commentwrapper {
	clear: both;
	border: none;
	padding-bottom: 5px;
	margin-bottom:25px;
	margin-top: -10px;
	clear: both;
	width: 600px;
	float: left;
	display: inline;
	border-top: 1px solid #ccc;
}

.comment-text {width: 570px;}

span.commentname {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
}

.comment-text p {margin: 0;}

.replyteil {float: right;}

/* Formar */

#commentform {
	clear: both;
	text-align: center;
}

#labels {
	margin-top: 30px;
	width: 540px;
	margin-left: 68px;
	font-size: 10px;
	text-align: left;
	float: left;
}

#labels span {
	float: left;
	width: 140px;
	margin-right: 9px;
}

#author, #email, #url {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	width: 130px;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid #d9d9d9;
}

#author:focus, #email:focus, #url:focus {border: 1px solid #888;}

#submit {width: 95px;}

#comment {
	margin-top: -5px;
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 5px;
	height: 150px;
	width: 530px;
}

#comment:focus {border: 1px solid #888;}

/* Suche */

#s {
	margin: 0;
	width: 150px;
	border: 1px solid #ccc;
	height: 14px;
	font-size: 14px;
	font-weight: 100;
	padding: 4px;
}


/* Footer */

#footer {
	width: 678px;
	padding: 8px 0;
	margin-bottom: 0;
	text-align: center;
	font-size: 12px;
}


/* Text */

#startseitencontent a:active, #content a:active {
	position: relative;
	top: 1px;
}

h2 {
	font-size: 20px;
	font-weight: 200;
	margin-bottom: 15px;
}

h2 a {
	color: #0b96d0;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

h2 a:hover {color: #333;}

h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0;
}

p {margin: 15px 0 10px 0;}

strong {font-weight: bold;}

p a, p a:visited {
	color: #0b96d0;
	text-decoration: none;
}

p a:hover {
	color: #333;
	border-bottom: 1px solid #ccc;
}

blockquote {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	font-style: italic;
	padding: 5px 0 5px 15px;
}

small {font-size: 10px;}

code {
	font-family: Monaco, "Courier New", Courier, monospace;
	color: #888;
	background-color: #f9f9f9;
	padding: 0 2px;
	border-bottom: 1px solid #ccc;
}

p.code {
	font-family: Monaco, "Courier New", Courier, monospace;
	color: #888;
	padding: 2px;
	border: none;
	background: #f9f9f9;
}

code.block {border-bottom: none !important;}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 10px;
}

sup a, sub a {
	font-weight: bold;
}

sup {bottom: 1ex;}

sub {top: .5ex;}

a.a {border: none;}

.center {text-align: center;}

.center2 {margin: auto;}

.left {float: left;}

.right {float: right;}

.serif {font-family: Palatino, Georgia, Times, "Times New Roman", serif;}

.hide {display: none;}

.hide2 {visibility: hidden;}


/* Projekte */

.projekt {
	width: 602px;
	margin: 15px auto 30px auto;
}

.projekt p {margin-top: 5px;}

.projekt img {
	border: 1px solid #ccc;
	width: 600px;
	height: 150px;
}

.projekt a {border-bottom: none !important;}

.projekt a:hover img {border-color: #999;}


/* PLUGINS */

.locktross {display:none;}

/* Footnotes */
ol.footnotes li {list-style-type:decimal;}
ol.footnotes{font-size:10px; color:#666666;}


/* knspr-imgnote */

p.numberOfNotes{
	color:#f9f9f9;
	background:#333;
	background:rgba(0,0,0,.6) !important;
	font-size: 11px;
	height: 20px;
	position: absolute;
	margin: -38px 0;
	padding: 2px 6px 1px 5px !important;
}