/*  
Theme Name: Reddreams
Theme URI: http://www.wdtz.de/
Description: Reddreams is a ourself written template based on a  Tutorial by thally Design and Admin by Tanja <a href="http://www.wdtz.de/" title="WDTZ">WDTZ</a>.  
Version: 1.0
Author: Tanja Ziegler
Author URI: http://www.wdtz.de/

This theme was designed and coded by Tanja.
*/

/*HINWEIS: Nur das ändern mit den grauen Erklären dafür, Hilfe erfolgt nicht wenn ihr die Grössen und die Positionen ändert ohne zu wissen was ihr da macht!!! Auf dieses Thema wird näher im 2. Blogkurs eingegangen, da dies zu sehr in die Materie Erstellen eines Themes greift!!!*/

/*Grundeinstellungen (diese Einstellungen greifen wenn ein Bereich nicht speziell festgelegt wurde)*/

body 
{
	font-size: 12px; 										/*Textgrösse*/
	margin: 5px auto;
	text-align: center; 									/*Textausrichtung*/
	background-color: #E1F1E8; 								/*Hintergrundfarbe*/
	color: #234A36; 										/*Textfarbe*/
	font-family:  Comic Sans MS; 							/*Textart*/
	background-image: url(../images/hg.jpg); 				/*Hintergrundbild*/
	background-repeat: no-repeat; 							/*Wiederholungseinstellung des Hintergrundes*/
	list-style-position: outside; 							/*Listenbutton Position*/
	list-style-image: url(../images/.jpg); 					/*Listenbild*/
	list-style-type: none; 									/*Listenelement*/
}

/*Headereigenschaften festlegen (Kopfbereich)*/

#header {
	margin: 0px auto 0 auto;	 
	height: 30px; 											/*Höhe*/
	width: 900px; 											/*Breite*/
	background-image:none; 									/*Hintergrundbild*/
}

/*Headernavigation (Navigation der Seiten oben)*/

#header #menu 
{
	padding: 0px 0 0 0px; 	
	margin-left:auto; 	
	margin-right:auto;	 
	overflow: hidden; 	
	line-height:12px; 	
	margin-bottom: 0;	
}

#menu ul 
{
	margin:0;		
	padding:0;		
}

#menu li {
	float:right; 											/*Position des Menüs*/
	margin:10;
	padding:10;
	list-style-type:none; 									/*Listeneigenschaften*/
	white-space: nowrap;
}

#menu li a 
{
	display:block;		
	padding:5px 5px;		
	font-size: 12px;										/*Textgrösse*/
	text-transform:uppercase;								/*Zeichenabstand*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
	letter-spacing:1.5px;									/*Zeichenabstand*/
	background-color: #;									/*Hintergrundfarbe*/
}

#menu li a:hover 
{
	display:block;		
	padding:5px 5px;		
	font-size: 12px;										/*Textgrösse*/
	text-transform:uppercase;								/*Zeichenabstand*/
	color: #234A36;											/*Textfarbe*/
	letter-spacing:1.8px;									/*Zeichenabstand*/
	background-color: #;									/*Hintergrundfarbe*/
}

/*HTMLmenüeigenschaften*/

* html #menu a 
{
	width:1%;		
} 

#menu form 
{
	float:right;											/*Position des Menüs*/
	height:100%;			
	width:164px;											/*Breite*/
	padding:0 15px;		
	line-height:0;		
	background:#;											/*Hintergrund*/
	background-image: url(../images/.jpg);					/*Hintergrundbild*/
}

#menu form fieldset 
{
	margin-top:7px;			
	border:1 solid; 										/*Rahmen*/
}

* html #menu form fieldset 
{
	margin-top:7px;		

} 	
#menu #s 
{
	height:1.5em;		
	width:115px;		
	margin:0 0px 0 0;		
	padding:0;			
	font-size:10px;											/*Textgrösse*/
	vertical-align:middle; 		
}

#menu li 
{
	border-color:#234A36; 									/*Rahmenfarbe*/
}

#menu a 
{
	color: #234A36; 										/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
}

#menu a:hover
{
	font-size: 10px;  										/*Textgrösse*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
	text-decoration: none;									/*Textdekoration*/
	background-color:transparent;							/*Hintergrundfarbe*/
}

#menu a:visited
{
	font-weight: bold;										/*Textstärke*/
}

/*Titeleigenschaften (ist hier in der Headerdatei deaktiviert - damit ihr es mit Euren Grafiken regeln könnt)*/

