/*
THEME NAME: Sommerbecker dachs
THEME URI: http://themes.dvq.co.nz/
DESCRIPTION: Sommerbecker Dachs Theme
VERSION: 2.0
AUTHOR: DnBNinja
*/

/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

img { vertical-align: bottom; }

:focus { outline: 0; }




/* BASE STYLE ---------------------------- */

body { background: #000; font: 62.5%/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; color: #353535; color: #c1c1c1; }
#bg-top-repeat { width: 100%; height: 100%; border:0px solid red;  background: #000 url(images/bg_body.jpg) no-repeat 20% 0px;}
#bg-divider-repeat { width: 100%; height: 100%; }
#bg-center { width: 100%; height: 100%;}
#divider-top { width:100%; background: url(images/top-divider.gif) repeat-x; position:relative; top: 158px;}

p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #ffaf25; text-decoration: none; }
a:hover { color: #c48643; }


h2 { font: 1.9em Georgia, Arial, sans-serif; margin-bottom: 6px; color: #fff; }
	h2 a { color: #e7e7e7; }
	h2 a:hover { color: #edaa1b; text-decoration: none; }
h3 { font: 1.4em Georgia, Arial, sans-serif; margin-bottom: 6px; color: #eeb423; }	
	
blockquote p { border-left: 4px solid #847c6c; padding: 5px 20px; margin: 10px 0 20px 21px; color: #847c6c; }

ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/bullet.gif) no-repeat 0.5em 0.6em; padding-left: 21px; margin-bottom: 3px; }
	ol li	{ list-style-type: decimal; list-style-position: inside; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }



/* IMAGE STYLES ---------------------------- */

.alignleft { float: left; margin: 0 10px 10px 0; }	 
.alignright { float: right; margin: 0 0 10px 10px; }	 
.aligncenter { margin: 0 auto 10px auto; display: block; }


.post img { background: #1b1b1b; border: 1px solid #1b1b1b; padding: 4px;}

.post .addthis_container img { background: #000;}


/* CONTAINER ---------------------------- */

#container { font-size: 1.3em; line-height: 1.6em; width: 960px; margin: -15px auto;}


#devider {width: 100%; border-bottom: 1px solid white;}

	/* HEADER ---------------------------- */
	
	#header {  width: 100%; padding: 0px 0; position: relative; border:0px solid red; }

	
	#socialLinks {
		position:absolute;
		right:15px;
		top: 55px;
	}
	
	#socialLinks li{
		float:left;
		padding-left:13px;
		background: none;
	}
	
	#socialLinks li img {
		border:none;	
	}
	
	#socialLinks li a:hover img {
		margin-top:-2px;
	}
		
	


		/* LOGO ---------------------------- */	
		
		
		h1 a { background: url(images/logo_sommerbecker.png) no-repeat 0 0; width: 242px; height: 234px;  text-indent: -9999px; float: left; margin-left: 0px;}
		
			#home-bubble { display: block; background: url(images/home-bubble.gif) no-repeat 0 0; width: 120px; height: 27px; position: absolute; top: 21px; left: 167px; text-indent: -9999px; }


		/* SMALL NAV ------------------------ */
		
		#small-nav { margin: 0px 0px 0 0; float: right; }
		#small-nav li {float: left; margin: 0 0 0 10px; padding: 0; background: none;}
		
		#small-nav li a {
			padding: 5px 10px 6px; 
			font: 11px  Arial;
			color: #a5a5a5; 
			text-decoration: none;
			display: inline-block;
			position: relative;	
		}
		
		#small-nav li a:hover {text-decoration: underline;} 
			
	
		/* TOP NAV ---------------------------- */
		
		#top-nav { margin: 80px 0px 0 0; float: right; width:700px; border: 0px solid red;}
		#top-nav li { float: left; margin: 0 0 0 10px; padding: 0; background: none;}		
		
		#top-nav li a {
			padding:0 0 0 15px;
			padding: 5px 10px 6px; 
			font: 1.2em  Georgia;
			color: #fff; 
			text-decoration: none;
			float:left;
		}
		
		#top-nav li span a { 
			display:block;
			float:left;
			height:27px;
			padding:0 13px 0 0;
		}
		
		
		
		#top-nav li a:hover {
			color: #fff; 
			text-decoration: none;
			background: url(images/btn_nav.png) no-repeat scroll left center transparent;
			display: block;
			/*background: #f1ae1d url(images/alert-overlay.png) repeat-x;*/
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
			text-shadow: 0 1px 1px rgba( 162,98,4,1);
					
		}
		
		#top-nav li a:hover {background: url(images/btn_nav.png) no-repeat scroll right center transparent; }
		
		
		#top-nav  li.current_page_item { 
			color: #fff; 
			text-decoration: none;
			background: url(images/btn_nav.png) no-repeat scroll left center transparent;
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px;
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
			text-shadow: 0 1px 1px rgba( 162,98,4,1);

		}
		
