/*
THEME NAME: BlogPimp BlogTypo
THEME URI: http://blogpimp.de/
DESCRIPTION: Das neue Typo-Theme von BlogPimp
VERSION: 1.0.0
AUTHOR: <a href="http://blogpimp.de/">Lothar "BlogPimp" Baier</a>
AUTHOR URI:
*/

html {
	height				: 100.01%; 
	margin				: 0; 
	padding				: 0;
}

* {
	margin				: 0; 
	padding				: 0; 
	border				: none;
}

body {
	font				: normal 16px/24px Georgia, serif; 
	text-align			: center;
	color				: #5c5547;
	background			: #fff;
}

p {
	margin				: 0 0 24px;
	text-align			: left;
}

h1 {
	font-size			: 36px;
	line-height			: 48px;
	font-weight			: normal;
}

h2 {
	font-size			: 22px;
	line-height			: 36px;
	font-weight			: normal;
	background			: #f4ede2;
	border-left			: 36px solid #cac3b7;
	padding				: 0 12px;
	margin				: 0 0 12px;
}

h3 {
	font-size			: 18px;
	font-weight			: normal;
	margin				: 24px 0 0px;
	line-height			: 24px;
	font-weight			: normal;
	background			: #f4ede2;
	border-left			: 24px solid #cac3b7;
	padding				: 0 12px;
	margin				: 0 0 12px;
}

h4 {
	font-size			: 19px;
	font-weight			: normal;
	font-variant		: small-caps;
	margin				: 24px 0 0px;
}

h5 {
	font-size			: 18px;
	font-weight			: normal;
	font-style			: italic;
	margin				: 24px 0 0px;
}

h6 {
	font-size			: 18px;
	font-weight			: normal;
	font-style			: italic;
	font-variant		: small-caps;
	margin				: 24px 0 0px;
}

a {
	color				: #05f;
	text-decoration		: none;
}

a:hover {
	color				: #d11;
}

ul {
	margin				: 24px 0 24px 48px;
	list-style-type		: square;
}

ol {
	margin				: 24px 0 24px 48px;
}

blockquote {
	margin 				: 24px 0 24px 24px;
	font-style			: italic;
}

table {
	border-collapse		: collapse;
	margin				: 0 0 48px 1px;
	border				: 1px solid #cac3b7;
}

tr {
	height				: 24px;
}

th, td {
	border				: 1px solid #cac3b7;
	height				: 22px;
	line-height			: 16px;
	padding				: 0 5px;
}

th {
	text-align			: center;
	background			: #f4ede2;
}

code {
	font				: normal 16px/24px "Courier New", Courier, monospace;
	letter-spacing		: -1px;
	word-spacing		: -2px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearer {
	height				: 0px;
	line-height			: 0px;
	font-size			: 0px;
	margin				: 0;
	padding				: 0;
	border				: none;
	clear				: both;	
}

/* #################################################### */
/* Seiten-Struktur 										*/
/* #################################################### */
#wrapper {
	width				: 888px;
	margin				: 0 auto;
}

#header {
	width				: 888px;
	height				: 144px;
	text-align			: center;
	position			: relative;
}

#container {
	width				: 624px;
	text-align			: left;
	float				: left;
}

.sidebar {
	width				: 216px;
	float				: right;
}

/* #################################################### */
/* Kopfbereich	 										*/
/* #################################################### */
#access {
	position			: absolute;
	top					: 0;
	right				: 0;
	text-indent			: -999em;
}

#header h1 {
	margin				: 0;
	line-height			: 48px;
	padding				: 36px 0 0;
}

#header h1 a {
	color				: #666457;
}

#header h1 a:hover {
	color				: #d22;	
}

#header p {
	text-align			: center;
	line-height			: 24px;
	margin				: 0;
	font-size			: 18px;
}

/* #################################################### */
/* Hauptinhalt	 										*/
/* #################################################### */
p.kopfmeta {
	margin				: 0;
	font-size			: 12px;
	line-height			: 24px;
	color				: #5c5547;
}

p.fussmeta {
	margin				: -12px 0 36px;
	font-size			: 12px;
	line-height			: 23px;
	color				: #5c5547;
	border-top			: 1px solid #cac3b7;
	clear				: both;
}

.post h2 a {
	color				: #5c5547;	
}

.post h2 a:hover {
	color				: #d22;	
}

p.fussmetatief {
	margin				: 0 0 24px;
	font-size			: 12px;
	line-height			: 24px;
	color				: #5c5547;
	clear				: both;
}

