/*  
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 13px Helvetica;
	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 17px Helvetica ;
	margin: 0 0 15px 0;
}
p {
	margin-bottom: 15px;
}
/* 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 {
	font-size: 10px;
	text-align: right;
}
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 */
/*************/

#commentform input, #commentform textarea, #searchform input {
	font: normal 13px Helvetica, sans-serif;
	background: transparent;
	border: 1px solid #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 0;
}

/* NAVIGATION IM ARCHIV */
/************************/

.alignright {
	float: right;
}
.alignleft {
	float: left
}

#container {
	width: 770px;
	margin: 0 auto 20px auto;
}

#m_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 548px;
}
#m_head {
	width: 548px;
	height: 127px;
}
#m_title {
	font: normal 20px Courier;
	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: 590px;
	height: 155px;
	z-index: 1;
}
#m_foot_title {
	font: normal 12px Courier, monospace;
	text-align: center;
	left: 86px;
	top: 30px;
	width: 90px;
	z-index: 2;
}

#main {
	text-align: justify;
	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;
}

#nav {
	
	width: 100px;
	top: 10px;
	left: 57px;
}



