/*
Theme Name: Sonnenschein
Theme URI: http://www.sonnenschein.neuwied.de/
Description: Layout-Vorschlag für Homepage des Sonnenschein e.V. (Farben: orange - #ff9c04, blassorange - #ffce82, rot - #e20a16, gelb - #fff100, blassgelb - #fff880)

Version: 0.1
Author: Bastian Mertgen <ba.mertgen@mhk.marienhaus-gmbh.de>


*/
/* Struktur */
body {
	
	text-align      : center;
	
	margin          : 0em;
	padding         : 0em;
}

div, ul {

	margin          : 0em;
	padding         : 0em;
}

img {

	border          : none;
}

#pageHeader, #pageBody {

	text-align      : left;
}

#pageHeader #blogInfo {

        text-align      : left;
}

#pageHeader ul {
	
	list-style-type : none;
	
	vertical-align  : middle;
	
	margin          : 0em;
	padding         : 0.5em 1em;
	
	height          : 3em;
}

#pageHeader ul li {

	float           : left;
    
	vertical-align  : middle;
    
	padding         : 0em 0.5em;
    
	height          : 3em;
}

#pageHeader ul li a {

	display         : block;
	text-align      : center;

	margin-top      : 0.5em;
	padding         : 0.75em 0.5em;

	height          : 1em;
	width           : 12em;
}

#pageBody {
	
	margin          : 1em 0em;
	padding         : 0em;
        
	min-height      : 256px;
}

#sidebar {
	
	float           : left;
	
	margin-top      : 1.1em;
	
	width           : 16em;
}

#sidebar h2 {

	margin          : 0em;
}

#sidebar ul {

	list-style-type : none;
    
	vertical-align  : bottom;
    
	margin          : 0em;
        margin-bottom   : 0.5em;
	padding         : 0.5em 1em;
}

#sidebar ul li {

	clear           : left;

	vertical-align  : bottom;
    
	padding         : 0em 0.5em;
    
	height          : 3em;
}

#sidebar ul li a {

	display         : block;
	float           : left;
	
	text-align      : center;
	
	padding         : 0.75em 0.5em;
	
	height          : 1em;
	width           : 12em;
}

#sidebar ul li>div {

	display         : block;
	float           : left;
    
	text-align      : center;
    
        margin-bottom   : 0.5em;
        
	padding         : 0.75em 0.5em;
    
	height          : 4em;
	width           : 12em;
}

#sidebar ul li>div input {

	width           : 8em;
}

#sidebar ul li>div input[type=submit] {

	width           : 6em;
}

#sidebar ul li>div input[type=text] {

	width           : 12em;
}

#sidebar form{

	margin		  : 0em;
	padding           : 0em;
}

#content {

	margin-left     : 16em;
	
	/*padding         : 0.1em 0.1em 0.1em 2em;*/

	width           : 54em;
}

	.feedback {
	
		clear		: left;
	}

#content .page {
	padding-top	: 0.2em;
}
#content .page ul {
	padding-left	: 1em;
}
#pageFooter {
	
	clear           : left;
}

#pageFooter #credits {

	margin          : 0% auto;
	
	width           : 512px;
}

/* Typographie & Farben */
body {
	
	background      : url( 'images/site-bg_lightyellow-white_128-256x1_c0.png' ) repeat-y;

	font-family     : Tahoma,Verdana,Arial,sans-serif;
	font-size       : 90%;
}

#pageHeader {
	
	z-index         : 100;
}

#pageHeader #blogInfo {

	padding-left    : 1.5em;
	padding-top     : 1em;
}

#pageHeader ul li a {

	text-decoration : none;
	
	background      : #e20a16 url('images/menu_bg_red.png') no-repeat left center;
	color           : #fff;
}

#pageHeader ul li.current_page_item a, #sidebar ul li.current-cat a {
    
	background      : transparent;
	color           : #000;
}

#sidebar ul li a {

	text-decoration : none;
    
	background      : #ff9c04 url('images/menu_bg_orange.png') no-repeat left center;
	color           : #000;   
}

#sidebar ul li>div {

	text-decoration : none;
    
	background      : #fff100;
	color           : #000; 
}

#pageBody {

	background      : url( 'images/pageBody_bg_256x256.jpg' ) bottom right no-repeat;
	z-index         : 200;
}

#pageBody h1 a {

	background      : inherit;
	color           : inherit;
    
	text-decoration : none;
}

#pageFooter {
	
	font-size       : 0.8em;
	
	z-index         : 150;
}
/*
#eyeCandy_1 {

	background      : url( 'images/pageBody_bg_256x256.jpg' ) bottom right no-repeat;
    
	position        : absolute;
	height          : 256px;
	right           : 0%;
	bottom          : 0%;
	width           : 256px;
}
*/