/*  
	Theme Name:	Lucy im Licht
	Version:	1.0
	Author:		Ingo Blenke
	Author URI:	http://www.id-on.de
	*/
	
	
	
	
	
	
	
	/*	?Allgemeine Styles	--------------------------------------------------------------------------------------------------------------------------------------- */
	
	* {
	margin:0; padding:0;
	}
	img	{
	border:none;
	}
	.clear {
	clear:both;
	}
	a {
	text-decoration:none;
	}
	ul, ol {
	list-style:none;
	}
	h2 {
	font-size:1.8em;
	font-weight:bold;
	color:#fff;
	padding-left:6px;
	line-height:50px;
	}
	h2 em {
	font-weight:normal;
	font-style:normal;
	}
	h2 a {
	color:#fff;
	text-decoration:none;
	}
	h2 a:hover,
	h2 a:focus {
	text-decoration:underline;
	}
	h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	margin-bottom:1em;
	padding-left:.5em;
	}
	#feed a,
	#feed a,
	.entryInfos a,
	.entryInfos a,
	.commentsBox cite a,
	.commentsBox cite a,
	.more-link,
	.entry p a {
	padding:2px 1px 1px 1px;
	border-bottom:1px solid #fff;
	color:#fff;
	}
	#feed a:hover,
	#feed a:focus,
	.entryInfos a:hover,
	.entryInfos a:focus,
	.commentsBox cite a:hover,
	.commentsBox cite a:focus,
	.more-link:hover,
	.more-link:focus,
	.entry p a:hover,
	.entry p a:focus {
	background:#4B54A2;
	}
	h3.nothing {
	margin-bottom:3em;
	}
	form input,
	form textarea {
	font-size:1.2em;
	}
	label span {
	font-size:80%;
	}
	
	/*	----------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	/*	?Struktur	----------------------------------------------------------------------------------------------------------------------------------------------- */
	
	body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #171322 url(images/lucy_bg_09.jpg) no-repeat center 1px;
	color:#4B54A2;
	text-align: center;
	}
	#page {
	width:612px;
	font-size: 1em;
	margin:0 auto;
	padding-right:6px; /* passt die vertikale Ausrichtung dem asymetrische HG-Bild an */
	}
	#header {
	height:150px;
		}
		#header a img {
		width:360px;
		height:53px;
		position:relative;
		top:60px;
	}
	#content {
	width:400px;
	min-height:500px;
	background:#A8BBFF url(images/content_bg2.jpg) no-repeat;
	padding:4em 106px 3em 106px;
	text-align:left;
	}
	#footer {
	height:25px;
	background:#171322;
	text-align:center;
	}
	
	/*	----------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
	/*	?Post Styles	-------------------------------------------------------------------------------------------------------------------------------------------	*/
	
	.post {
	width: 400px;
	text-align: left;
	margin:0 auto 3em auto;
	}
	.posthead {
	background:url(images/postHeaderBg2.gif) no-repeat;
	height:50px;
	border-bottom:1px solid #8797E0;
	}
	.posthead h2 {
	font-weight:normal;
	}
	.entry {
	padding:5px;
	line-height:140%;
	background:#B1C2FF;
	margin-top:2px;
	border-bottom:1px solid #8797E0;
	font-size:1.1em;
	}
		.entry p {
		margin-bottom:1em;
		}
		.entry strong {
		font-weight:bold;
		}
		.entry em {
		font-style:italic;
		}
		.entry ul,
		.entry ol {
		list-style: disc inside;
		margin-bottom:1em;
		margin-left:3em;
		}
		.entry ol {
		list-style: decimal inside;
		}
		.entry img {
		margin:10px 10px 10px 0;
		}
		.entry blockquote {
		padding:5px;
		background:#D8E1FF;
		margin:0 20px 1em 20px;
		color:#8891E4;
		border:1px solid #8891E4;
		}
			.entry blockquote p {
			margin:0;
			}
	.entryInfos {
	font-size:.9em;
	margin:.5em 0 0 .5em;
	}
	.entryInfos img {
	width:17px;
	height:15px;
	vertical-align:middle;
	margin-right:3px;
	}
	
	/*	---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	/*	?Kategorie Styles & ?Letzte Beiträge	------------------------------------------------------------------------------------------------------------------ */
	
	#kategorie,
	#recentlyPosted {
	width:190px;
	float:left;
	background:url(images/list_bg.gif) repeat-y;
	text-align:left;
	margin-bottom:3em;
	}
	#kategorie h2,
	#recentlyPosted h2 {
	font-size:1.4em;
	font-weight:normal;
	width:190px;
	height:40px;
	background:url(images/h2_bg.gif) no-repeat;
	line-height:40px;
	text-indent:10px;
	padding:0;
	}
	#kategorie ul,
	#recentlyPosted ul {
	font-size:1em;
	width:190px;
	padding-bottom:10px;
	list-style:none;
	background:url(images/ul_bg.gif) no-repeat bottom;
	}
	#kategorie li,
	#recentlyPosted li {
	margin:0 10px;
	}
	#kategorie li a,
	#recentlyPosted li a {
	display:block;
	color:#7987D8;
	text-decoration:none;
	background:url(images/listicon_kat.gif) no-repeat left center;
	padding:5px 0 5px 20px;
	border-bottom:1px solid #7987D8;
	}
	#kategorie li a:hover,
	#kategorie li a:focus,
	#recentlyPosted li a:hover,
	#recentlyPosted li a:focus {
	background-color:#B1C1FA;
	}		
	#recentlyPosted {
	margin-left:20px;
	}
	#recentlyPosted li a {
	background:url(images/listicon_recently.gif) no-repeat left center;
	}
	
	/*	---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	/*	?Feed Styles	------------------------------------------------------------------------------------------------------------------------------------------ */
	
	#feed {
	float:left;
	text-align:left;
	margin-left:10px;
	list-style:none;
	}
	#feed li {
	margin-bottom:5px;
	}
	h3.feed {
	background:url(images/feedicon16.gif) no-repeat left center;
	padding:2px 0 2px 20px;
	margin-left:10px;
	}
	#feed a {
	display:block;
	}
	
	/*	---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	/*	?Kommentar Form	------------------------------------------------------------------------------------------------------------------------------------------ */
	
	fieldset {
	border:none;
	margin:5px 0;
	background:#B1C2FF;
	padding:3px 5px;
	}
	label {
	width:138px;
	float:left;
	line-height:17px;
	font-size:12px;
	margin:2px 0;
	}
	input {
	width:240px;
	float:right;
	margin:2px 0 2px 10px;
	border:1px solid #fff;
	line-height:15px;
	}
	textarea {
	width:240px;
	float:right;
	border:1px solid #fff;
	margin:2px 0;
	}
	.senden {
	float:right;
	cursor:pointer;
	width:140px;
	height:16px;
	}
	#commentform label span {
	font-size:80%;
	}
	/* Enhanced */
	input:focus,
	textarea:focus {
	background:#D5DEFF;
	}
	.senden:focus {
	border-color:#000;
	}
	
	
	/*	---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	/*	?Search Form	------------------------------------------------------------------------------------------------------------------------------------------ */

	#searchform {
	width:610px;
	height:26px;
	margin:0;
	text-align:right;
	padding-top:3px;
	}
	#searchform label {
	float:none;
	color:#fff;
	line-height:26px;
	vertical-align:middle;
	}
	#searchform #s {
	width: 115px;
	height:16px;
	background:#2F2B39;
	border:1px solid #fff;
	padding:0;
	color:#fff;
	float:none;
	vertical-align:middle;
	}
	#searchsubmit {
	width:60px;
	height:16px;
	border:1px solid #fff;
	cursor:pointer;
	float:none;
	vertical-align:middle;
	padding:0;
	}

	/*	---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	/*	?Kommentare	---------------------------------------------------------------------------------------------------------------------------------------------- */
	
	.respondBox,
	.commentsBox {
	text-align:left;
	margin-bottom:3em;
	}
	.commentsBox ol {
	line-height:140%;
	}
	.commentsBox li {
	margin-bottom:1em;
	border-top:1px solid #8797E0;
	}
	.commentsBox li span {
	padding-left:5px;
	background:#B9C5F6 url(images/comment_bg.gif) repeat-x left top;
	display:block;
	line-height:2em;
	}
	.commentsBox li span img {
	vertical-align:middle;
	margin-right:5px;
	}
	.commentsBox ol li p {
	margin-top:.5em;
	padding:5px;
	font-size:1.1em;
	}
	.commentsBox h3 em {
	font-style:normal;
	font-weight:normal;
	}
	.commentsBox cite a,
	.commentsBox cite {
	font-style:normal;
	color:#fff;
	}
	.alt {	/*	alternative Comment-Box für alle ungeraden Kommentare	*/
	background:#B1C2FF;
	}
	
	
	
	
	/* ##########  Navigation der Originalseite  ########## */

	#nav {
		width:606px;
		text-align:center;
		padding-left:6px; /* korrigiert das asymetrische HG-Bild */
		}
		
		#nav ul {
			width: 511px;
			height: 35px;
			background: url(images/navigation.gif) no-repeat;
			margin: 0 auto;
			position: relative;
			top:64px;
			padding:0;
			}
			
			#nav li {
				list-style: none;
				position: absolute;
				top: 0;
				}
		#nav a , #nav a:hover{ text-decoration:none; }
		#nav li, #nav a { display: block; height:35px; }
		
		#panel1b {left: 0; width: 42px;}
		#panel2b {left: 42px; width: 49px;}
		#panel3b {left: 91px; width: 81px;}
		#panel4b {left: 172px; width: 94px;}
		#panel5b {left: 266px; width: 62px;}
		#panel6b {left: 328px; width: 51px;}
		#panel7b {left: 379px; width: 40px;}
		#panel8b {left: 419px; width: 92px;}
		
		#panel1b a span { visibility:hidden; }
		#panel2b a span { visibility:hidden; }
		#panel3b a span { visibility:hidden; }
		#panel4b a span { visibility:hidden; }
		#panel5b a span { visibility:hidden; }
		#panel6b a span { visibility:hidden; }
		#panel7b a span { visibility:hidden; }
		#panel8b a span { visibility:hidden; }
		
		#panel1b a:hover {background: transparent url(images/navigation.gif) 0 -35px no-repeat;}
		#panel2b a:hover {background: transparent url(images/navigation.gif) -42px -35px no-repeat;}
		#panel3b a:hover {background: transparent url(images/navigation.gif) -91px -35px no-repeat;}
		#panel4b a:hover {background: transparent url(images/navigation.gif) -172px -35px no-repeat;}
		#panel5b a:hover {background: transparent url(images/navigation.gif) -266px -35px no-repeat;}
		#panel6b a:hover {background: transparent url(images/navigation.gif) -328px -35px no-repeat;}
		#panel7b a:hover {background: transparent url(images/navigation.gif) -379px -35px no-repeat;}
		#panel8b a:hover {background: transparent url(images/navigation.gif) -419px -35px no-repeat;}
	
	/* setzt den 'BLOG'-Link als active */
	
	body#blog #panel7b {
	background:transparent url(images/navigation.gif) no-repeat -379px -35px;
	}
	
	
	/* N A V I G A T I O N // Umbau 2009 */
    #Navigation  {
    	height: 22px;
    	margin: 62px 0 0;
    }
    #Navigation ul {
        margin:0 auto;
        width:472px;
        position:relative;
        left:3px;
        float:none;
    }
    #Navigation ul ul {
        width:auto;
        margin:auto;
        position:absolute;
    }
    	#Navigation a ,#Navigation a:hover{ text-decoration:none; }
    	#Navigation li, #Navigation a { height:22px; }	

    	#Autor {  width: 58px; background: transparent url(/images/navigation.png) no-repeat; }
    	#Rezensionen { width: 110px; background: transparent url(/images/navigation.png) -58px 0px no-repeat; }
    	#Lesungen { width: 86px; background: transparent url(/images/navigation.png) -168px 0px no-repeat; }
    	#Forum { width: 62px; background: transparent url(/images/navigation.png) -254px 0px no-repeat; }
    	#Blog { width: 52px; background: transparent url(/images/navigation.png) -316px 0px no-repeat; }
    	#Grundlagen { width: 104px; background: transparent url(/images/navigation.png) -368px 0px no-repeat;}

    	#Autor a span, #Rezensionen a span, #Lesungen a span, #Forum a span, #Blog a span, 	#Grundlagen a span {  position:		absolute; top:			-999em; }

    	#Autor a:hover {background:transparent url(/images/navigation.png) 0 -22px no-repeat;}
    	#Forum a:hover { background: transparent url(/images/navigation.png) -254px -22px no-repeat;}
    	#Blog a:hover { background: transparent url(/images/navigation.png) -316px -22px no-repeat;}
    	#Grundlagen a:hover { background: transparent url(/images/navigation.png) -368px -22px no-repeat;}


    	#Rezensionen:hover, #Rezensionen.sfHover,
    	#Rezensionen  a:focus, #Rezensionen  a:hover, #Rezensionen  a:active {
    		outline:		0;
    		background: transparent url(/images/navigation.png) -58px -22px no-repeat;
    	}
    	#Lesungen:hover, #Lesungen.sfHover,
    	#Lesungen  a:focus, #Lesungen  a:hover, #Lesungen  a:active {
    		outline:		0;
    		background: transparent url(/images/navigation.png) -168px -22px no-repeat;
    	} 
    	#Lesungen li a:hover, #Rezensionen li a:hover, #Rezensionen li a:focus, #Lesungen  a:focus, #Rezensionen li a:active, #Lesungen  a:active { background: none; }

    	#Rezensionen ul li , #Lesungen ul li{ background-image:url(/images/blank.png) }