/*  
Theme Name: Brock
Theme URI: http://www.gestuet-brock.de/
Description: Custom "Gestüt Brock" Theme based on Jim Whimpey's Day Dream Theme 
Version: 0.1
Author: Rodja Trappe
Author URI: http://rodja.net
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@font-face {
 font-family: trebuchet-webfont;
 src: local("Trebuchet MS"), url("Trebuchet_MS.ttf") /* TTF file for CSS3 browsers, IE will be fine because it's an MS corefont */
}

body {
	margin: 0;
	font-size: 120%;
	padding: 0;
	background: #fffdf3;
	font-family: "trebuchet-webfont", 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;;
	}

	#wrapper {
		width: 1020px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		background: #fff url("./images/wrap_bg.png") repeat-y;
		}
		
		a {	color: #006699;	text-decoration: none; }			
			a:hover { color: #003366; }


	p {
		color: #444;
   	text-align:justify;
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER, HEADINGS, what not
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#header {
	width: auto;
	height:390px;
	margin: 0px 10px 0 10px;
	background: #f7fafe url("./images/cloud-background.jpg") no-repeat;
	text-align: left;
	}
	
	h1 {
		margin: 0 20px 0 120px;
		font-size: 3em;
		font-weight: normal;
		}
		
		h1 a, h1 a:visited { color: #fff; text-decoration: none; }
		
	.description {
		margin: 0 0 -0.2em 1em;
		vertical-align:bottom;
		padding-top:2em;
		color: #fff;
		font-size: 1.6em;
		}


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

#topbar {
	width: 740px;
	height: 100px;
	margin: 20px auto 0 20px;
	}
	
	#topbar ul {
		list-style: none;
		margin: 0 1em 0 1em;
		padding: 0;
		}
		
		#topbar ul li {
			display: block;
			list-style: none;			
			float: left;
			}

		.page-item-4 { /* Der Hof */
			font-size: 1.4em;
			margin: 15px 0.2em 0 0.2em;
		   }
		.page-item-6 { /* Pension */
			font-size: 1.5em;
			}
		.page-item-14 { /* Zucht */
			font-size: 1.6em;
			margin: 40px 0.2em 0 -1.5em;
			}
		.page-item-17 { /* Brock+ */
			font-size: 1.3em;
			margin: 10px 0 0 0;
			}
		.page-item-31 { /* Fotos */
			font-size: 1.4em;
			}
		.page-item-19 { /* Anfahrt */
			font-size: 1.4em;
			margin: 45px 0.2em 0 -1em;
			}
		.page-item-16 { /* Kontakt */
			font-size: 1.3em;
			margin: -0.2em 0.2em 0 -0.6em;
			}
			
		#topbar .current_page_item {
			font-size: 2.1em;
			}

			#topbar ul li a, #topbar ul li a:visited {
				float: left;
				display: block;
				padding: 3px 0.2em 0 0.2em;
				color: #fff;
				text-decoration: none;
				}
				
				#topbar ul li a:hover { 
					 color:#eef;
				}
				
				#topbar ul li ul, #topbar ul li ul li {
					margin: 0;
					padding: 0;
					}
				

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

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

	#subsites {
		margin: 0;
      position: relative;		
		top:-4em;
		float:left;
		width:800px;			
	}
		#subsites .current_page_item {
			font-size: 1.4em;
			margin-top:-0.1em;
			}

	#subsites ul {
		list-style: none;
		margin:0;
		margin-left: 2em;
		padding: 0;
		float:left;
		}
		
		#subsites ul li {
			display: block;
			list-style: none;			
			float: left;
			font-size: 1.2em;
			}
			
			#subsites ul li a, #subsites ul li a:visited {
				float: left;
				display: block;
				padding: 3px 0.5em 0 0.5em;
				height: 22px;
				text-decoration: none;
				color : white;
			}
				
				#subsites ul li a:hover {
					 color:#eef;
				}
				
				#subsites ul li ul, #subsites ul li ul li {
					margin: 0;
					padding: 0;
					}
				
					#subsites ul li ul li a, #subsites ul li ul li a:visited {
						float: left;
						display: block;
						padding: 6px 8px 0 8px;
						height: 19px;
						color: #fff;
						text-decoration: none;
						}


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

