/*  
Theme Name: Day Dream
Theme URI: http://fightingfriends.com/daydream/
Description: Eine eingedeutschte Version (Ansprache mit &quot;Sie&quot;) des WordPress Theme <a href="http://www.fightingfriends.com/daydream/">DayDream</a>. Deutsche Bearbeitung: <a href="http://www.net-tec.biz">Jens Kleinholz</a>. 
Version: 0.1 [de]
Author: Jim Whimpey
Author URI: http://fightingfriends.com
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.myGallery { 
  font-size: 12px;
  font-family: Arial;
}

.slideshow {
  float: left;
  padding-right: 2px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

* {
	margin: 0;
	padding: 0;
	}

a img {
	border: 0;
	}

a.button {
  background: #112b59 url('./images/button-bg.gif') top left repeat-x;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #e1e1e1;
  color: #ffffff;
  display: block;
  float: left;
  height: 19px;
  line-height: 19px;
  margin-bottom: 30px; /* Podcast */
  font-size: 12px;
  padding: 0 10px;
  text-decoration: none;
  }

a.button:hover {
  background: #9faabc url('./images/button-hover-bg.gif') top left repeat-x;
  color: #0a1842;
  }

a.button-right {
  float: right;
  }

a {
  color: #112a58;
  text-decoration: underline;
}

a:hover {
  text-decoration: none !important;
  }

p {
  margin-bottom: 10px;
  }

.line {
  background: #e6e6e6;
  height: 1px;
  overflow: hidden;
  margin-bottom: 9px;
  }

.line2 {
  background: url('./images/line.gif') top left repeat-x;
  height: 1px;
  overflow: hidden;
  margin-bottom: 9px;
  }

body {
	background: #d4e7ef url('./images/page-bg.jpg') top repeat-x;
	color: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial;
	}

	#wrapper {
		background: #fff url("./images/bg.gif") repeat-y;
		margin: 0 auto;
		overflow: hidden;
		padding: 0 25px;
		position: relative;
		width: 600px;
		}
	
	#shadow-left {
		background: url('./images/shadow-left.gif');
		position: absolute;
		top: 0;
		left: 0;
		height: 800px;
		width: 25px;
		}
	
	#shadow-right {
		background: url('./images/shadow-right.gif');
		position: absolute;
		top: 0;
		right: 0;
		height: 800px;
		width: 25px;
		}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER, HEADINGS, what not
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#header {
	height: 199px;
	background: #0099FF url("./images/header.gif");
	position: relative;
	}
	
	h1 {
		margin: 0 0 0 20px;
		font-size: 2.8em;
		font-weight: normal;
		}
		
		h1 a, h1:visited { color: #fff; text-decoration: none; }
	
	#header h1 {
		display: none;
		}	
	
	.description {
		margin: 0 0 0 35px;
		color: #fff;
		font-size: 1.2em;
		}
	
	#header ul {
		float: right;
		list-style: none;
		margin-top: 13px;
		}
	
	#header ul li {
		border-right: 1px solid #d4dde4;
		float: left;
		height: 14px;
		}
	
	#header ul li.last {
		border-right: 0;
		}
	
	#header ul li.search {
		border-right: 0;
		padding: 0 10px 0 13px
		}
	
	#header ul li a {
		color: #ffffff;
		float: left;
		font-size: 11px;
		line-height: 14px;
		padding: 0 12px;
		}
	
	input#s {
		font-size: 12px;
		height: 18px;
		width: 115px;
		border: 1px solid #a5acb2;
		background: #ffffff;
		margin-top: -3px;
		padding: 1px 2px 0 4px;
		color: #9f9f9f;
		float: left;
		}
	
	input#s-submit {
		margin-top: -3px;
		}
	
	#header #logo {
		position: absolute;
		top: 80px;
		left: 15px;
		width: 270px;
		height: 80px;
		}
  
  #header #coverflow {
    position: absolute;
		top: 40px;
		right: 0;
    }


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

