/*  
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/*
/*********************************/


/*#headerimg {background: url(imgs/test_head.png) no-repeat;}
*/
/*==> Fotos im Header*/

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

body {
	font-size: 12px; 
	line-height: 18px; 
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	color: #111;
	background: #a9a9ab url(imgs/Kabel-HG.jpg) no-repeat fixed;
	margin: 0px;
	padding: 0;
}
div {
	position: relative;
}

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

a {
	color: #444444; 
	text-decoration: none;
}
a:hover {
	color: #111;
	text-decoration: none;
}

/* link layout fuer den Inhaltsbereich, die Artikel */
.post a {
	color: #444444;
	text-decoration: underline;
	}

.post a:hover {
	color: #111;
	text-decoration: underline;
}

/* link layout fuer die navigationsleiste */
#nav a {
	color: #111;
	background-color: #FFFF33;

}
#nav a:hover {
	color: #444444;
	text-decoration: none;
}

/* link layout fuer den header */
#m_foot_title a {
	color: #111;
	background-color: #FFFF33;
}

/* link layout fuer die credits im footer */
#credits a {
	color: #FFFFFF;
	text-decoration: underline;
}

#credits a:hover {
	color: #111;
	text-decoration: underline;
}

/* link layout fuer die ueberschriften der beitraege in schwarz */
.post h1 a {
	color: #111;
	text-decoration: none;
}
.post h1 a:hover {
	color: #444444;
	text-decoration: none;
}

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

b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
h1, h2, h3 {
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weigth: bold;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}
h4 {
	color: #444444;
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 16px;
	font-weigth: bold;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}
p {
	margin-bottom: 5px;
}

/* wie pack ich das datum direkt unter eine ueberschrift? */
.post h1 {
	margin: 0px;
}
.post div.entry {
	margin-top: 10px;
}

/* 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: 30px;
	text-align: left;
}
div.meta, small {
	font-size: 10px;
	text-align: right;
}
div.center {
	text-align: center;
}


div.line {
	height: 0px;
	font-size: 0px; /* IE bug */
	width: 180px;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #111;
}

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

#commentform input, #commentform textarea, #searchform input {
	font: normal 12px Helvetica, Verdana, Arial, Sans-Serif;
	background: transparent;
	border: 1px solid #111;
}
#commentform textarea {
	width: 450px;
	height: 70px;
	padding: 5px;
}

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

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

 /* hr {width: 180px; color:yellow; height: 1px; margin-right: 0; text-align: center; border: 1px solid #111;} */


#nav ul li ul {
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 10px 0 10px 0;
	/* border-bottom: 1px solid #111;  Trennstriche zwischen den Rubriken */

}
#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;
}

/* DAS EIGENTLICHE DESIGN, BABY */
/********************************/


#headerimg {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	height: 700px;
}


#container {
	width: 770px;
	margin: -600px auto auto auto; /* Abstand zu div headerimg, Rest auf zentriert gesetzt */
}


/* die m_-divs, der inhalt auf der linken seite */
#m_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 548px;
}



#m_head {
	width: 548px;
	height: 80px;
}

#m_title {
	font: 100 30px Helvetica, Verdana, Arial, Sans-Serif;
	letter-spacing: -0,5px;
	text-align: left;
	color: #FFFF33;
	left: 0px;
	top: 0px;
	width: 548px;
	z-index: 2;
/*	background-color: #FFFF33;*/
/*	padding-left: 5px;
*/	line-height: 30px;

}

p#description {
	font: 22px Helvetica, Verdana, Arial, Sans-Serif;
	font-weight: 700;
	letter-spacing: 0px;
	color: white;
	/*line-height: 20px;*/
	text-transform: lowercase;
/*	font-variant: small-caps;
*/	
/*	height: 16px;
*/	/*background: #111;*/
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
}


#m_content {
	width: 548px;
	padding-bottom: 50px;
	background-color: #FFF;
}
#m_foot {
	margin: 0px;
	width: 548px;
	height: 220px;
	z-index: 1;
/*	background: url(imgs/m_foot.png) no-repeat; ==> Schwanzerl*/
}
#m_foot_title {
	font: normal 12px Helvetica, Verdana, Arial, Sans-Serif;
	text-align: left;
	left: 49px;
	top: -30px;
	width: 90px;
	z-index: 2;
}
p#credits {
	margin: 0 auto 0 auto;
	color: #FFF;
	font: normal 10px Helvetica, Verdana, Arial, Sans-Serif;
	z-index: 2;

}

/* hier kommt letztendlich alles rein */
#main {
	text-align: left;
	margin-bottom: 40px;
	width: 450px;
	left: 49px;
	top: 30px; /* Abstand 1. Headline zum oberen wei§en Rand */
}		
/* und die n_-divs, die navigation auf der rechten seite */
#n_container {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 220px;
	margin-left: 548px;
}

#n_content {
	width: 180px;
	padding-left: 20px;
	top: 30px;
}
#n_foot {
	width: 217px;
	height: 100px;
}
/* hier kommt letztendlich die navigation (sidebar) rein */
#nav {
	text-transform: lowercase;
	width: 180px;
}



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