/*
Theme Name: Christiane Windhausen Default Theme
Theme URI: http://christianewindhausen.de/
Description: Das Standard-Theme für christianewindhausen.de
Version: 0.2.2
Author: Moritz Böhm
Author URI: http://cobalt.cc/
*/

/* ## Basic Layout ## */

body {
	background-color: #FFFFFF;
	margin: 0 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c5c5c;
	line-height: 16px;
}

#flashlogo {
	position: absolute;
	height: 126px;
	width: 127px;
	left: 75px;
	top: 78px;
}

a#namenslogo {
	position: absolute;
	height: 10px;
	width: 153px;
	left: 308px;
	top: 78px;
	display: block;
	background: url(gfx/cw_name.png);
}

#page {
	position: absolute;
	top: 195px;
	left: 308px;
	width: 430px;
	padding: 0 0 100px 0;
}

/* ## Specific Layout ## */

/* Blog */

.singlepost {
	margin: 35px 0 45px 0;
}

.post {
	margin: 0 0 45px 0;
}

.meta a {
	color: #5C5C5C;
}

/* Sidebar */

#sidebar {
	position: absolute;
	top: 195px;
	left: 784px;
	width: 140px;
}

#sidebar h3 {
	width: 140px;
	height: 9px;
	margin: 0 0 7px 0;
}

#sidebar a {
	display: block;
	width: 140px;
	height: 9px;
	background-position: left;
	margin: 0 0 7px 0;
}

#sidebar a:hover {
	background-position: right;
}

#sidebar .themenarchiv { background: url(gfx/navi/sidebar_themenarchiv.png) no-repeat; }
#sidebar .tags { background: url(gfx/navi/sidebar_tags.png); }
#sidebar .blogroll { background: url(gfx/navi/sidebar_blogroll.png); }
#sidebar .rss { background: url(gfx/navi/sidebar_rss.png); }
#sidebar .rss_comments { background: url(gfx/navi/sidebar_rss_comments.png); }

#sidebar a.spacer {
	margin: 0 0 23px 0;
}

#sidebar ul#themenarchiv {
	width: 140px;
	margin: 0 0 23px 0;
}

#sidebar ul#themenarchiv li a {
	display: inline;
}

/* Tags */

.tagcloud {
	text-align: justify;
	line-height: 22px;
}

.tagcloud a {
    color: #5C5C5C;
    text-decoration: none;
	background: white !important;
}

.tagcloud a:hover {
    color: #C43234;
	background: white !important;
}

/* Blogroll */

/* Comments */

ul.commentlist li {
	margin: 0 0 50px 0;
}

#comments {
	color: #C43234;
	margin: 0 0 25px 0;
}

#respond {
	color: #C43234;
	margin: 20px 0 20px 0;
}

/* Sidebarimage for Pages */

img.sidebarimage {
	position: absolute;
	top: 0px;
	left: 759px;
}

/* ## Navigation ## */

ul#navi {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 150px;
	position: absolute;
	top: 252px;
	left: 111px;
}

ul#navi li {
	height: 15px;
	width: 150px;
	margin: 0 0 1px 0;
	padding: 0;
}

ul#navi li a {
	width: 150px;
	height: 15px;
	display: block;
	background-position: left;
}

ul#navi li a:hover {
	background-position: center;
}

ul#navi li a#current {
	background-position: right;
}

ul#navi li a.inactive {
	background-position: left !important;
}

.navi_erfahrungen { background: url(gfx/navi/navi_erfahrungen.png); }
.navi_qualitaten { background: url(gfx/navi/navi_qualitaeten.png); }
.navi_aktivitaten { background: url(gfx/navi/navi_aktivitaeten.png); }
.navi_blog { background: url(gfx/navi/navi_blog.png); }
.navi_kontakt { background: url(gfx/navi/navi_kontakt.png); }

ul#navi li.spacer {
	margin: 0 0 17px 0;
}

/* ## Typography ## */

h1, h2, h3, h4, h5, h6, p, cite, blockquote {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 14px;
	color: #C43234;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

h2 {
	font-size: 12px;
	color: #C43234;
	text-decoration: none;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	color: #5c5c5c;
	text-decoration: none;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0 0 0;
}

h4 {
	font-size: 12px;
	color: #5C5C5C;
	text-decoration: none;
	line-height: 16px;
}

h5 {
	font-size: 12px;
	color: #5c5c5c;
	text-decoration: none;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

h1.title {
	margin: 0 0 38px 0;
}

h4.meta {
	margin: 0 0 20px 0;
}

p {
	margin: 0 0 10px 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: #C43234;
	text-decoration: none;
}

a:hover {
	color: white;
	background-color: #5C5C5C;
}

blockquote {
	border-left: 4px solid #a7a7a7;
	padding: 0 0 0 10px;
	margin-left: 5px;
}

#page ol {
	padding: 0;
	margin: 0 0 10px 18px;
}

#page ol li {
	margin: 0 0 7px 0;
}

#page ul {
	padding: 0;
	margin: 0 0 10px 0;
}

#page ul li {
	background: url(gfx/meta/liststyle.png) no-repeat 0px 6px;
	padding: 0 0 0 12px;
	margin: 0 0 7px 0;
}


/* ## Misc ## */

.audio {
	font-size: 11px;
}

.audioplayer {
	padding: 5px 0 0 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* ## Drucken ## */

a.print {
	margin: 25px 0 15px 0;
	background-image: url(gfx/navi/navi_print.png);
	background-position: left;
	display: block;
	width: 127px;
	height: 19px;
}

a.print:hover {
	background-position: right;
}

#printpage {
	width: 550px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

#printlogo {
	height: 10px;
	width: 153px;
	background: url(gfx/cw_name.png);
	margin: 25px 0 65px 0;
}

#printpage h1 {
	font-size: 20px;
}

/* ALT ####################################################################*/

#titlebar {
	position: absolute;
	height: 39px;
	width: 346px;
	left: 308px;
	top: 185px;
}

#textbar {
	position: absolute;
	width: 346px;
	left: 308px;
	top: 234px;
}

#imagebar {
	position: absolute;
	width: 108px;
	left: 759px;
	top: 0px;
}

#lbarchiv {
	position: absolute;
	width: 165px;
	left: 759px;
	top: 195px;
}

/* ##### Loudblog ##### */

#textblock {
	margin: 5 0 5 0px;
}

/* ##### Diverse ##### */


/* COMMENTS */

form {
border-top: 1px dotted black;
padding-top: 0em;
margin-top: 0em;
width: 340px;
}

div.input {
width: 160px;
float: left;
}

label {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}

div.input input {
width: 110px;
}

div#message {
width: 340px; 
float: left;
margin-top: 1.2em;
}

div#message textarea {
width: 334px;
height: 120px;
}

div#buttons {
width: 330px;
float: right;
margin-top: 35px;
overflow: hidden;
}

div#buttons input {
width: 160px;
float: left;
}

div#file input {
width: 220px;
}