#topbar {
	background: url('./images/topbar-bg.gif') top repeat-x;
	height: 39px;
	padding: 1px 0 10px 0;
	}
	
	#topbar ul {
		list-style: none;
		height: 39px;
		}
		
		#topbar ul li {
			border-right: 1px solid #a3adbf;
			display: block;
			list-style: none;			
			float: left;
			color: #fff;
			font-size: 0.9em;
			}
			
		#topbar ul li.last {
			border-right: 0;
			}
			
			#topbar ul li a,
			#topbar ul li a:visited {
				float: left;
				display: block;
				height: 39px;
				line-height: 39px;
				font-size: 15px;
				font-weight: bold;
				color: #ffffff;
				text-decoration: none;
        text-transform: uppercase;
        padding-left:10px;
        padding-right:10px;
				}
				
				#topbar ul li a:hover,
        #topbar ul li a.active {
					background: url('./images/topbar-menu-bg.gif') top repeat-x;
					color: #0a1842;
					}


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

#content {
	text-align: justify;
	padding: 0 30px;
	
	}
	
	h4 a {
		color: #006699;
		text-decoration: none;
		}


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

.post {
	padding: 20px 0 20px 0;
	}
	
	.post .datum {
		font-size: 11px;
		}
	
	h2 {
		font-size: 18px;
		margin-bottom: 10px;
		}
		
		h2 a,
    .post h2 a {
			color: #666666;
			text-decoration: none;
			}
	
	.post .podcast-link {
		background: url('./images/podcast-icon.gif') top left no-repeat;
		color: #626262;
		height: 30px;
		font-size: 11px;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 10px;
		padding-left: 35px;
		}
	
	.post .podcast-link a {
		font-weight: normal;
		}
	
	.author {
		background: #f5f9fb;
    margin-bottom: 10px;
    padding: 10px 10px 8px 10px;
    }
		
  .author .photo {
    border: 2px solid #ffffff;
    float: left;
    margin-right: 10px;
    }
  
  .author .desc {
    float: left;
    font-size: 11px;
    line-height: 16px;
    width: 454px;
    }
  
  .author .desc .text {
    height: 54px;
    }
  
  .author .desc .line {
    background: url('./images/line.gif') top left repeat-x;
    margin-bottom: 5px;
    }
  
  .author .desc .name {
    color: #05395e;
    }
		
    .post h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #003399;
			margin: 25px 20px -10px 0;
			}
			
			#content>.post h3 { margin-bottom: 8px; } /* FF Specific */
		
			.post h3 a {
				color: #006699;
				text-decoration: none;
				}

	.entry {
		font-size: 12px;
		line-height: 16px;
		}
    
  .wp-image-150 {
    width: 150px;
    }
  
  .podcastshow {
    background: url('./images/podcastshow-bg.gif') top left no-repeat;
    height: 89px;
    margin-bottom: 9px;
    overflow: hidden;
    padding: 36px 16px 2px 17px;
    position: relative;
    }
  
  .podcastshow #previous-podcasts {
    background-image: url('./images/podcastshow-previous.gif');
    position: absolute;
    top: 36px;
    left: 0;
    height: 89px;
    width: 17px;
    }
  
  .podcastshow .previous-podcasts-hoverfunction:hover {
    background-position: 34px 0 !important;
    }
  
  .podcastshow #next-podcasts {
    background-image: url('./images/podcastshow-next.gif');
    position: absolute;
    top: 36px;
    right: 2px;
    height: 89px;
    width: 15px;
    z-index: 10;
    }
  
  .podcastshow .next-podcasts-hoverfunction:hover {
    background-position: 30px 0 !important;
    }
  
  .podcastshow .box {
    background: url('./images/podcastshow-box-bg.gif') top left no-repeat;
    float: left;
    height: 72px;
    overflow: hidden;
    padding: 7px 10px 10px 37px;
    width: 122px;
    }
  
  .podcastshow .box span {
		color: #666666;
		display: block;
		font-size: 11px;
		}
	
	.podcastshow .box a {
		color: #0a1842;
		font-size: 11px;
		line-height: 16px;
		}

  .postmetadata {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 35px;
    padding: 6px 10px 8px 10px;
    }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST PARAPHERNALIA
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

		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;
			}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
