/*  
Theme Name: JEF-Hamburg
Theme URI: http://www.jef-hamburg.de/
Description: Based on <a href="http://www.kylaloo.net">Mathias Hundt</a>'s and <a href="http://blogshop.de">Olaf A. Schmitz</a>'s Deutsche Bearbeitung of <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Martin Lormes
Author URI: http://www.martinlormes.de/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

body { background-color: #99CCBF; color: #333; font: normal 12px Verdana,sans-serif; margin: 0px; line-height: 18px; }

div#outerwrapper { position: absolute; left: 50%; }
div#innerwrapper { position: absolute; left: -395px; width: 790px; }

div#header { height: 140px; }
div#header h1 { display: none; }

div#navigation { height: 30px; background-color: #009B75; color: #fff; margin: 0px 10px; font: bold 12px Verdana,sans-serif; }
div#navigation ul { display: block; margin: 0px; padding: 7px 0px 0px 4px; }
div#navigation ul li { display: inline; margin: 0px 5px; padding: 3px; }
div#navigation ul li a { background-color: #009B75; color: #fff; text-decoration: none; }
div#navigation ul li a:focus,
div#navigation ul li a:active,
div#navigation ul li a:hover { background-color: #009B75; color: #fff; text-decoration: none; padding-bottom: 6px; border-bottom: solid 2px #fff; /* margin-bottom: 1px; */ }
div#navigation ul li.current_page_item a { background-color: #009B75; color: #fff; text-decoration: none; padding-bottom: 6px; border-bottom: solid 2px #fff; /* margin-bottom: 1px; */ }

div#main { margin: 10px; }
div#main a { background-color: #fff; color: #33f; }
div#main a:focus,
div#main a:active,
div#main a:hover { background-color: #FFFF7F; color: #6e201e; }

div#margin { float: right; width: 220px; padding: 0px 10px 50px 10px; margin: 0px 0px 10px 10px; }
div#margin div.postit { background-color: #ff6; color: #333; font: bold 15px Comic Sans MS,sans-serif; margin: 0px 0px 30px 0px; padding: 2px 5px 5px 5px; border-right: solid 1px #ccc; border-bottom: solid 1px #999; }
div#margin div.postit a { background-color: #ff6; color: #00f; }
div#margin div.postit a:focus,
div#margin div.postit a:active,
div#margin div.postit a:hover { background-color: #ff6; color: #f00; }


div#margin div.postit-termine { background-color: #ff6; color: #333; font: bold 15px Arial, Verdana, Comic Sans MS,sans-serif; margin: 0px 0px 30px 0px; padding: 2px 5px 5px 5px; border-right: solid 1px #ccc; border-bottom: solid 1px #999; }
div#margin div.postit-termine a { background-color: #ff6; color: #00f; }
div#margin div.postit-termine a:focus,
div#margin div.postit-termine a:active,
div#margin div.postit-termine a:hover { background-color: #ff6; color: #f00; }

div#content { margin: 0px 15px; }
div#content p { line-height: 18px; margin: 9px 0px; }
/* div#content div.postdate { font: normal 10px Verdana,sans-serif; line-height: 18px; } */
div#content h3 { background-color: #fff; color: #666; font: bold 14px Verdana,sans-serif; line-height: 18px; margin: 9px 0px; }
div#content h3.posttitle { background-color: #fff; color: #666; font: bold 14px Verdana,sans-serif; margin-top: 0px; line-height: 18px; }
div#content h3.posttitle a { background-color: #fff; color: #666; text-decoration: none; }
div#content h3.posttitle a:focus,
div#content h3.posttitle a:active,
div#content h3.posttitle a:hover { background-color: #FFFF7F; color: #6e201e; }
div#content div.postmetadata { font: normal 10px Verdana,sans-serif; background-color: #fff; color: #999; line-height: 18px; margin: 0px 0px 36px; }
div#content div.postmetadata a { background-color: #fff; color: #99f; }
div#content div.postmetadata a:focus,
div#content div.postmetadata a:active,
div#content div.postmetadata a:hover { background-color: #FFFF7F; color: #6e201e; }

div#credits { background-color: #fff; color: #999; font: normal 10px Verdana,sans-serif; margin: 40px 15px 0px; clear: right; }

div#footer { height: 30px; }

div.navigation div.alignleft { float: left; }
div.navigation div.alignright { float: right; }
div.navigation { margin-bottom: 2em; }