/*  
Theme Name: myYeah
Theme URI: http://www.michaelolea.at/html/wp-content/themes/
Description: Basierend auf dem Kubrick-Template von <a href="http://nebelschwade.kulturinventur.de/blog/">Steffen Becker</a> entstand dieses Wordpress-Theme.
Version: 1.0
Author: Michael Olea
Author URI: http://www.michaelolea.at/

	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/mainNew2_head.png) no-repeat; }*/
/*#m_content		{ background: url(imgs/mainAlt_cont.gif) repeat-y; }
#m_foot			{ background: url(imgs/mainAlt_foot.png) no-repeat; }
#n_head			{ background: url(imgs/navAlt_head.png) no-repeat; }
#n_content		{ background: url(imgs/navAlt_cont.gif) repeat-y; }
#n_foot			{ background: url(imgs/navAlt_foot.png) no-repeat; }*/

/* FLASHINSERT */
/*******************/

/*#flash_insert {
	width: 486px;
	height: 92px;
	top: 104px;
	left: 48px;
	position: absolute;
	visibility: visible;
}*/
/*#random_pic {
	width: 486px;
	height: 92px;
	top: 104px;
	left: 48px;
	position: absolute;
	visibility: visible;
}
#random_pic img {
	border: hidden;
}*/

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

body {
	font: normal 12px Helvetica, sans-serif;
	color: #666;
	/*background-image: url(imgs/stripesGridBrighter.png);
	background-repeat: repeat;*/
	line-height: 20px;
	background-color: #fff;
	/*background: url(imgs/homepageAlt_bg.jpg) repeat;*/
	margin: 0px;
}
div {
	position: relative; 
	margin: 0px;
}

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

a {
	color: #F3C; 
	font-weight: bold;
	text-decoration: none;
}
.entry a:hover {
	color: #fff;
	background-color: #000;
}
.meta a:hover {
	color: #fff;
	background-color: #000;
}
a:hover {
	color: #000;
	background-color: #000
	text-decoration: none;
}
/* link layout fuer die navigationsleiste */
#nav a {
	color: #000;
	font-weight: bold;
}
#nav a:hover {
	color: #fff;
	background-color: #000;
	font-weight: bold;
	text-decoration: none;
}
/* link layout fuer den footer und header in weiss und monospace */
#m_foot_title a, #m_title a {
	color: #00C6F6;
}

#m_foot_title a:hover, #m_title a:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}
/* link layout fuer die ueberschriften der beitraege in schwarz */
.title {
	background-color: #000;
	font: normal 30px Helvetica, san-serif;
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 5px;
}
.title:hover {
	background-color: #00C6F6;
	font: normal 30px Helvetica, san-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin-right: 10px;
	margin-bottom: 5px;
}

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

b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
h1, h2, h3 {
	font: normal 17px Helvetica, san-serif;
	font-weight: bold;
	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: 3px solid #000;*/
	max-width: 100%;
}
.post img {
	margin: 0 10px 10px 0;
}
/* als extra-klasse fuer lustige kleine bildchen */
.postimg {
	float: left;
}

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

#postStripes {
	visibility: visible;
	position: absolute;
	top: 0;
	left: -600px;
	width: 600px;
	height: 100%;
	background-image: url(imgs/stripesGridBrighter.png);
	background-repeat: repeat;
}
div.post { 
	/*border-bottom: 5px solid #070;*/
	margin-bottom: 15px;
	text-align: justify;
	/*background-image: url(imgs/stripesGridBrighter.png);
	background-repeat: repeat;*/
}
div.entry {
	/*width: 280px; experimental*/
	margin-top: -17px;
	top: -17px;
	/*background-image: url(imgs/stripesGridBrighter.png);
	background-repeat: repeat;*/
}
div.meta {
	top: -15px;
}
div.meta, small {
	font-size: 10px;
	text-align: left;
}
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 {
	color: #666;
	font: normal 11px Arial, sans-serif;
	padding: 1px;
	background: transparent;
	border: 1px solid #000;
}
#commentform textarea {
	width: 450px;
	height: 120px;
}

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

#nav ul, #nav li {
	color: #00C6F6;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav ul li ul {
	font-size: 1.3em;
	padding-bottom: 12px;
	padding-left: 5px;
}
#nav h1, #nav h2, #nav h3 {
	margin: 0px;
}
#nav li ul li {
	font-size: 0.6em;
	padding-bottom: 2px;
	padding-left: 5px;
}

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

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

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

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

/* DAS EIGENTLICHE DESIGN, BABY */
/********************************/
#stripes {
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
	height: 100%;
	margin-right: 5px;
	background-image: url(imgs/stripesGridBright.png);
	background-repeat: repeat;
	background-color: #fff;
	z-index: 10;
}
#entryLine {
	width: 100%;
	border-bottom: 1px dotted #F3C;
}
#greyBar {
	width: 100%;
	border-bottom: 1px dashed #CCC;
}
#greyBar02 {
	width: 100%;
	top: 180px;
	border-bottom: 1px dashed #CFCFCF;
}
#headImg {
	position: absolute;
	width: 100%;
	top: 1px;
	height: 180px;
	background-image: url(imgs/blog_header.png);
	background-repeat: no-repeat;
	margin: 0;
}
#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; ORIGINAL-height*/
	height: 254px;
}
#m_title {
	font: normal 16px Arial, san-serif;
	text-align: left;
	color: #030;
	left: 0px;
	top: 30px;
	width: 200px;
	/*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 {
	color: #050;
	font: normal 10px Arial, san-serif;
	text-align: center;
	left: 86px;
	top: 28px;
	width: 90px;
	z-index: 2;
}
/* hier kommt letztendlich alles rein */
#main {
	text-align: justify;
	margin-bottom: 10px;
	width: 450px;
	left: 63px;
	top: 20px;
}		
/* und die n_-divs, die navigation auf der rechten seite */
/*#navStripes {
	position: absolute;
	top: 0;
	left: -50px;
	width: 50px;
	height: 100%;
	background-image: url(imgs/stripesGridBrighter.png);
	background-repeat: repeat;
}*/
#n_container {
	position: absolute;
	top: -2px;
	left: 549px;
	width: 218px;
	background-image: url(imgs/stripesGridBrighter.png);
	background-repeat: repeat;
	border-bottom: 1px dotted #F3C;
}
#n_head {
	width: 218px;
	height: 110px;
}
#n_content {
	width: 217px;
	padding-bottom: 20px;
	padding-top: 30px;
}
#n_foot {
	width: 217px;
	height: 100px;
}
/* hier kommt letztendlich die navigation (sidebar) rein */
#nav {
	text-transform: lowercase;
	width: 100px;
	top: 10px;
	left: 57px;
}

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