.navigation {
  font-size: 11px;
	padding: 20px 0 18px 0;
	}
	
.navigation-top {
  border-bottom: 1px solid #e6e6e6;
  }

.navigation-bottom {
  border-top: 1px solid #e6e6e6;
  }
	
	.aleft {
    background: url('./images/previous.gif') left 5px no-repeat;
		float: left;
		text-align: left;
    padding-left: 10px;
		}
	
	.aright {
    background: url('./images/next.gif') right 5px no-repeat;
		float: right;
		text-align: right;
    padding-right: 10px;
		}
	
	.alignleft { float: left; margin: 0 10px 10px 0; }
  .alignright { float: right; margin: 0 10px 0 10px; }
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS and COMMENT FORM
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

  
  h2 span {
    font-size: 12px;
    font-weight: normal;
    }
  
  h2 span a {
    color: #112a58;
    text-decoration: underline;
    }
  
  h2 span a:hover {
    text-decoration: none;
    }
  
  #contactform input {
    border: 1px solid #d0cdd4;
    font-size: 12px;
    padding: 3px;
    width: 178px;
  }
  
  #contactform textarea {
    border: 1px solid #d0cdd4;
    font-size: 12px;
    height: 102px;
    padding: 3px;
    width: 353px;
    }
  
  #commentform p {
    font-size: 12px;
    }
  
  #commentformarea h2 {
    margin-bottom: 16px;
    }
  
	#commentformarea input {
    border: 1px solid #d0cdd4;
    font-size: 12px;
    padding: 3px;
    width: 178px;
    }
	
  #commentformarea textarea {
    border: 1px solid #d0cdd4;
    font-size: 12px;
    height: 82px;
    padding: 3px;
    width: 529px;
    }
  
  #commentformarea label {
    font-size: 12px;
    }
	
	ol.commentlist {
    border-bottom: 1px solid #e6e6e6;
		font-size: 12px;
    list-style: none;
    margin-bottom: 18px;
		}
		
		ol.commentlist li {
			padding: 18px 8px 18px 8px;
			border-top: 1px solid #e6e6e6;
			}
    
    ol.commentlist li.alt {
      background-color: #f7f7f7;
      }
    
    ol.commentlist .photo {
      float: left;
      border: 2px solid #FFFFFF;
      margin: 0 10px 10px 0;
      }
    
    ol.commentlist span.author {
      background: none;
      color: #112a58;
      display: block;
      margin-bottom: 2px;
      padding: 0;
      }
    
    ol.commentlist span.datum {
      display: block;
      font-size: 11px;
      }
    
    ol.commentlist li p {
      margin-bottom: 0;
      }


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



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