#title {
	float: left;											/*Position des Titels*/
}
#title h1 {
	font-family: "Comic Sans MS";							/*Textart*/
	font-size: 14px;										/*Textgrösse*/
	font-style: italic;										/*Textstyle*/
	font-weight: bold;										/*Textstärke*/
	color: #234A36;											/*Textfarbe*/
	margin-top: 10px;		
}
#title h1 a {
	margin-left: 225px;	
	margin-top: 0px;
	margin-right: 0;
	font-weight: bold;										/*Textstärke*/
	margin-bottom: 0;
	color: #234A36;											/*Textfarbe*/
	text-transform: capitalize;								/*Groß-/Kleinschreibung*/
	text-decoration: none;									/*Textdekoration*/
}
#title h1 a:hover {
	margin-top: px;
	margin-right: 0;
	margin-bottom: 0;
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
} 
#title p {
	font-family: Comic Sans MS;								/*Texttart*/
	font-size: 14px;										/*Textgrösse*/
	color: #234A36;											/*Textfarbe*/
	text-transform: capitalize;								/*Groß-/Kleinschreibung*/
	line-height: 15pt;										/*Zeilenhöhe*/
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 190px;
	letter-spacing: 1pt;									/*Zeichenabstand*/
}  

#banner
{
	width: 900px;
	height:270px;
	display: block;
	color: #;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0;
	text-align: left;
	background-image: url(images/bruecke.jpg);					/*Bild für das Banner*/
	background-repeat: no-repeat;
	background-position: right;
}  

/*Inhalt (gesamte Inhaltsbereich = Sidebar, Beitrag, Kommentare)*/

#container
{
	clear:left;
	padding:0 0 0 0;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 900px;
	height: auto;
	background: # url(imgages/.gif) repeat-y;				/*Hintergrundfarbe, -hintergrund, -wiederholung*/

}  

/*Contentbereich (Inhaltsbereich Beitrag, Kommentare etc.*/

#content
{
	display: block;
	padding-top: 10px;
	text-align: left;										/*Textausrichtung*/
	border: ;												/*Rahmendicke*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 163px;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	width: 500px;
}

#content ul
{
	padding-left: 15px;
}

#content ul li{
	margin-left: 15px;
	list-style-type:none;									/*Listenelementart*/
}

#content ul ul li{
	padding-left: 15px;
}

#content ol{
	list-style-position: ;									/*Listenelementposition*/
	padding-left: 15px;
	padding-top: 2px;
	margin-bottom: 10px;
}

#content p
{
	padding-left: 10px;
}

#content h2 { 
	margin: 0 0 .5em 0; 
}   

p
{
	margin-bottom: 12px;
	margin-top: 12px;
}
                    
blockquote
{
	margin: 0px 0px 0px 30px;
	padding: 0px 25px 0px 0px;
	font-style: italic;										/*Textstil*/
	color: #234A36;											/*Textfarbe*/
}  
  
/*Footereigenschaften*/

#footwrap
{
	text-align:center;										/*Textausrichtung*/
	width: 950px;											/*Breite*/
	height: 15px;											/*Höhe*/
	clear:both;
	font-weight: normal;									/*Textstärke*/
	color: #234A36;											/*Textfarbe*/
	background-color: #;									/*Hintergrundfarbe*/
	background-image: url(../imgages/.jpg);		/*Hinterbild*/
	background-repeat: no-repeat;							/*Hintergrundbildwiederholung*/
	font-family: Comic Sans MS;								/*Textfamilie*/
	font-size: 12px;										/*Textgrösse*/
	padding-bottom: 0px;
	bottom: 0px;
}

#footwrap p
{
	padding: 0;
	display: block;
	margin-bottom: 0px;
}

#footwrap a:link {
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
	border: none;											/*Rahmen*/
	font-weight: bold;										/*Textstärke*/
}

#footwrap a:hover {
	color: #234A36;											/*Textfarbe*/
	border: none;											/*Rahmen*/
}

#footwrap a:visited:hover {
	color: #234A36;											/*Textfarbe*/
	border: none;											/*Rahmen*/
	text-decoration: underline;								/*Textdekoration*/
}

#footwrap a:visited {
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
	border: none;											/*Rahmen*/
	font-weight: bold;										/*Textstärke*/
}

/*Navigation links (wird nur angezeigt wenn die Sidebar leer ist)*/ 
             
#leftnav
{
	float: left;
	width: 160px;
	margin: 0;
	padding-top: 0px;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: left;										/*Textausrichtung*/
}

#leftnav p
{ 
	margin: 0 0 1em 0; 
}

/*Navigation rechts (wird nur angezeigt wenn die Sidebar leer ist)*/

#rightnav
{
	float: right;
	width: 160px;
	margin: 0;
	padding-top: 0px;
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	text-align: left;										/*Textausrichtung*/
}

#rightnav p {
	 margin: 0 0 1em 0; 
 }
 
/*Navigation (wird nur angezeigt wenn die Sidebar leer ist)*/
#navigation 
{
margin-left:auto;
margin-right:auto;
width: 400px;
height: 20px;
overflow: hidden;
line-height:2.7em;
background: # url(../imgaes/.jpg) top left no-repeat;		/*Hintergrundfarbe, -bild, -ausrichtung, -wiederholung*/
margin-bottom: 0;
}

.navigation {
	display: block;
	text-align: center;										/*Textausrichtung*/
	margin-top: 10px;
	margin-bottom: 0;
}

/*Sidebar links*/

#sidebarleft
{
	color: #234a36;											/*Textfarbe*/
	margin-bottom: 10px;
	padding: 0 12px  0 0px;
	border: 1px dashed #234A36;								/*Rahmendicke, -art, -farbe*/
}


#sidebarleft li /* blöckchen*/
{
	background-color: #;									/*Hintergrundfarbe*/
	background-image: url(../imgages/hg.jpg);					/*Hinterbild*/
	background-repeat: no-repeat;							/*Hintergrundbildwiederholung*/
	padding-bottom: 8px;
}

#sidebarleft ul li
{
	padding: 3px 0 3px 2px;
	display: block;
	margin-left: 20px;
	margin-right: 3px;
	border-bottom: 0px solid #;								/*Rahmendicke, -art, -farbe*/
	list-style-position: outside;							/*Listenelementposition*/
	list-style-type: none;									/*Listenelement*/
	list-style-image: url(../images/.jpg);					/*Listenelementbild*/
}

#sidebarleft ul li ul li{
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;
}

#sidebarleft ul li li
{
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;
}

#sidebarleft a:link {
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
	border: none;											/*Rahmen*/
}

#sidebarleft a:hover {
	color: #234A36;											/*Textfarbe*/
	border: none;											/*Rahmen*/
}

#sidebarleft a:visited:hover {
	color: #234A36;											/*Textfarbe*/
	border: none;											/*Rahmen*/
}

#sidebarleft a:visited {
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
	border: none;											/*Rahmen*/
}

#sidebarleft h2 {
	padding: 1px 0 1px 5px;
	font-family: Comic Sans MS; 							/*Textart*/
	color: #E1F1E8;											/*Textfarbe*/
	background: #234A36;									/*Hintergrundfarbe*/
	margin-top:8px;
	border:1px solid;										/*Rahmenstärke, -art*/
}

#sidebarleft p
{
	padding: 3px;
}

/*Sidebar Rechts*/

#sidebarright
{
	color: #;												/*Textfarbe*/
	margin-bottom: 10px;
	padding: 0 8px  0 8px;
	border: 1px dashed #234A36;								/*Rahmenstärke, -art, -farbe*/
}

#sidebarright li
{
	background-color: #;									/*Hintergrundfarbe*/
	background-image: url(../imgages/.jpg);					/*Hinterbild*/
	background-repeat: no-repeat;							/*Hintergrundbildwiederholung*/
	padding-bottom: 8px;
}

#sidebar ul
{
	list-style: none;										/*Listenelement*/
}

#sidebarright ul li
{
	padding: 3px 0 3px 15px;
	display: block;
	margin-left: 12px;
	margin-right: 8px;
	border-bottom: 1px solid #;								/*Rahmenstärke, -art, -farbe*/
	list-style-position: outside;							/*Listenelementposition*/
	list-style-type: none;									/*Listenelement*/
	list-style-image: url(../images/.jpg);					/*Listenelementbild*/
}

#sidebarright li ul li
{
	padding: 3px 0 3px 2px;
	display: block;
	margin-left: 12px;
	margin-right: 8px;
}

#sidebarright ul li ul li{
	padding-left: 10px;
	padding-bottom: 2px;
	margin-right: 3px;
}

#sidebarright a:link {
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
}

#sidebarright a:hover {
	color: #234A36;											/*Textfarbe*/
	border: none;											/*Rahmen*/
}

#sidebarright a:visited:hover {
	color: #234A36;											/*Textfarbe*/
	border: none;											/*Rahmen*/
}

#sidebarright a:visited {
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
	border: none;											/*Rahmen*/
}