.post {
		padding: 0;
		margin: 0;
		top: -20px;
		position:relative;
		border-bottom: 1px solid #E5E5E5;
	}

	.post h2.single {
		font-size: 1.8em;
		position: relative;
		left: 1.6em;
      display:none;		
		color:#fff;
	}
	
	.post h2 {
		font-size: 1.4em;
		font-weight: normal;
		color: #006699;
		margin: 1em 1em 0 1.5em;
		}

	.post .date {
		font-size: 0.8em;
		text-align:right;		
		float:right;
		margin: 0.6em 2em 1em 2em;
		color: #666;
	}
			
	.post .data {
		font-size: 1em;
		font-weight: normal;
		color: #006699;
		margin: 0 2em 1em 3em;
		}
		
		.post h3 {
			font-size: 1.1em;
			font-weight: bold;
			color: #555;
			margin: 0em;
      padding:0em;
			}
			
			#content>.post h3 { margin-bottom: 8px; } /* FF Specific */

	.entry {
		width: 920px;
		margin: 0 auto 0 auto;
		}
		
		.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; }			

.page {
   padding-bottom: 1em;
}

#blog {
   margin-left: 0.8em;
   margin-top: -0.4em;
   font-size:2.5em;
   color: #ccc;
}
			
	.photo{
	border:1px solid #666;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	-moz-border-radius: 0.2em;
	float: left;
	margin-left:0em;
	margin-right:1em;
	margin-bottom:0.5em;
	}

	.cpg_image{
	border:4px solid #666;
	}

#posts .photo{
  float: right;
	margin-left:1em;
	margin-right:0em;
}
				

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		GALLERY STUFF
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.gallery div{
  overflow:hidden;
}
.gallerythumbimage{
 	     margin: 0.2em;
        float: left;
        text-align: center;
        width:105px;
        height:85px;
        background-color:#e0e4ea;
        
        	border:1px solid #666;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	-moz-border-radius: 0.2em;
}

.gallerythumbimage img{
 	     margin: 0.2em;
}

.galleryframecontent{
        text-align: center;
        padding:0.2em;
        height:390px;
        width:400px;
	font-family: Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
	max-width:400px;
	max-height:390px;

}
.galleryframetext{
        padding:0.2em;
}

#galleryframe{
        float: left;        
	        margin-bottom:0.5em;
}

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

		blockquote {
			margin: 10px 0 10px 30px;
			padding: 0 0 0 5px;
			border-left: 3px solid #4C8EDA;
			color: #666;
			}
		
		.post ul {
			padding: 0em;
      margin: 0em;
		  list-style-position: inside;
			list-style: none;			
			display: inline-block;
      width:25em;
}

		.post li {
        padding: 0em;
        margin-bottom:0.5em;
		 }
		
		.post a:hover { color: #0099CC; }
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TAGS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	.tags_page h2 {
		font-weight: normal;
		color: #006699;
		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.7em;
		}
		
		.aside .entry p { margin: 0 0 10px 0; }
			
			#content .aside p.postmetadata {
				font-size: 0.7em;
				margin: 0;
				text-align: center;
				width: auto;
				border-top: none;
				border-bottom: none;
				background: none;
				padding: 0;
				}

	.aside a { color: #006699; }
		.aside a:hover { text-decoration: none; color: #000033; }
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
.navigation {
	background: #F5F5F5;
	width: 500px;
	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: 730px;
	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: #006699;
		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: #006699;
				}
				
				p.mustbe {
					font-size: 0.8em;
					margin: 0 0 20px 30px;
					}
				
		h4 {
      clear:both;
			margin: 1.6em 0 1px 0;
			text-align: left;
			font-weight: bold;
			color: #444;		
			}
	
	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: #006699; }
					
						.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 */

div dl{

}		
		
 dl {
    //width: 100%;
  }

  dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    
  }
  dt:after {
    content: "";
  }
  dd {
    margin: 0 0 0 120px;
    padding: 0 0 0.5em 10px;
  }
  dd:after {
    content: "\00a0";
  }

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

.sanda h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #006699;
	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: #006699;
	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)
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar {
	width: 1000px;
	margin: 0 auto 0 auto;
	font-size:0.7em;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	padding: 1em 0 1em 0;
	}
	
		#sidebar #links {
			text-align: center;
	}
		#sidebar a {
			margin: 0 1em 0 1em;
	}
			
		#sidebar ul {
			padding: 0;
			margin: 0;
			}
			
			#sidebar ul li {
			float:left;
			list-style: none;
			display:block;
			margin: 0;
			padding: 0;
			}
		
		input#s {
			width: 440px;
			margin: 0.5em;
			border: 1px solid #A7A6AA;
			background: #fff;
			padding: 4px 0;
			color: #ccc;
			text-align: center;
			}
			
			
			


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
#footer {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	padding-bottom:0.5em;	
	background: #F5F5F5;
	text-align: center;
   border-bottom: 1px solid #006699;
	}
	
	#footer p {
		margin: 0;
		padding: 0.5em;
		font-size: 0.7em;
		color: #000;
		}
		
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++		
		Thanks very much for downloading Day Dream. Jim Whimpey, fightingfriends.com
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */