/*  
Theme Name: bla. - deutsche version
Theme URI: http://wordpress.org/
Description: Basierend auf dem Kubrick-Template dem Design meiner <a href="http://nebelschwade.kulturinventur.de/blog/">privaten Homepage</a> entstand dieses Wordpress-Theme.
Version: 1.1
Author: Steffen Becker
Author URI: http://nebelschwade.kulturinventur.de/

	bla. v1.1 - deutsche version powered by
	http://nebelschwade.kulturinventur.de/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Dieses Theme wurde bearbeitet und erstellt von Steffen Becker aka nebelschwade.
	Ich wuerde mich freuen, wenn ihr einen Link auf meine Homepage setzen wuerdet, sofern
	ihr dieses herrlische Theme verwendet. Und zoegert nicht mich bei Fragen, Kritik
	oder Anregungen zu kontaktieren: http://nebelschwade.kulturinventur.de/kontakt

***********************************************************************************/

/* HINTERGRUND-BILDER UND FARBEN */
/*********************************/

#m_head			{ background: url(imgs/main_head.jpg) no-repeat; }
#m_content		{ background: #EDC url(imgs/main_cont.jpg) repeat-y; }
#m_foot			{ background: url(imgs/main_foot.jpg) no-repeat; }
#n_head			{ background: url(imgs/nav_head.jpg) no-repeat; }
#n_content		{ background: #EDC url(imgs/nav_cont.jpg) repeat-y; }
#n_foot			{ background: url(imgs/nav_foot.jpg) no-repeat; }

/* PFLICHTPROGRAMM */
/*******************/

body {
	font: normal 100.01% Verdana, Arial, sans-serif;
	color: #000;
	background-color: #333;
	margin: 0px;
}
div {
	position: relative;
	margin: 0px;
}

/* LINKS */
/*********/

a {
	color: #700; 
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
/* link layout fuer die navigationsleiste */
#nav a {
	color: #000;
}
#nav a:hover {
	color: #700;
	text-decoration: none;
}
/* link layout fuer den footer und header in weiss und monospace */
#m_foot_title a, #m_title a {
	color: #FFF;
}
/* link layout fuer die ueberschriften der beitraege in schwarz */
.post h1 a {
	color: #000;
}
.post h1 a:hover {
	color: #700;
	text-decoration: none;
}

/* TEXT */
/********/

b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
h1, h2, h3 {
	font: normal 1.4em Georgia, serif;
	margin: 10px 0 5px;
}
#nav .page_item {
	font: normal 1.2em Georgia, serif;
	margin: 0 0 15px 0;
}
p {
	margin: 6px 0 9px;
}
/* wie pack ich das datum direkt unter eine ueberschrift? */
.post h1 {
	margin: 0px;
}
.post div.entry {
	margin-top: 15px;
}

/* GRAFIKEN */
/************/

/* max-width wird nich vom ie6 interpretiert, deshalb trotzdem auf max 450px bilder-breite achten */
a img, img {
	border: 0px;
	max-width: 100%;
}
.post img {
	margin: 0 10px 10px 0;
}
/* als extra-klasse fuer lustige kleine bildchen */
.postimg {
	float: left;
}

/* DIVS */
/********/

div.post { 
	margin-bottom: 15px;
	text-align: justify;
}
div.meta, small, .small {
	font-size: 0.9em;
}
div.center {
	text-align: center;
}
div.line {
	height: 0px;
	font-size: 0px; /* IE bug */
	width: 100px;
	margin: 20px 0 20px 0;
	border-bottom: 1px dashed #000;
}

/* FORMULARE */
/*************/

input, textarea {
	font: normal 1em Arial, sans-serif;
	background: #F9F3E8;
	border: 1px solid #000;
}


#contactform input, #commentform input {
	width: 50%;
}

#commentform input.ed_button {
	width: auto;
}

#commentform textarea {
	width: 450px;
	height: 150px;
}

#comments {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #918D84;
}

/* NAVIGATIONSLISTEN */
/*********************/

#nav ul {
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}


#nav ul li ul {
	padding-bottom: 10px;
	padding-left: 3px;
}
#nav h1, #nav h2, #nav h3, #nav .page_item {
	margin: 0px;
}

/* KOMMENTARLISTEN */
/*******************/

#main ol li {
	margin: 0 20px 10px 0;
}

/* NAVIGATION IM ARCHIV */
/************************/

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

/* DAS EIGENTLICHE DESIGN, BABY */
/********************************/
#container {
	width: 770px;
	margin: 0 auto 20px;
	font-size: 0.8em;
}
/* die m_-divs, der inhalt auf der linken seite */
#m_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 548px;
}
#m_head {
	width: 548px;
	height: 127px;
}
#m_title {
	font: normal 16px Courier New, monospace;
	text-align: center;
	color: #FFF;
	left: 347px;
	top: 70px;
	width: 120px;
	z-index: 2;
}
#m_content {
	width: 548px;
	padding-bottom: 40px;
}
#m_foot {
	margin: 0px;
	width: 588px;
	height: 155px;
	z-index: 1;
}
#m_foot_title {
	font: normal 12px Courier New, monospace;
	text-align: center;
	left: 86px;
	top: 30px;
	width: 90px;
	z-index: 2;
}
/* hier kommt letztendlich alles rein */
#main {
	text-align: justify;
	margin-bottom: 10px;
	width: 470px;
	left: 55px;
	top: 20px;
}

/* und die n_-divs, die navigation auf der rechten seite */
#n_container {
	position: absolute;
	top: 30px;
	left: 549px;
	width: 218px;
}
#n_head {
	width: 218px;
	height: 110px;
}
#n_content {
	width: 217px;
	padding-bottom: 20px;
}
#n_foot {
	width: 217px;
	height: 100px;
}
/* hier kommt letztendlich die navigation (sidebar) rein */
#nav {
	text-transform: lowercase;
	font-size: 93%;
	width: 115px;
	top: 10px;
	left: 50px;
}

#s {
	width: 80px;
}

.big {
	text-align: center;
	margin: 10px 0;
}

#startcontainer {
	overflow: hidden;
}

#startcontainer #left {
	width: 47%;
	float: left;
}

#startcontainer #right {
	width: 48%;
	margin-left: 50%;
}