#sidebar {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	height: 49px;
	margin-bottom: 1px;
	}
	
		#sidebar ul {
			height: 49px;
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: left;
			}
			
		#sidebar ul li {
      cursor: pointer;
			float: left;
			width: 200px;
			}
		
		#sidebar li h2 {
			background: #ffffff url('./images/sidebar-bg.gif') bottom right no-repeat;
			margin: 0;
			color: #05395e;
			font-weight: bold;
			font-size: 14px;
			height: 33px;
			padding: 16px 0 0 10px;
			}
    
    #sidebar li h2:hover {
      background: #ffffff url('./images/sidebar-bg-hover.gif') bottom right no-repeat;
    }
    
    #sidebar li#zur-webseite a {
      background: url('./images/sidebar-wbs-bg.gif') top right no-repeat;
      color: #05395E;
      display: block;
      font-size: 14px;
      font-weight: bold;
			height: 40px;
      text-decoration: none;
			padding: 9px 95px 0 10px;
      }
    
    #sidebar li#zur-webseite a:hover {
      background-position: bottom;
      color: #ffffff;
      }
		
    li#themen, li#archive {
      position: relative;
      }
    
		li#themen h2 {
			padding-left: 20px;
			}
		
    li#themen ul,
    li#archive ul    {
      display: none;
      }
    
    #sidebar ul li ul {
      background: #ffffff url('./images/sidebar-list-bg.gif') left bottom repeat-x;
      border-right: 1px solid #e8e8e8;
      border-bottom: 1px solid #e8e8e8;
      border-left: 1px solid #e8e8e8;
			position: absolute;
      top: 49px;
      left: 0;
      height: auto;
      padding: 20px 18px 10px 18px;
      width: 162px;
			}
      
    #sidebar ul li#archive ul {
      left: -1px;
      width: 163px;
      }
    
    #sidebar ul li ul li {
      background: url('./images/sidebar-list-icon.gif') 1px 5px no-repeat;
      color: #05395e;
      float: none;
      font-size: 11px;
      margin-bottom: 10px;
      padding-left: 12px;
      width: auto;
      }
    
    #sidebar ul li ul li a {
      color: #05395e;
      font-size: 11px;
      }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BOTTOMBAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bottombar {
	background: #ebedf1 url('./images/bottombar-bg.gif') bottom repeat-x;
	padding: 0 0 15px 21px;
	}
	
	#bottombar ul {
		list-style: none;
		text-align: left;
		}
	
	#bottombar ul li {
		float: left;
		margin-right: 20px;
    #margin-right: 10px;
		width: 173px;
		}
	
	#bottombar ul li h2 {
		border-bottom: 1px solid #c8ccd7;
		height: 51px;
		line-height: 51px;
		font-size: 14px;
		color: #333333;
		margin-bottom: 20px;
		}
  
	#bottombar ul li#twitter h2 {
		background: url('./images/bottombar-twitter.gif') top left no-repeat;
		padding-left: 39px;
		}
	
	#bottombar ul li#twitter p {
		font-size: 11px;
		color: #333333;
		line-height: 16px;
		margin-bottom: 10px;
		}
	
	#bottombar ul li#twitter a {
		color: #05395e;
		}
	
	#bottombar ul li#podcasts h2 {
		background: url('./images/bottombar-podcasts.gif') top left no-repeat;
		padding-left: 32px;
		}
	
	#bottombar ul li#podcasts span {
		color: #666666;
		display: block;
		font-size: 10px;
		padding-left: 24px;
		}
	
	#bottombar ul li#podcasts p {
		background: url('./images/arrow.gif') 0 2px no-repeat;
		padding: 0 0 10px 24px;
		}
	
	#bottombar ul li#podcasts a {
		color: #0a1842;
		font-size: 11px;
		line-height: 16px;
		}
	
	#bottombar ul li#flickr h2 {
		background: url('./images/bottombar-flickr.gif') top left no-repeat;
		padding-left: 47px;
		}
	
	#bottombar ul li#flickr .flickr_badge_image {
		background: url('./images/flickr-photo-bg.gif') top left no-repeat;
		height: 72px;
		width: 72px;
		margin: 0 19px 6px 0;
		float: left;
		padding: 5px 0 0 5px;
		}
	
	#bottombar ul li#flickr .flickr_badge_image img {
		height: 68px;
		width: 68px;
		}
	
	#bottombar ul li#flickr #flickr_badge_image2,
	#bottombar ul li#flickr #flickr_badge_image4
	{
		margin-right: 0;
		}


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

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


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


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
#footer {
	background: url('./images/footer-bg.png') top left no-repeat;
	height: 60px;
	margin: 0 auto;
	padding: 0 25px;
	text-align: left;
	width: 600px;
	}
	
	#footer p {
		color: #666666;
    font-size: 11px;
    line-height: 33px;
    padding: 0 20px;
		}
		
		#wrapper>#footer p { margin: 0; padding: 15px 0 15px 0; } /* FF Specific */
		
		#footer p a {
			color: #4796E9;
			text-decoration: underline;
			}
			
			#footer p a:hover { color: #4796E9; }
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++		
		Thanks very much for downloading Day Dream. Jim Whimpey, fightingfriends.com
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */