/*
Theme Name: Bananenbiegerei.de
Theme URI: http://www.bananenbiegerei.de/
Description: A custom portfolio theme for www.bananenbiegerei.de.
Version: 0.1
Author: Jan Florian Dietrich
Author URI: http://www.daenen4.de/
Template: default

Design by Ingo Schmid.

*/

/*-----------------------*/
/*Top-Level Objects*/


/* Every other Link besides Content-Area / Helvetica */
a {
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	background-color: yellow; 
}

/* Links Content-Area / "Everything in Georgia" */

body div#page div#content_entry a {
	color: #000; 
	text-decoration: underline;
}

body div#page div#content_entry a:hover {
	text-decoration: underline;
	background-color: yellow;
}

hr {
	color: black;
	background-color: black;
	clear: both;
	height: 1px;
	border: none;
}

/*separator between featured post and thumbnails on posts page */
hr.seperator_posts_feature_teaser {
	margin: 30px 0 0 0;
}

/*-----------------------*/
/*Object Styles*/

html {
	height: 100%;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, Times, serif;
	color: black;
	min-height: 100%;
	background-color: #ffcc33;
}

body div#page {
	text-align: left;
	width: 940px;
	margin: 0 auto;
	padding: 0 0 38px 0;
	color: black; 
}

body div#page div#header {
	float: left;
	width: 790px;
	padding-bottom: 15px;
	min-height: 140px;
}

	body div#page div#header div#header_mouseover {
		padding-top: 38px;
	}
	
		body div#page div#header div#header_menu_wrapper {
			font: bold 2.8em ff-nuvo-web-pro, Helvetica, Arial, sans-serif;
			color: #000;
			width: 790px;
			letter-spacing: 0.01em;
		}
		
			body div#page div#header div#header_menu_wrapper h1 {
				float: left;	
				font-weight: bold;	
			}
			
			body div#page div#header div#header_menu_wrapper div.menu {
				float: left;
			}
		
				body div#page div#header div#header_menu_wrapper div.menu ul li {
					float: left;
					list-style-type: disc;
					margin-left: 25px;
					list-style-position: outside;
				}
			
			body div#page div#header div#header_categories {
				width: 790px; 
				margin-top: 6px;
				/*clear menu_wrapper floats the old school wayx */
				clear:both;
				display: none;
				
				font: bold 2.0em/1.5em Helvetica, Arial, sans-serif;
			}
					
				body div#page div#header div#header_categories ul li {
					float: left;
					list-style-type: disc;
					margin-left: 25px;
					color: #000;
				}
				
				/*remove bullet point from first item, other bullet point removal done in js */
				body div#page div#header div#header_categories ul li:first-child {
					list-style-type: none;
					margin-left: 0px;
				}

body div#page div#searchbox {
	width: 140px;
	float:right;
	padding: 38px 0 10px;
	
	font: bold 1.8em/1.5em Helvetica, Arial, sans-serif;	
}

	body div#page div#searchbox form input {
		/* true width is 140px: 136 width + 2*2px margin */
		width: 118px;
		/* same with height */
		height: 13px;
		background-color: white;
		color: black;
		border: none;
		
		font-size: 0.55em; /* font-sizes are relative to parent */
		font-weight: normal;
		text-transform: lowercase;	
		
		padding: 5px 11px; /* first value: top & bottom / second value: left & right */
		margin-top: 1px;
	}
	
	body div#page div#searchbox form label {
		color: #000;
	}

/* sets base font size and line height */
body div#page div#content {
	padding: 25px 0;
	font-size: 1.3em;
	line-height: 1.538em;	
}