#sidebarright h2 {
	padding: 1px 0px 1px 5px;
	font-family: Comic Sans MS; 							/*Textart*/
	color: #E1F1E8;											/*Textfarbe*/
	margin-top:8px;
	background: #234A36;									/*Hintergrundfarbe*/
	border:1px solid;										/*Rahmen*/
}

/*Bilder*/

img 
{	
	padding:0px 5px 5px 0px;
}

a img 
{
	border:none;											/*Rahmen*/
	background:none;										/*Hintergrund*/
	padding:5px;
}

/*Beiträge*/
                       
.postmetadata
{
	display:block;
	margin: 10px 35px 10px 20px;
	padding: 5px 8px 8px 35px;
	text-align: left;										/*Textausrichtung*/
	color:#234A36;											/*Textfarbe*/
}

.postmetadata a:link
{
	border: none;											/*Rahmen*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
}

.postmetadata a:hover
{
	border: none;											/*Rahmen*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
	text-decoration: underline;								/*Textdekoration*/
}

.postmetadata a:visited:hover
{
	border: none;											/*Rahmen*/
	color: #234A36;											/*Textfarbe*/
	text-decoration: underline;								/*Textdekoration*/
	font-weight: bold;										/*Textstärke*/
}

.postmetadata a:visited
{
	border: none;											/*Rahmen*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
}

/*Links*/
		  
a:link
{
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
}

a:hover
{
	color: #234A36;											/*Textfarbe*/
	text-decoration: underline;								/*Textdekoration*/
}

a:visited
{
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Textdekoration*/
	font-weight: normal;									/*Textstärke*/
}

a:visited:hover
{
	color: #234A36;											/*Textfarbe*/
	text-decoration: underline;								/*Textdekoration*/
}

#feed, #feed img a:link, #feed img a:visited
{
	border: none;											/*Rahmen*/
}    

/*Kommentarlisten*/  
               
.commentlist
{
	color: #234A36;											/*Textfarbe*/
}

.commentlist li
{
	margin: 2px 2px 2px 2px;
	padding-left: 5px;
	list-style: none;										/*Listenelement*/
	margin-bottom: 5px;
}

.commentlist cite
{
	padding: 1px 1px 1px 1px;
}

.commentlist p
{
	padding: 5px 5px 2px 3px;
	margin-bottom: 5px;
}

.commentlist a:link
{
	border: none;											/*Rahmen*/
	text-decoration: underline;								/*Textdekoration*/
	font-weight: bold;										/*Textstärke*/
	color: #234A36;											/*Textfarbe*/
}

.commentlist a:visited{
	border: none;											/*Rahmen*/
	text-decoration: underline;								/*Textdekoration*/
	font-weight: bold;										/*Textstärke*/
	color: #234A36;											/*Textfarbe*/
}

.commentlist a:hover
{
	border: none;											/*Rahmen*/
	text-decoration: underline;								/*Textdekoration*/
	font-weight: bold;										/*Textstärke*/
	color: #234A36;											/*Textfarbe*/
}

.commentlist a:visited:hover
{
	border: none;											/*Rahmen*/
	font-weight: bold;										/*Textstärke*/
	color: #234A36;											/*Textfarbe*/
}

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited
{
	text-decoration: none;									/*Textdekoration*/
	color: #234A36;											/*Textfarbe*/
	background-color: #;									/*Hintergrundfarbe*/

}

/*Kommentarnummer*/

.commentnumber {
	font: bold normal 14px 'Comic Sans MS';					/*Textart*/
	font-weight: bold;										/*Textstärke*/
	margin-top: 5px;
	float:right;
	color: #234A36;											/*Textfarbe*/
	font-size: 12pt;										/*Textgrösse*/
}

/*Autor*/

#author
{
	color: #234A36;											/*Textfarbe*/
	background-color: #;									/*Hintergrundfarbe*/
}

/*Emaillink*/

#email
{
	color: #234A36;											/*Textfarbe*/
	background-color: #;									/*Hintergrundfarbe*/
}

/*URLaussehen*/

#url
{
	color: #234A36;											/*Textfarbe*/
	background-color: #;									/*Hintergrundfarbe*/
}

/*Kommentar*/

#comment
{
	color: #234A36;											/*Textfarbe*/
	width:80%;
	background-color: #;									/*Hintergrundfarbe*/
}

/*Überschriften*/

h1
{
	font-size: 18px;										/*Textgrösse*/
	color: #234A36;											/*Textfarbe*/
}

h2
{
	font-family: Comic Sans MS; 							/*Textart*/
	display: block;
	font-size: 12px;										/*Textgrösse*/
	font-weight: bold;										/*Textstärke*/
	padding: 5px 0 0 12px;
	margin: 5px 0 6px 10px;
	text-align: center;										/*Textausrichtung*/
}

h3
{
	font-family: Comic Sans MS;  							/*Textart*/
	display: block;
	font-size: 14px;										/*Textgrösse*/
	font-weight: bold;										/*Textstärke*/
	padding: 5px 0 0 12px;
	margin: 5px 0 6px 0;
	text-align: left;										/*Textausrichtung*/
}

h4
{
	font-family: Comic Sans MS; 							/*Textart*/
	margin-top: 15px;
	font-size: 13px;										/*Schriftgrösse*/
	font-weight: bold;										/*Textstärke*/
	padding: 5px 0 0 12px;
	margin: 5px 0 6px 0;
	text-align: left;										/*Textausrichtung*/
}

h5
{
	font-family: Comic Sans MS; 							/*Textart*/
	margin-top: 15px;
	font-size: 12px;										/*Textgrösse*/
	font-weight: bold;										/*Textstärke*/
	padding: 0px 0 0 12px;
	margin: 5px 0 6px 0;
	text-align: left;										/*Textausrichtung*/
}

h3.posttitle   
{
	font-family: Comic Sans MS;   							/*Textart*/
	font-size: 14px;										/*Textgrösse*/
	font-weight: bold;										/*Textstärke*/
	padding-left: 5px;
	padding-top: 0px;
	padding: 2px 0 2px 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #;											/*Hintergrundfarbe*/
	border: 1px solid #;									/*Rahmenstärke, -art, -farbe*/
}

/*Beitraglink*/

.posttitle a:link
{
	font-size: 14px;										/*Texttgrösse*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
}

.posttitle a:visited
{
	font-size: 14px;										/*Textgrösse*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
}

.posttitle a:hover
{
	font-size: 14px;										/*Textgrösse*/
	color: #234A36;											/*Textfarbe*/
	font-weight: bold;										/*Textstärke*/
	text-decoration: none;									/*Textdekoration*/
}

.posttitle a:visited:hover
{
	color: #234A36;											/*Textfarbe*/
	text-decoration: none;									/*Schriftdekoration*/
}

/*Beitragsdatum*/

.date
{
	font-size: 14px;										/*Textgrösse*/
	float: right;
	letter-spacing: -1px;									/*Zeichenabstand*/
	text-align: center;										/*Textausrichtung*/
	background: #234A36 url(../imgages/.jpg) no-repeat;		/*Hintergrundfarbe, -bild, -wiederholung*/
	color: #E1F1E8;											/*Textfarbe*/
	border: 1px medium #234A36;								/*Rahmenbreite, -art, -farbe*/
	padding: 3px 3px 3px 3px;
	font-weight: bold;										/*Textgstärke*/
	vertical-align: middle;
}

.entry
{
margin-bottom: 30px;
}
                     
.post
{
	display: block;
	overflow:hidden;
	width:98%;
	}

code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
color: #234A36;												/*Hintergrundfarbe*/
}