/* TEST 

	#top-nav {
	padding: 5px;
	margin: 80px 100px 0 0; float: right;
	list-style: none;
	float: left;
	clear: left;
}

#top-nav li {
	float: left;
	display: inline; /*For ignore double margin in IE6
	margin: 0 10px;
	background: none;
}

#top-nav li a {
	text-decoration: none;
	float:left;
	color: #999;
	cursor: pointer;
	font: 1.2em  Georgia;
	/*font: 900 14px/30px "Gorgia";
	line-height: 30px;
	
	
	
}

#top-nav li a span {
	margin: 0 10px 0 -10px;
	padding:  0px 8px 0px 18px;
	position: relative; /*To fix IE6 problem (not displaying);
	float:left;
}	
		
		
#top-nav li a:hover {
 	color: #fff;
	background: url(images/btn_nav.png) no-repeat top right;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 1px 1px rgba( 162,98,4,1);
}

#top-nav  li a:hover span {
	background: url(images/btn_nav.png) no-repeat top left;
}

#top-nav li.current_page_item {
	background: url(images/btn_nav.png) no-repeat top right;
 	color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 1px 1px rgba( 162,98,4,1);
}

#top-nav li.current_page_item span {
	background: url(images/btn_nav.png) no-repeat top left;
}		
		
*/		
		
		
		
		/*
		#top-nav li a { display: block; color: #FFF; text-shadow: 1px 1px 1px #a7362f; background: #c44a43; padding: 2px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; box-shadow: #d7c99f 2px 2px 2px; -moz-box-shadow: #d7c99f 2px 2px 2px; -webkit-box-shadow: #d7c99f 2px 2px 2px; }*/
		    	/* #top-nav li a:hover { color: #c44a43; background: #FFF; text-shadow: none; }*/
		    	 
		    	#top-nav li#top-nav-divider { width: 2px; height: 47px; position: absolute; top: 21px; right: 38px; background: url(images/top-nav-divider.gif) no-repeat 0 0; text-indent: -9999px; }
		    	 
		    	#top-nav li#rss-icon { margin: 0 0 0 22px; }
		    	 #top-nav li#rss-icon a { display: block; color: #FFF; background: url(images/rss-icon-top-nav.gif) no-repeat 0 0; padding: 0; width: 28px; height: 26px; box-shadow: #d7c99f 2px 2px 2px; -moz-box-shadow: #d7c99f 2px 2px 2px; -webkit-box-shadow: #d7c99f 2px 2px 2px; text-indent: -9999px; }




	/* MAIN CONTENT ---------------------------- */	
	
	#main-content { width: 578px; float: left; margin: 0px 0 0 0;}

		#main-content a { border-bottom: 0px solid #c3b9a3; }
		    #post a:hover { border-bottom: 1px solid #ff0000; }
		#main-content h2 a { border-bottom: none; }
		    #main-content h2 a:hover { border-bottom: none; }
		    
		   .archives-title { margin-bottom: 40px; padding: 20px 0; border-bottom: 1px solid #181818; border-top: 1px solid #181818; text-transform: uppercase; text-align: center; color: #686450; font-size: 1.7em; }
	


		/* POST ---------------------------- */	
		
		.post { margin-bottom: 0px; padding-top:20px; padding-bottom: 20px; border-bottom:1px solid #181818; }
	
			.entry-meta { font-size: 0.8em; text-transform: uppercase; color: #847c6c; margin-bottom: 20px; }
				.meta-sep { color: #b7ad98; margin: 0 5px; }
				



			/* POST NAVIGATION ---------------------------- */		
					
		    #nav-below { margin: 0 0 10px 0; }
		    .navigation { width: 100%; clear: both; float: left; text-transform: uppercase; }
		        .nav-previous a { float: left; display: block; color: #FFF; text-shadow: 1px 1px 1px #a7362f; background: #c44a43; padding: 2px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; box-shadow: #d7c99f 2px 2px 2px; -moz-box-shadow: #d7c99f 2px 2px 2px; -webkit-box-shadow: #d7c99f 2px 2px 2px; }
		        .nav-next a { float: right; display: block; color: #FFF; text-shadow: 1px 1px 1px #a7362f; background: #c44a43; padding: 2px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; box-shadow: #d7c99f 2px 2px 2px; -moz-box-shadow: #d7c99f 2px 2px 2px; -webkit-box-shadow: #d7c99f 2px 2px 2px; }
					
				 .navigation a:hover { color: #c44a43; background: #FFF; text-shadow: none; }
				 
				 
				 
				 
			/* COMMENTS ---------------------------- */	
			
			#comments {  }
			
				#comments-list { margin: 40px 0 0 0; }
				
				ol.comment-list { margin: 45px 0 0 0; }
				ol.comment-list li { width: 536px; position: relative; color: #e7e7e7; background: #353535; border: 1px solid #1b1b1b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; list-style-position: outside; padding: 10px; margin: 0 0 50px 20px; position: relative; }
				ol.comment-list li div.comment-info { margin: -37px -10px 0 0; position: relative; width: 490px; margin-bottom: 10px; float: right; }
				ol.comment-list li div.comment-avatar { position: absolute; top: -30px; left: -20px; width: 50px; }
				ol.comment-list li div.comment-avatar img { border: 1px solid #414141; background: #353535; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
				ol.comment-list li div.comment-author { font-weight: bold; color: #eeb423; float: left; }
				ol.comment-list li div.comment-author .says-text { color: #847c6c; font-weight: normal; }
				ol.comment-list li div.comment-meta { font-size: 0.8em; text-transform: uppercase; color: #847c6c; float: right; }
				ol.comment-list li div.comment-content { float: right; width: 480px; }
				ol.comment-list li div.comment-content img { padding: 0; background: none; border: none; }
				
				#right-column ol.comment-list li div.comment-content a { border-color: #242424; }

	
	
				/* COMMENTS FORM ---------------------------- */	
				
				#respond { margin: 50px 0 0 0; }
				
				#respond .formcontainer { margin: 20px 0 0 0; }
				#respond .formcontainer .form-label { float: left; width: 100px; margin: 8px 0 0 0; font-weight: bold; }
				#respond .formcontainer .form-input input { width: 462px; float: right; margin-bottom: 20px; padding: 6px 7px; color: #e7e7e7; background: #353535; border: 1px solid #1b1b1b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
				#respond .formcontainer .form-textarea textarea { width: 464px; color: #e7e7e7; background: #353535; border: 1px solid #1b1b1b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom: 15px; }			
				#respond .formcontainer #submit	{  float: right; display: block; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 1px #a7362f; background: #d1860c; border: none; padding: 4px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;  cursor: pointer; font: 95%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
					#respond .formcontainer #submit:hover	{ color: #fff; background: #c48643; text-shadow: none; }

.form_contact_submit {display: block; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 1px #a7362f; background: #d1860c; border: none; padding: 4px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;  cursor: pointer; font: 95%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;}

.form_contact_submit:hover {color: #fff; background: #c48643; text-shadow: none;}


#textField  { width: 350px; margin-bottom: 5px; padding: 6px 7px; color: #e7e7e7; background: #353535; border: 1px solid #1b1b1b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;}

	
	
	.bg01  { background: #444444;}
	.bg02  { background: #848484;}
	
	/* SIDEBAR ---------------------------- */	
	
	#sidebar { width: 240px; float: right; margin: 40px 0;}	
		#sidebar h3 { background: url(images/pannel_bg.gif) no-repeat;  width: 230px; height: 35px; padding: 5px 0 0px 10px; color: #e7e7e7; text-shadow: 2px 2px 2px #363636;}	
			#sidebar ul { margin: 5px 0 20px 0; padding-bottom: 20px;}
				#sidebar ul li ul { padding: 0; margin: 0; border: none; }

			#sidebar .postform  {margin-bottom:20px; width:100%;}
			
			#sidebar #container {border:1px solid red;}

		/* SEARCH BOX ---------------------------- */	
		
		input#s { width: 201px; margin-bottom: 20px; padding: 6px 7px 6px 30px; color: #e7e7e7; background: #353535 url(images/lupe.png) no-repeat 3% 45%; border: 1px solid #1b1b1b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
		
.submit{background-color:transparent;background-repeat:no-repeat;background-position:right -34px;height:34px;width:56px;margin:0;padding:0;position:absolute;right:0;top:0;border:0;text-transform:uppercase;text-shadow:#fff 1px 1px 1px;font-weight:bold;font-size:160%;color:#9b9b9b;cursor:pointer;}


		/* FORMS --------------------------- */
		
		.wpsb_form_txt { width: 224px; background: #353535; margin-bottom: 20px; padding: 6px 7px; color: #e7e7e7; border: 1px solid #1b1b1b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;}
		


	/* FOOTER ---------------------------- */	
	
	
	#footer-divider { width:100%; background: url(images/top-divider.gif) repeat-x; position:relative; top: 10px;}
	#footer-wrapper { width: 100%; height:290px; background: url(images/footer.jpg) no-repeat top center; padding: 57px 0 10px 0;}	
	#footer { width: 870px; margin: 0 auto; font-size: 1.4em; line-height: 1.6em; color: #837961; }
		
		#footer-logo {background: url(images/logo_dachs_footer.png) no-repeat; width:245px; height: 165px; z-index: 99999; margin-left: auto; margin-right:auto; position: relative; top: 111px;}
		
		#footer-box { background: #353535; width: 250px; height: 100px;  float: left; border: 1px solid #1b1b1b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		
		#footer p {  bottom:100px;  margin: 0 0 0px; 0; font-size: 11px; color: #999; }
	
		#bottom-nav {  }
			#bottom-nav li {  margin: 0 0 0 20px; padding: 0; background: none; }
			 #bottom-nav li a { color: #837961; }
			  #bottom-nav li a:hover { color: #c48643; }	


			
/* P.I.E. FLOAT CLEARING ---------------------------- */

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