p.notes {
	margin				: 0;
	font-size			: 13px;
	line-height			: 24px;
}

label {
    display				: block;
	margin				: 24px 12px 0 0;
	line-height			: 24px;
	width				: 107px;
	text-align			: right;
	float				: left;
}

input {
	width				: 228px;
	margin				: 24px 0 0;
	padding				: 3px 5px 0;
	border				: 1px solid #cac3b7;
	height				: 19px;	
	float				: left;
	font				: normal 14px Verdana, sans-serif;
}

textarea {
	width				: 420px;
	height				: 232px;
	margin				: 24px 0 0;
	padding				: 3px 5px 3px;
	border				: 1px solid #cac3b7;
	float				: left;
	font				: normal 14px Verdana, sans-serif;
}

.formlinie {
	overflow			: auto;
}

.formtextarea {
	overflow			: auto;
}

.formbutton {
	width				: auto;
	float				: none;
	border				: 1px solid #cac3b7;
	height				: 24px;
	background			: #f4ede2;
	margin				: 24px 0 24px 119px;
	font				: normal 15px/16px Verdana, sans-serif;
	cursor				: pointer;
	padding				: 0 5px 4px;
}

.submit-button {
	width				: auto;
	float				: none;
	border				: 1px solid #cac3b7;
	height				: 24px;
	background			: #f4ede2;
	margin				: 24px 0 24px 12px;
	font				: normal 15px/16px Verdana, sans-serif;
	cursor				: pointer;
	padding				: 0 5px 4px;
}

.formbutton:hover,
.submit-button:hover {
	background			: #7b7767;
	color				: #fff;
}

#nav-below {
	height				: 24px;
	margin				: 0 0 24px;
}

.nav-prev {
	width				: 295px;
	float				: left;
}

.nav-next {
	width				: 295px;
	float				: right;
	text-align			: right;
}

h3.cat-title,
.post h3 {
	margin				: 0 0 24px;	
	border				: none;
	background			: transparent;
	padding				: 0;
}

.page p:first-child:first-letter,
.post p:first-child:first-letter {
    float				: left;
    font-size			: 51px;
	line-height			: 48px;
    font-weight			: bold;
    font-family			: Georgia, serif;
    margin				: 8px 5px 5px 0;
	color				: #cac3b7;
}

.entry-content img.alignleft {
	border				: 1px solid #cac3b7;
	float				: left;
	margin				: 7px 12px 4px 0;
}

.entry-content img.alignright {
	border				: 1px solid #cac3b7;
	float				: right;
	margin				: 7px 0 4px 12px;
}

.entry-content img.alignnone {
	border				: 1px solid #cac3b7;
}

.entry-content img.aligncenter {
	border				: 1px solid #cac3b7;
	margin				: 0 auto 24px;
}


/* #################################################### */
/* Sidebars		 										*/
/* #################################################### */
.sidebar ul {
	list-style-type		: none;
	text-align			: left;
	margin				: 0 0 36px;
}

.sidebar h3 {
	margin				: 0 0 12px;
}

.sidebar label {
    display				: block;
	margin				: 0 12px 0 0;
	line-height			: 24px;
	text-align			: left;
	float				: none;
}

.sidebar input#s {
	width				: 204px;
	margin 				: 0 0 12px;
}

.sidebar input#searchsubmit {
	width				: auto;
	float				: none;
	border				: 1px solid #cac3b7;
	height				: 24px;
	background			: #f4ede2;
	margin				: 0 0 12px;
	font				: normal 15px/16px Verdana, sans-serif;
	cursor				: pointer;
	padding				: 0 5px 4px;
}

.sidebar input#searchsubmit:hover {
	background			: #7b7767;
	color				: #fff;
}

.sidebar form {
	margin-bottom		: 24px;
}
.sidebar li.current-cat a {
	color				: #d00;
}

.sidebar .textwidget,
.sidebar #akismetwrap,
.sidebar .widget_tag_cloud {
	margin-bottom		: 36px;
}

.sidebar table {
	width				: 100%;
	text-align			: center;
}

/* #################################################### */
/* Kommentare	 										*/
/* #################################################### */
p.commentmeta {
	margin				: 0;
	font-size			: 12px;
	line-height			: 24px;
	color				: #666;
}

/* #################################################### */
/* Seitenfuss	 										*/
/* #################################################### */
#footer {
	width				: 912px;
	margin				: 0 auto 24px;
	clear				: both;
}

#footer p {
	font-size			: 11px;
	text-align			: center;
}


