/*  
Theme Name: Day Dream
Theme URI: http://lerntagebuch.ch
Description: Dies ist das lerntagebuch.ch frontsite design
Version: 1.4
Author: Thomas Moser
Author URI: http://www.thomasmoser.ch
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	html {/*height:100%*/}
	
	body {
		min-height:580px;
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		background:#F9FCFE;
		}

		#wrapper {
			width: 641px;
			margin: 0 auto;
			background: #fff url("./images/wrap_bg.png") repeat-y;
			height:100%
			}
		
			a {	color: #448ABD;	text-decoration: none; }			
				a:hover { color: #448ABD; }



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER, HEADINGS, what not
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		width: 527px;
		height: 236px;
		margin: 1px 57px 0 57px;
		background: #0D324F url("./images/header_blue.jpg"); 
		text-align: left;
		padding: 0 0 0 0;
		border-bottom: none;
		}
	
		h1 {
			margin: 0 20px 0 20px;
			font-size: 2.8em;
			font-weight: normal;
			}
		
			h1 a, h1 a:visited { color: #fff; text-decoration: none; }
		
		.description {
			margin: 0 35px 0 35px;
			color: #fff;
			font-size: 1.1em;
			}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TOP BAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#topbar {
		width: 527px;
		height: 25px;
		background: none;
		text-align:center;
		margin: 0px auto 0 auto;
		border-bottom: none;
		}
	
		#topbar ul {
			list-style: none;
			margin: 0 15px 0 25px;
			padding: 0;
			}
		
			#topbar ul li {
				display: block;
				list-style: none;			
				float: left;
				font-size: 0.8em;
				}
			
				#topbar ul li a, #topbar ul li a:visited {
					float: left;
					display: block;
					padding: 7px 8px 0 8px;
					height: 22px;
					color: #fff;
					text-decoration: none;
					}
				
					#topbar ul li a:hover { text-decoration:underline; }
				
					#topbar ul li ul, #topbar ul li ul li {
						margin: 0;
						padding: 0;
						}
				
						#topbar ul li ul li a, #topbar ul li ul li a:visited {
							float: left;
							display: block;
							padding: 7px 8px 0 8px;
							height: 19px;
							color: #fff;
							text-decoration: none;
							}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#content {
		width: 527px;
		margin: 0 auto;
		text-align: left;
		padding: 20px 0 0 0;
		}




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.post {
		padding: 25px 0 18px 0;

		}
		.post p {
			width: 410px;
			margin: 10px 0;
			line-height: 1.3em;
			}
		.post table {
			width: 410px;
			margin: 10px auto;
			font-size: 0.9em;
			}
		.post table p {
			width: auto;
			margin: 10px auto;
			font-size: 0.9em;
			}
		.post td {
			margin: 10px auto;
			font-size: 0.8em;
			}
		.post th {
			text-align:left;
			}
		.post h2 {
			font-size: 1.9em;
			font-weight: normal;
			color: #448ABD;
			margin: -10px 20px 0 30px;
			}
		
			.post h2.single { margin: -10px 20px 12px 30px; }
			
		.post .data {
			font-size: 0.8em;
			font-weight: normal;
			color: #154B96;
			margin: 0 20px 15px 50px;
			
			}
		
			.post h3 {
				font-size: 1.2em;
				font-weight: normal;
				color: #448ABD;
				margin: 25px 20px -10px 0;
				}
			
				#content>.post h3 { margin-bottom: 8px; } /* FF Specific */

		.entry {
			width: 426px;
			margin: 0 auto;
			font-size: 0.8em;
			}
			.entry hr{
				color:#448ABD;
				border-style:solid;
				border:none;
				border-top:1px solid #448ABD;
				
			}
		
			.post .postmetadata, #content .postmetadata {
				width: 406px;
				margin: 25px auto 15px auto;
				border-top: 1px solid #E5E5E5;
				border-bottom: 1px solid #E5E5E5;
				background: #F5F5F5;
				text-align: center;
				font-size: 0.9em;
				
				padding: 8px 10px;
				}
			
				.postmetadata#single { margin: 0 auto 30px auto; }
			
				.postmetadata small { font-size: 0.8em; }	
				
		.hometext {
		float:left;
		
		}
		.entry p{
			font-size: 0.9em;
			line-height:1.4em;	
			}
		
		.hometext p{
			width: 215px;
			margin: 0 0 0 35px;
			font-size: 0.7em;
			line-height:1.2em;		
		}
		.foursteps{
			background: url("./images/foursteps.png");
			width:214px;
			height:160px;
			margin-left:35px;
		}
		.workinprogress{
			background: url("./images/workinprogress.png") no-repeat;
			width:250px;
			height:200px;
			margin-left:10px;
			margin-top:0px;
		}
		.hometext h3{
			width: 200px;
			margin: 0 0 0 35px;
			font-size: 0.8em;		
		}
		.clear {
			clear:left;
			height:20px;
		}
			
	
	.install{
		magin:0;
		padding-top:0px;
		padding-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		height:70px;
		background:url("./images/bg_start.png") no-repeat;
	}
	.install1{
		magin:0;
		padding-top:0px;
		padding-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		height:57px;
		background:url("./images/num1.png");
	}
	.activate p{
		margin-left:69px;
		font-size:0.85em;
	
	}
	.activate h3{
		margin-left:69px;
		font-size:1.1em;
	
	}
	.install2{
		padding-top:0px;
		padding-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		height:57px;
		background:url("./images/num2.png");
	}			

		.install h3 {
			font-size: 1.5em;
			font-weight: normal;
			color: #FFFFFF;
			margin: -3px 20px 5px 110px;
			line-height:20px;
			}
			
		
			.post h2.single { margin: -10px 20px 12px 30px; }

	.post #login{
		margin-left:69px;
	}
	.post_header_1 h2{
	
	margin:0;
	padding:0;
	}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST PARAPHENALIA
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

		blockquote {
			margin: 10px 0 10px 30px;
			padding: 0 0 0 5px;
			border-left: 3px solid #4C8EDA;
			color: #666;
			}
		
		.post ul {
			margin: 10px 0 ;
			padding: 0 0 0 37px;
			font-size:0.9em;
			}
		
		.post a:hover { color: #000000; }
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TAGS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	.tags_page h2 {
		font-weight: normal;
		color: #448ABD;
		font-size: 1.9em;
		margin: 0 0 15px 20px;
		}
		
		.tags_page p {
			width: 450px;
			margin: 10px auto;
			font-size: 0.9em;
			}
		
			#tagcloud {
				width: 450px;
				margin: 20px auto 45px auto;
				text-align: center;
				}
				
				
			


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		ASIDES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.aside {
		width: 421px;
		margin: 30px auto 25px auto;
		background: #FAFAFA;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
		padding: 15px;
		}
	
		#content>.aside { margin-top: 10px; } /* FF Specific */
	
		.aside .entry {
			color: #4796E9;
			font-size: 0.9em;
			}
		
			.aside .entry p { margin: 0 0 10px 0; }
			
				#content .aside p.postmetadata {
					font-size: 0.9em;
					margin: 0;
					text-align: center;
					width: auto;
					border-top: none;
					border-bottom: none;
					background: none;
					padding: 0;
					}

		.aside a { color: #448ABD; }
			.aside a:hover { text-decoration: none; color: #448ABD; }
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.navigation {
		background: #F5F5F5;
		width: 447px;
		height: 18px;
		margin: 0 auto;
		font-size: 0.8em;
		padding: 8px 40px;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
		}
	
		.alignleft {
			float: left;
			text-align: left;
			}
	
		.alignright {
			float: right;
			text-align: right;
			}
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS and COMMENT FORM
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#commentformarea {
		width: 507px;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
		background: #F5F5F5;
		margin: 0 auto 8px auto;
		padding: 8px 10px;
		}
	
		#commentform {
			margin: 15px 0 10px 40px;
			}
	
		#commentformarea h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #448ABD;
			margin: 10px 0 15px 20px;
			}
		
			#commentform p { margin: 0 0 3px 0;	}
		
			#commentform input, #commentform textarea {
				border: 1px solid #A7A6AA;
				background: #fff;
				padding: 3px;
				font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
				font-size: 0.8em;
				}
			
				#commentform textarea { width: 420px; }
			
				#commentform input#submit {
					font-family: Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
					width: 130px;
					color: #154B96;
					}
				
					p.mustbe {
						font-size: 0.8em;
						margin: 0 0 20px 30px;
						}
				
			h4 {
				margin: 25px 0 20px 0;
				text-align: center;
				font-weight: normal;
				color: #448ABD;
				}
	
		ol.commentlist {
			width: 426px;
			list-style: none;
			margin: 0 auto 60px auto;
			padding: 0;
			font-size: 0.9em;
			}
		
			ol.commentlist li {
				margin: 0 0 20px 0;
				padding: 0;
				border-top: 1px solid #ABCAD9;
				clear: right;
				padding-top: 20px;
				}
			
				ol.commentlist>li { padding-top: 20px; } /* FF Specific */
		
				ol.commentlist p.await_mod {
					color: #f00;
					margin: 0 0 8px 0;
					}
		
					ol.commentlist p { margin: 0 0 10px 0; }
				
						ol.commentlist div.cmntmeta { color: #154B96; }
					
							.gravatar {
								float: right;
								padding: 3px;
								border: 1px solid #666;
								margin: 20px 0 20px 8px;
								display: inline; /* For IE */
							}
						
							ol.commentlist>li img.gravatar { margin-top: 0; } /* FF specific */
				


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEARCH AND ARCHIVES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.sanda h2 {
		font-size: 1.9em;
		font-weight: normal;
		color: #448ABD;
		margin: 35px 0 0 0;
		text-align: center;
		}
	
		.sanda>h2 { margin: 15px 0 0 0; } /* FF Specific */
	
			.sanda h3 { margin: 0 40px 15px 40px; }

	.archives h2 {
		font-size: 1.7em;
		font-weight: normal;
		color: #448ABD;
		margin: 20px 0 15px 60px;
		}
	
		.archives ul {
			list-style: none;
			padding: 0;
			margin: 0 0 20px 80px;
			}
		
	



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR (aka the area where sidebar things go that is actually on the bottom)
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	ul#sidebar {
		width: 527px;
		margin: 8px auto 0 auto;
		background: #F5F5F5;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
		padding: 0 0 25px 0;
		}
	
		#wrapper>#sidebar { padding: 15px 0 25px 0; } /* FF Specific */
	
			#sidebar_wrapper {
				width: 467px;
				margin: 15px 15px 0 45px;
				padding: 0 0 -20px 0;
				}
			
				#sidebar>#sidebar_wrapper { margin-top: 0; } /* FF Specific */
		
			ul#sidebar li, ul#sidebar li ul, ul#sidebar li ul li {
				margin: 0;
				padding: 0;
				list-style: none;
				text-align: left;
				}
		
			#sidebar li h2 { 
				margin: 0;
				color: #448ABD;
				font-weight: normal;
				font-size: 1.6em;
				width: 140px;
				}
			
				ul#sidebar li {
					width: 150px;
					float: left;
					margin: 0 0 15px 0;
					padding: 0;
					}
		
					ul#sidebar li ul {
						width: 135px;
						padding: 5px 0 15px 10px;
						}
					
						ul#sidebar li ul li { width: 130px;	}
		
			input#s {
				width: 440px;
				margin: 0 13px -20px 0;
				border: 1px solid #A7A6AA;
				background: #fff;
				padding: 4px 0;
				color: #ccc;
				text-align: center;
				}
			
				div>input#s { margin-bottom: 0; margin-top: 15px; } /* FF Specific */
			
			

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FEED ICONS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.feedicon {
		width: 20px;
		height: 20px;
		}


		#topbar .feedicon {
			background: url("./images/feedicon_blue_bg.png") no-repeat;
			display: block;
			display: inline; /* IE */
			float: right;
			margin: 2px 10px 0 0;
			}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	#footer {
		/*position:fixed !important; 
		position:absolute;*/
		
		height:36px;
		width: 100%;
		margin: 0;
		background: url("./images/footer_bg.png") center no-repeat;
		padding: 0;
		
		}

		
		#footer p {
			width: 100%;
			margin: 0;
			padding: auto;
			font-size: 0.8em;
			background:url("./images/footer_bg.png") center no-repeat;
		}
		
			#wrapper>#footer p { margin: 0; padding: 0; } /* FF Specific */
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++		
		Thanks very much for downloading Day Dream. Jim Whimpey, jimwhimpey.com
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.error {
		color:#DD0000;
		background-color:#FFFFFF;
	}
	input {
		font-size:16px;
	}
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SMALLNEWS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	
.smallnews {
	width:100px;
	}
.datasmallnews {
			width:200px;
			font-size: 0.6em;
			font-weight: normal;
			color: #CCCCCC;			
			margin-left:35px;
			margin-top:0px;
			margin-bottom:10px;
			
			}