/*  
Theme Name:Robin Wood
Theme URI:http://www.robinwood.de/
Description:Robin Wood
Version: 1.0
Author: Sebastian Vollnhals
Author URI: http://vollnhals.info/
*/

/* webfonts */

@font-face {
	font-family: Graublau;
	src: url(fonts/GraublauWeb.otf);
}

@font-face {
	font-family: Graublau;
	font-weight: bold;
	src: url(fonts/GraublauWebBold.otf);
}

@font-face {
	font-family: Aller;
	font-weight: normal;
	src: url(fonts/Aller_Rg.ttf);
}

@font-face {
	font-family: Aller;
	font-weight: bold;
	src: url(fonts/Aller_Bd.ttf);
}

@font-face {
	font-family: Aller;
	font-weight: lighter;
	src: url(fonts/Aller_Lt.ttf);
}

@font-face {
	font-family: Aller;
	font-style: italic;
	src: url(fonts/Aller_It.ttf);
}

@font-face {
	font-family: Aller;
	font-weight: bold;
	font-style: italic;
	src: url(fonts/Aller_BdIt.ttf);
}

@font-face {
	font-family: Aller;
	font-weight: lighter;
	font-style: italic;
	src: url(fonts/Aller_LtIt.ttf);
}

/* page */

body {
	
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	
	background-color: #f6f6f6;
	color: #111;

	line-height: 1.6em;
	
}

	/* head */

	#container-head {
		
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;
		
		width: 100%;
		height: 160px;
		
		background-color: #180;
		
	}
	
		#head {
			
			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 1000px;
			height: 160px;
			
			margin: 0px auto;			
						
		}
		
			#logo {
				
				display: block;
				position: absolute;
				left: 0px;
				bottom: 20px;
				
				width: 585px;
				height: 100px;
				
				background: transparent url(images/robin-wood.png) top left no-repeat;
				
				cursor: pointer;
				
			}
			
				#logo a {
					
					display: block;
					position: absolute;
					left: 0px;
					top: 0px;
					width: 585px;
					height: 100px;
					margin: 0px;
					padding: 0px;
					
				}
			
				#logo h1,
				#logo h2,
				#logo a span {
					
					display: none;
					visibility: hidden;
					
				}
				
			#buttons {
				
				display: block;
				position: absolute;
				right: 0px;
				top: 20px;
												
			}
			
				#buttons a {
					
					display: block;
					position: relative;
					float: left;
					
					width: 50px;
					height: 50px;

					margin: 0px;
					padding: 10px;

					text-decoration: none;
					
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;
					
				}
				
					#buttons a:hover {
						
						background-color: #063;
						
					}
				
					#buttons a span {
						
						display: none;
						visibility: hidden;
						
					}
					
					#buttons a:hover span {
						
						display: block;
						position: relative;
						visibility: visible;
						
						color: #fff;
						top: 57px;
						left: -25px;
						
						width: 100px;
						text-align: center;
						
						font-size: .9em;
						
					}
					
					#button-home {
						
						background: url(images/button-home.png) 10px 10px no-repeat;
						
					}
				
					#button-shop {
						
						background: url(images/button-shop.png) 10px 10px no-repeat;
						
					}
				
					#button-newsletter {
						
						background: url(images/button-newsletter.png) 10px 10px no-repeat;
						
					}
				
					#button-rss {
						
						background: url(images/button-rss.png) 10px 10px no-repeat;
						
					}
				
					#button-kontakt {
						
						background: url(images/button-kontakt.png) 10px 10px no-repeat;
						
					}
				
					#button-spende {
						
						background: url(images/button-spende.png) 10px 10px no-repeat;
						
					}

	/* menu */
				
	#container-menu {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #180 url(images/fade-bottom.png) top left repeat-x;
		
	}
	
		#menu {
			
			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 1000px;
			height: 39px;
			overflow: hidden;
			
			margin: 0px auto;			
			
		}
			
			#menu ul {
				
				display: block;
				position: relative;
				margin: 0px;
				padding: 4px 0px 0px;
				height: 35px;
				
			}
			
				#menu ul li {
					
					display: block;
					float: left;
					position: relative;
					height: 25px;
					margin: 0px 3px;
					padding: 3px 7px 7px;
					
					list-style: none;
					
					font-size: 1.3em;
					
					-moz-border-radius-topleft: 7px;
					-webkit-border-top-left-radius: 7px;
					-moz-border-radius-topright: 7px;
					-webkit-border-top-right-radius: 7px;
					
					
				}
				
					#menu ul li a {
						
						color: #fff;
						text-decoration: none;
						
					}
					
				#menu ul li.active,
				#menu ul li.current_page_item,
				#menu ul li.current_page_ancestor,
				#menu ul li.current_page_parent,
				#menu ul li.current-cat,
				#menu ul li.current-cat-parent,
				#menu ul li.current-cat-ancestor,
				#menu ul li:hover {
					
					background-color: #fff;
					
				} 

					#menu ul li.active a,
					#menu ul li.current_page_item a,
					#menu ul li.current_page_ancestor a,
					#menu ul li.current_page_parent a,
					#menu ul li.current-cat a,
					#menu ul li.current-cat-parent a,
					#menu ul li.current-cat-ancestor a,
					#menu ul li:hover a {
					
						color: #062;
					
					} 
	
	/* submenu */
					
	#container-submenu {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background-color: #fff;
		
	}

		#submenu {
		
			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 1000px;
		
			margin: 0px auto;			
		
		}
		
			#submenu ul {
			
				display: block;
				position: relative;
				margin: 0px;
				padding: 7px 0px 0px;
				height: 34px;
			
			}
		
				#submenu ul li {
				
					display: block;
					float: left;
					position: relative;
					height: 20px;
					margin: 0px;
					padding: 0px 2px 7px;
				
					list-style: none;
				
					font-size: 1.1em;				
				
				}
				
					#submenu ul li.current-cat a,
					#submenu ul li.current_page_item a,
					#submenu ul li.current_page_ancestor a,
					#submenu ul li.current_page_parent a {
						
						background-color: #eee;
						color: #333;
						
					}
			
					#submenu ul li a {
					
						color: #555;
						text-decoration: none;
						padding: 3px 7px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						
					
					}
					
						#submenu ul li a:hover {
							
							color: #111;
							
						}

	/* content */

	#container-content {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #f6f6f6 url(images/fade-bottom.png) top left repeat-x;

	}

		#content {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 1000px;

			margin: 0px auto;	
			
			min-height: 500px;

		}
		
			/* left */
		
			#main {
				
				display: block;
				position: relative;
				
				float: left;
				
				padding: 0px;
				margin: 40px 0px 20px 10px;
				width: 700px;
				
			}
			
				#main .page,
				#main .post {
					
					display: block;
					position: relative;
					background-color: #fff;
					padding: 50px 89px 50px 49px;
					margin: 0px 0px 30px;
					width: 560px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border: 1px solid #eee;
					-moz-box-shadow: 0px 0px 10px #f0f0f0;
					
				}
				
					#main .page .category,
					#main .post .category {
						
						font-weight: bold;
						font-size: 1.1em;
						color: #222;
						float: left;
						margin-right: 10px;
						/*
						background-color: #180;
						padding: 2px 5px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						*/
						
					}
										
						#main .page .date,
						#main .post .date {

							font-size: 1em;
							text-align: right;
							color: #333;

						}
				
					#main .page h1,
					#main .post h1 {
						
						display: block;
						position: relative;
						color: #180;
						font-size: 2em;
						line-height: 1.2em;	
						margin: .55em 0em;						
						text-align: left;				
						
					}
					
					#main .page h2,
					#main .post h2 {
						
						display: block;
						position: relative;
						color: #4b0;
						font-size: 1.5em;
						line-height: 1.2em;	
						margin: .55em 0em;
						text-align: left;				
						
					}

					#main .page h3,
					#main .post h3 {
						
						display: block;
						position: relative;
						color: #6d2;
						font-size: 1.3em;
						line-height: 1.2em;	
						margin: .55em 0em;						
						text-align: left;				
						
					}


						#main .page h1 a,
						#main .page h2 a,
						#main .page h3 a,
						#main .page h4 a,
						#main .page h5 a,
						#main .page h6 a,
						#main .post h1 a,
						#main .post h2 a,
						#main .post h3 a,
						#main .post h4 a,
						#main .post h5 a,
						#main .post h6 a {
							
							text-decoration: none;
							color: inherit;
							
						}
											
					#main .page .entry,
					#main .post .entry {
						
						text-align: justify;
						font-size: 1.1em;
						line-height: 1.6em;
						
					}
			
						#main .page .entry a,
						#main .post .entry a {
						
							color: #3a0;
							text-decoration: none;
						
						}			
					
						#main .page .entry a.more-link,
						#main .post .entry a.more-link {
							
							color: #3a0;
							text-decoration: none;
							font-size: .8em;
							font-style: italic;
							padding: 5px 5px 3px 10px;
							
						}
						
						#main .page .entry ul li,
						#main .post .entry ul li {
						
							list-style-type: square;
							
						}
						
					#main .page .author,
					#main .post .author {

						text-align: right;
						font-size: .9em;
						line-height: 1.6em;
						font-style: italic;

					}
					
						#main .page .author a,
						#main .post .author a {
					
							color: #4b0;
							text-decoration: none;
							font-weight: bold;
					
						}

						#main .page .author a:before,
						#main .post .author a:before {
						
							content: "<";
						
						}

						#main .page .author a:after,
						#main .post .author a:after {
						
							content: ">";
						
						}

					#main .page .bottom,
					#main .post .bottom {
						
						position: relative;
						border-top: 1px solid #4b0;
						
					}
					
						#main .page .bottom .tags,
						#main .post .bottom .tags {
							
							margin-right: 70px;
							
						}
						
							#main .page .bottom .tags a,
							#main .post .bottom .tags a {
								
								font-weight: normal;
								font-size: .8em;
								color: #4b0;
								line-height: 1.6em;
								padding-right: 5px;
								
							}

						#main .page .bottom .edit,
						#main .post .bottom .edit {

							display: block;
							position: absolute;
							right: 0px;
							top: 0px;

						}

							#main .page .bottom .edit a,
							#main .post .bottom .edit a {
							
								font-weight: normal;
								font-size: .8em;
								color: #fff;
								background-color: #4b0;
								padding: 3px 5px;
								float: left;
								line-height: 1.2em;
								-moz-border-radius-bottomleft: 4px;
								-moz-border-radius-bottomright: 4px;
								-webkit-border-bottom-left-radius: 4px;
								-webkit-border-bottom-right-radius: 4px;
							
							}
							
				.navigate {
					
					
				}
				
					.navigate a {
						
						padding: 4px 10px;
						background-color: #050;
						color: #fff;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						
					}
					
				#main .shareandenjoy {
					
					display: block;
					position: absolute;
					right: 0px;
					top: 100px;
					width: 50px;
					background-color: #f9f9f9	;
					padding: 10px;
					border: 1px solid #eee;
					border-right-width: 0px;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-bottomleft: 5px;
					-webkit-border-top-left-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					
				}
				
					#main .shareandenjoy .twitter { 
						
						display: block;
						position: relative;
						width: 48px;
						margin-bottom: 15px;
						
					}

					#main .shareandenjoy .comments {
						
						display: block;
						position: relative;
						width: 48px;
						height: 50px;
						margin-bottom: 20px;
						background-color: #fff;
						border: 1px solid #ccc;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						
					}
					
						#main .shareandenjoy .comment_count {
							
							display: block;
							font-size: 20px;
							color: #333;
							text-align: center;
							padding: 5px 0px;
							
						}
					
						#main .shareandenjoy .comment_label {
						
							display: block;
							position: absolute;
							bottom: 0px;
							width: 48px;
							background-color: #4b0;
							color: #fff;
							font-size: .5em;
							text-align: center;
							margin: 0px;
							padding: 0px;
							line-height: 2em;
							
						}

				#main .comments {
					
					
					
				}
				
					#main .comments ul {
						
						list-style: none;
						margin: 0px;
						padding: 0px;
						
					}
					
						#main .comments ul li {
							
							display: block;
							position: relative;
							
							border: 1px solid #eee;
							margin: 5px 0px;
							padding: 10px;
							
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							
						}
						
							#main .comments ul li a {
								
								text-decoration: none;
								color: #4b0;
								
							}
							
							#main .comments ul li .author {
								
								color: #4b0;
								font-weight: bold;
								font-size: 1.1em;
								font-style: normal;
								
							}
							
							#main .comments ul li p {
								
								margin: 0px;
								padding: 5px;
								
							}
							
					#main .comments form {

						display: block;
						position: relative;

						border: 1px solid #eee;
						margin: 5px 0px;
						padding: 10px;

						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;

					}
					
					#main .comments form a {
						
						color: #4b0;
						
					}
					
					#main .comments form textarea {
						
						display: block;
						position: relative;

						border: 1px solid #ccc;
						margin: 10px 5px;
						padding: 3px;

						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						
					}
					
					#main .comments form input[type=submit] {
						
						padding: 4px 10px;
						background-color: #050;
						color: #fff;
						border-width: 0;
						font-size: 1.3em;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
												
					}
				
