/*  
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 !important; }
#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: 13px Arial, sans-serif; color: #000; background-color: black; background-image: url(imgs/background.jpg); background-repeat: repeat-y; background-position: center 0; margin: 0; }
div {
	position: relative; 
	margin: 0px;
}

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

a {
	color: #900; 
	text-decoration: none;
}
a:hover { color: #000; text-decoration: underline; }
/* link layout fuer die navigationsleiste */
#nav a {
	color: #000;
}
#nav a:hover {
	color: #900;
	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: #900;
	text-decoration: none;
}

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

b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
h1, h2, h3 {
	font: 19px Georgia, serif;
	margin: 0 0 15px;
}
p {
	margin-bottom: 15px;
}
li { margin-left: 20px; }
/* wie pack ich das datum direkt unter eine ueberschrift? */
.post h1 {
	margin: 0px;
}
.post div.entry {
	margin-top: 15px;
}
blockquote { font-style: italic; background-image: url(imgs/quote.gif); background-repeat: no-repeat; background-position: 0 0; margin:0; padding: 15px 0 15px 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 2px 2px 0;
}
/* als extra-klasse fuer lustige kleine bildchen */
.postimg {
	float: left;
}

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

div.post { 
	margin-bottom: 15px;
}
div.meta, small { font-size: 11px; text-align: right; margin-bottom: 40px; }
div.center {
	text-align: center;
}
div.line {
	height: 0;
	font-size: 0; /* IE bug */
	width: 120px;
	margin: 20px 0;
	border-bottom: 1px solid #000;
}

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

#commentform input, #commentform textarea, #searchform input {
	font: 13px Arial, sans-serif;
	background: transparent;
	border: solid 1px #000;
}
#commentform textarea {
	width: 450px;
	height: 200px;
}

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

#nav ul, #nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav ul li ul {
	padding-bottom: 10px;
	padding-left: 5px;
}
#nav h1, #nav h2, #nav h3 {
	margin: 0px;
}

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

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

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

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

/* DAS EIGENTLICHE DESIGN, BABY */
/********************************/
#container {
	width: 770px;
	margin: 0 auto 20px auto;
}
/* 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: 17px "Courier New", monospace;
	text-align: center;
	color: #fff;
	left: 347px;
	top: 60px;
	width: 140px;
	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: 13px "Courier New", monospace;
	text-align: center;
	left: 86px;
	top: 30px;
	width: 90px;
	z-index: 2;
}
/* hier kommt letztendlich alles rein */
#main {
	margin-bottom: 10px;
	width: 450px;
	left: 63px;
	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 { width: 120px; top: 10px; left: 57px; }

/* jo, das wars. viel spass damit */