/*  
Theme Name: bla. - internationalized
Theme URI: http://wordpress.org/
Description: Based on a Kubrick Design and on <a href="http://nebelschwade.kulturinventur.de/blog/">my Homepage</a> i've created this Wordpress theme.
Version: 1.1
Author: Steffen Becker
Author URI: http://nebelschwade.kulturinventur.de/

	bla. v1.1 (internationalized) powered by
	http://nebelschwade.kulturinventur.de/

	This Theme is valid XHTML 1.0 Strict and valid CSS 2.0
	and is tested to be displayed nicely in IE6, Firefox 1.5 and Opera 8.5
	and works with Wordpress 1.5 and 2.0.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	This theme was made by Steffen Becker aka nebelschwade.
	I would be honoured if you link me, when using this theme.
	Don't be afraid to contact me: http://nebelschwade.kulturinventur.de/kontakt
    if you have any questions or suggestions.

***********************************************************************************/

/* BACKGROUND-IMAGES AND COLORS */
/********************************/

#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_paws.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; }

.logo			{ width: 548px; height: 250px; position: absolute;  margin-left: -280px; left: 50%; top: 0px; z-index: 1;}

/* THIS HAS TO BE DONE */
/***********************/

body {
	font: normal 12px 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: line-through;
}
/* link layout for navigation */
#nav a {
	color: #000;
}
#nav a:hover {
	color: #700;
	text-decoration: none;
}
/* link layout for the footer and header in white and monospace */
#m_foot_title a, #m_title a {
	color: #FFF;
}
/* link layout for the headlines of posts in black */
.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 Georgia, serif;
	margin: 0 0 15px 0;
}
p {
	margin-bottom: 15px;
}
/* post-date under the headline without margin */
.post h1 {
	margin: 0px;
}
.post div.entry {
	margin-top: 15px;
}

/* GRAPHICS */
/************/

/* max-width is not supported by ie6 yet, so be careful to use 450px wide pictures or less only */
a img, img {
	border: 0px;
	max-width: 100%;
}
.post img {
	margin: 0 10px 10px 0;
}
/* wrap-around avatar-like images in posts */
.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;
}

/* FORMS */
/*********/

#commentform input, #commentform textarea, #searchform input {
	font: normal 12px Arial, sans-serif;
	background: transparent;
	border: 1px solid #000;
}
#commentform textarea {
	width: 450px;
	height: 200px;
}

/* NAVIGATION LISTS */
/********************/

#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;
}

/* COMMENT LISTS */
/*****************/

#main ol li {
	margin: 0 20px 10px 0;
}

/* ARCHIVES NAVIGATION */
/************************/

.alignright {
	float: right;
}
.alignleft {
	float: left
}

/* THE MAIN DESIGN AND DIV-LAYOUT, BABY! */
/*****************************************/
#container {
	width: 770px;
	margin: 0 auto 20px auto;
}
/* the m_-divs, left part of the page */
#m_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 548px;
}
#m_head {
	width: 548px;
	height: 127px;
}
#m_title {
	font: normal 12px Courier New, monospace;
	text-align: center;
	color: #FFF;
	left: 347px;
	top: 56px;
	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;
}
/* this is where the content is placed finally */
#main {
	text-align: justify;
	margin-bottom: 10px;
	width: 450px;
	left: 63px;
	top: 20px;
}		
/* the n_-divs, navigation on the right side of the page */
#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;
}
/* this is where the navigation is placed finally */
#nav {
	text-transform: lowercase;
	width: 100px;
	top: 10px;
	left: 57px;
}

/* that's pretty much it. have fun! */