/*
		
				#main ol {

					position: relative;
					margin: 20px 0px 20px 30px;
					padding: 0px;

					font-size: .9em;
					color: #111;
					line-height: 1.6em;

				}
				
					#main ol li {
						
						margin: 15px 0px;
						
					}
					
				#main .item {
					
					margin-bottom: 60px;
					
				}

				
					#main h1 {
						
						display: block;
						position: relative;
						margin: 5px 0px;
						padding: 0px;

						font-size: 2em;
						color: #180;

						line-height: 1.3em;	
						
					}

						#main h1 a {

							color: #180;
							text-decoration: none;

						}


						#main .item h1 span.edit {
						
							display: block;
							position: absolute;
							right: 25px;
							bottom: -45px;
							z-index: 100;
							
						}
					
							#main .item h1 span.edit a {
							
								color: #fff;
								text-decoration: none;
								background-color: #ccc;
								padding: 3px 5px;
								-moz-border-radius: 4px;
								-webkit-border-radius: 4px;
								font-size: .6em;	
							
							}
							
								#main .item h1 span.edit a:hover {
								
									background-color: #800;
									
								}
								
					#main .item h2 {

						display: block;
						position: relative;
						margin: 5px 0px 5px;
						padding: 0px;
						font-size: 1.4em;
						color: #195;
						line-height: 1.3em;

					}

					#main .item h3 {

						display: block;
						position: relative;
						margin: 5px 0px 5px;
						padding: 0px;
						font-size: 1.2em;
						color: #2a6;
						line-height: 1.3em;

					}

					#main .item h4 {

						display: block;
						position: relative;
						margin: 5px 0px 5px;
						padding: 0px;
						font-size: 1.1em;
						color: #3b7;
						line-height: 1.3em;

					}
						
					#main .item .itemcontent {
						
						display: block;
						position: relative;
						margin: 5px 0px;
						padding: 30px 50px 20px !important;
						
					}
					
						#main .item .itemcontent p {

							display: block;
							position: relative;
							padding: 0px;
							margin: 0px 0px 10px;

							font-size: 1em;
							color: #333;
							text-align: justify;
							line-height: 1.7em;

						}

							#main .item .itemcontent p a {

								color: #063;
								text-decoration: none;
								background-color: #efe;
								padding: 2px 5px;
								-moz-border-radius: 4px;
								-webkit-border-radius: 4px;

							}

								#main .item .itemcontent p a:hover {

									color: #063;
									text-decoration: none;
									background-color: #cec;
									padding: 2px 5px;
									-moz-border-radius: 4px;
									-webkit-border-radius: 4px;

								}
					
						#main .item .itemcontent .datum {
					
							display: block;
							position: relative;
							color: #111;
							font-weight: bold;
							font-size: .8em;
							line-height: 1.2em;
							margin: 0px 0px 10px;
							padding: 0px;
					
						}

						#main .item .itemcontent .entry {
							
							margin: 0px;
							padding: 0px;
							
						}

						#main .item .itemcontent .tags {
						
							border-top: 1px dotted #ccc;
							padding: 10px 0px;
						
						
						}
						
							#main .item .itemcontent .tags a {
						
								color: #fff;
								text-decoration: none;
								background-color: #063;
								padding: 2px 5px;
								-moz-border-radius: 4px;
								-webkit-border-radius: 4px;	
								font-size: .8em;
								background-color: #396;					
						
							}

						#main .item .field,
						#main .item .wp-caption {
							
							background-color: #fff;
							border: 1px solid #eee;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							margin: 10px 0px;
							padding: 10px;
							max-width: 580px;
							-moz-box-shadow: 0px 0px 10px #e6e6e6;
							-webkit-box-shadow: 0px 0px 10px #e6e6e6;
							
						}
						
							#main .item .itemcontent .field p {
								
								font-size: .8em;
								
							}

							#main .item .wp-caption a {
							
								margin: 0px;
								padding: 0px;
								
							}

								#main .item .wp-caption a img {
							
									display: block;
									margin: 0px;
									padding: 0px;
									max-width: 580px;
								
								}

							#main .item .wp-caption p.wp-caption-text {
								
								display: block;
								margin: 5px 0px 0px;
								padding: 0px;
								text-align: center;
								font-size: .8em;
								max-width: 580px;
								
							}

*/

			/* right */

			#sidebar {
				
				display: block;
				position: relative;
				
				float: right;
				
				margin: 10px 0px 0px;
				padding: 20px 0px 20px 20px;
				width: 250px;
				
				border-left: 2px dotted #eee;
				
			}
			
				#sidebar a img {
					
					margin-bottom: 10px;
					
				} 
	
				#sidebar .item {}
			
					#sidebar .item h3 {
						
						color: #180;
						
					}
					
					#sidebar .item ul,
					#sidebar .item .tags {
						
						background-color: #fff;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						padding: 10px;
						margin: 0px;
						
					}
					
						#sidebar .item .tags a {
							
							color: #666;
							
						}
						
							#sidebar .item .tags a:hover {
								
								color: #4b0;
								
							}
							
						#sidebar .item ul li {
							
							list-style: none;
							
						}
						
							#sidebar .item ul li a {
								
								color: #4b0;								
								
							}
	
			#sidebar .item .aktt_tweets li {
				
				border-bottom: 1px dashed #ccc;
				font-size: .9em;
				line-height: 1.2em;
				padding: 15px 5px;
				
			}
			
			#sidebar .item .aktt_tweets li .aktt_tweet_time {
				
				font-size: .7em;
				color: #999;
				
			}
			
			#sidebar .item .aktt_tweets li.aktt_more_updates {
				
				border-width: 0px;
				
			}
	
	/* foot */
			
	#container-foot {

		display: block;
		position: relative;
		clear: both;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #180 url(images/fade-bottom.png) top left repeat-x;
		
	}

		#foot {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 1000px;

			margin: 0px auto;			

		}
		
			#foot p {
				
				display: block;
				position: relative;
				margin: 0px;
				padding: 10px 0px;
				text-align: center;
				
				color: #fff;
				
			}
			
				#foot p a {
					
					color: #eee;
					text-decoration: none;
					padding: 1px 5px;
					background-color: #050;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					
				}
				
					#foot p a:hover {
						
						background-color: #030;
						
					}
					
/* general */

a img {
	
	border-width: 0px;
	text-decoration: none;
	
}

a {
	
	text-decoration: none;
	
}

/* wordpress positioning fun */

.alignright {
	
	float: right;
	margin: 10px 0px 10px 10px;
	
}

.alignleft {
	
	float: left;
	margin: 10px 10px 10px 0px;
	
}

.aligncenter {
	
	text-align: center;
	margin: 10px auto;
	
}

/* wordpress caption fun */

.wp-caption {
	
	border: 1px dotted #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	width: 100%;
	
}

	.wp-caption img {
	
		display: block;
		margin: 0px auto;
		
	}

	.wp-caption .wp-caption-text {
		
		font-size: .7em;
		color: #888;
		margin: 5px 0px 0px;
		padding: 0px 10px;
		line-height: 1.2em;
		
	}

/* fonts */

h1, h2, h3, h4, h5, h6 {
	
	font-family: "Aller", "Trebuchet MS", "Helvetica", sans-serif;
	
}

#head, #menu, #submenu, #foot {
	
	font-family: "Aller", "Trebuchet MS", sans-serif;
	
}

body {
	
	font-family: "Aller", serif;

}