body div#page div#content.archives {
	padding-top: 0;	
}

	body div#page div#content div#content_entry div.content_entry_col1 {
		float:left;
		width: 300px;
	}
	
	body div#page div#content div.post div#content_entry div.content_entry_col1.front-page {
		max-height: 460px;
		overflow: hidden;
	}
	
		body div#page div#content div.post div#content_entry small {
			font: bold 0.8em Helvetica, Arial, sans-serif;
			color: black; 
		}
		
		body div#page div#content div.post div#content_entry span.category {
			font: bold 0.8em Helvetica, Arial, sans-serif;
			color: #000;
			margin-top: 2px;
			display: block;
		}
	
		/* post headline */
		body div#page div#content div#content_entry h2 {
			font-size: 1.38em;
			line-height: 1.12em;
			/*text-decoration: underline;*/
			color: black;
			margin: 7px 0 10px 0;
			display: block;
		}
		
		body div#page div#content div#content_entry h2 a {
			color: black;
		}
		
		body div#page div#content div#content_entry div.content_entry_col1 p {
			margin-bottom: 20px;
		}
	
	body div#page div#content div#content_entry div.content_entry_col2 {
		float: left;
		width: 620px;
		margin-left: 20px;
	}
	
	body div#page div#content div#content_entry div.content_entry_col2.front-page {
		overflow: hidden;
		max-height: 460px;
	}
	
	/* margin for embedded media */
	body div#page div#content div#content_entry div.content_entry_col2 object, body div#page div#content div#content_entry div.content_entry_col2 embed {
		margin: 25px 0;
	}
	
		/* Image Browser Styles */
		body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser {
			margin: 0;
			padding: 0;
			max-height: 460px;
			overflow: hidden;
			background-color: #ffd200;
			margin: 25px 0;
			height: 460px;
		}
		
		body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser:first-child {
			margin-top: 0;
		}
		
			body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.pic  {
				width: 620px;
				height: 460px;
				display: table-cell;	
				text-align: center;
				z-index: 300;
				display: none;
			}
		
			body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.pic img {
				width: auto;
				border: none;
				margin: auto 0;
				padding: 0;
			}
			
			body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav {
				border: none;
				margin: 0;
				padding: 0;
				/*display: none;*/
				position: relative;
				z-index: 600;
			}

			
				body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav div.back, body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav div.next {
					position:relative;
					bottom: 285px;
					left: 0;
					border: none;
					padding: 0 0 0 10px;
					float: left;
					min-width: 88px;
					min-height: 88px;
				}
				
				body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav div.next {
					padding: 0;
					left: 430px;
				}
				
				body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav a {
					outline: none;
					display: block;
				}
				
				body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav a:hover {
					background-color: transparent;
				}
				
				body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav img {
					border: none;
					margin: 0;
					padding: 0;
				}
				
				
				body div#page div#content div#content_entry div.content_entry_col2 div.ngg-imagebrowser div.ngg-imagebrowser-nav div.counter {
					clear: both;
					position: absolute;
					margin: -28px 0 0 10px;
					padding: 5px;
					
					font: bold 1.2em Helvetica, Arial, sans-serif;
					color: #000;
					/*background: transparent url(images/imagebrowser_counter_bg.png) repeat;*/
					
					z-index: 999;
					display: none;
				}
				

/* Teaser Grid */
body div#page div#content div#teaser_grid {
	font-size: 0;
}

body div#page div#content div#teaser_grid span.posts_teaser {
	display: inline-block;
	width: 140px;
	vertical-align: top;
	margin: 30px 0 0 20px;
	font-size: 10px; /* due to inline-block hack, we need to set absolute font-size here */
}

body div#page div#content div#teaser_grid span.posts_teaser.archives {
	margin-top: 25px;
}

body div#page div#content div#teaser_grid span.posts_teaser:first-child {
	margin-left: 0;
}

	body div#page div#content div#teaser_grid span.posts_teaser div.posts_thumbnail {
		background-color: #ffff00;
		height: 140px;
		width: 140px;
	}
	
	body div#page div#content div#teaser_grid span.posts_teaser div.posts_thumbnail a {
		outline: none;
	}
	
	body div#page div#content div#teaser_grid span.posts_teaser div.posts_thumbnail a:hover {
		background-color: transparent;
	}

	body div#page div#content div#teaser_grid span.posts_teaser h3 a{
		font: bold 1em Helvetica, Arial, sans-serif;
		color: black;
		display: inline-block;
		margin-top: 4px;
	}

	body div#page div#content div#teaser_grid span.posts_teaser span.category {
		font: bold 1em Helvetica, Arial, sans-serif;
		color: #000;
		display: block;
		margin-top: 2px;
	}
	
	body div#page div#content div#teaser_grid span.posts_teaser span.category ul li {
		list-style-type: disc;
		margin-left: 12px;
	}
	
		body div#page div#content div.post div#content_entry span.category a {
			text-decoration: none;
		}
	
	/* styles for navigation on single article page */
	body div#page div#content div.navigation {
		font: bold 1.38em Helvetica, Arial, sans-serif;
		color: #000;
	}
	
		body div#page div#content div.navigation div.alignleft { 
			float: left;
		}
		
		body div#page div#content div.navigation div.alignright {
			float: right;
		}


body div#page div#footer {
	padding: 20px 0;
	
	font: bold 1em/1.5em Helvetica, Arial, sans-serif;
}

body div#page div#footer a {
	color: black;
}

	body div#page div#footer div#footer_left {
		float: left;
	}

		body div#page div#footer div#footer_left table {
			margin-top: 2px;		
		}
		
			body div#page div#footer div#footer_left table td {
				width: 160px;
			}
	
	body div#page div#footer div#footer_right {
		float: left;
	}

body div#page div#content div.page div.content_entry_col1 h2 {
	margin-top: 0 !important;
}

/*-----------------------*/
/*Auxilliary Classes*/


/*Clearfix
**Clears floated Containers
*/

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.visible {
	display: table-cell !important;
}