*
{
	margin: 0px;
	padding: 0px;
}

/*Liste*/

ul
{
	list-style: none;
}

/*Ausrichtung rechts*/

.alignright {
	text-align: right;
}

/*Ausrichtung links*/

.alignleft {
	text-align: left;
}

.wp-smiley
{
	padding: 0;
	margin-left: 2px;
	
}

/*Textwidget*/

.textwidget
{
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-left: 0px;
	padding-right: 5px;
}

/*Scrollbalken*/

html { 
	scrollbar-arrow-color:#234A36; 							/*Pfeil*/
	scrollbar-track-color:#E1F1E8;  						/*HGfarbe*/
	scrollbar-face-color:#d0eada;  							/*Scrollbalken*/
	scrollbar-highlight-color:#E1F1E8;  					/*Highlightfarbe*/
	scrollbar-3dlight-color:#E1F1E8;  						/*3D-farbe*/
	scrollbar-darkshadow-color:#E1F1E8;  					/*Dunkler Schatten*/
	scrollbar-shadow-color:#E1F1E8;  						/*Schatten*/
} 

/*Kalender*/

#wp-calendar {
	margin-left: 15px;
	margin-bottom: 10px;
}
.pagetitel {
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-weight: bolder;
	color: #234A36;
	text-decoration: underline;
	letter-spacing: 0.5em;
}