/*
Theme Name: Kalter Hund
Theme URI: http://kalter-hund-manufaktur.de
Description: Handcoded Theme for use on www.kalter-hund-manufaktur.de ONLY!
Version: 1.0
Author: Bit-Boutique
Author URI: http://bit-boutique.de
Tags: customized!
*/



/* Browser-Reset */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, blockquote, a, form, input, textarea,
fieldset, legend, pre, div, span, button  { margin: 0;
                                            border: 0;
                                            padding: 0;
                                            background-color: transparent; }

img, a img, :link img, :visited img { padding: 0;
                                      border: 0;
                                      margin: 0;
                                      vertical-align: top; }
                                      
a:link, a:visited { color: #482715;
                    text-decoration: underline;
                    outline: none;
                    border: 0; }
                                                
a:hover, a:focus, a:active { color: #482715;
                             text-decoration: none;
                             outline: none;
                             border: 0; }
                                                
ul, ol { list-style: none; }


/* Some SEO and other invisible things for the sake of enriched semantics and microformats */

h1, h2#page_head { display: none; }

/* Intro */

body#post349 div { width: 800px;
				   margin: 30px auto; }

body#post349 p { width: 800px;
				 text-align: center;
				 padding: 0; }

body#post349 a:link,
body#post349 a:visited,
body#post349 a:hover,
body#post349 a:focus,
body#post349 a:active { color: #ede7d9;
                    	text-decoration: underline; }                                                


/* Layout */

body { background: #a09285;
	   color: #482715; }

#content { width: 820px;
		   margin: auto;
		   background: url(images/bg.gif);
		   overflow: hidden; }
		   
#header { width: 800px;
		  height: 160px;
		  position: relative;
		  left: 10px;
		  background: url(images/bg_head.gif); }
		  
#teller	{ position: absolute;
		  top: 100px;
		  left: 20px; }
		  
#logo_paerchen { position: absolute;
		  		 top: 10px;
		  		 left: 440px; }
		  
ul#navigation { position: relative;
			    left: 190px;
			    top: 128px;
			    width: 600px;
			    height: 33px;
			    margin: 0;
			    background: url(images/nav_sprite_kh.png); }
		  
ul#navigation li { float: left; }
		  
#content_box { margin: 60px 10px 0 81px; }
			   
#blog_box { margin: 60px 20px 0 81px;
			float: left; }
			
#sidebar { margin: 0 10px 18px 630px;
		   font: normal 12px/18px verdana, arial, sans-serif; }
			   
#footer { background: url(images/bg_foot_space.gif) #ede7d9 repeat-x;
		  width: 800px;
		  position: relative;
		  left: 10px;
		  clear: both; }
		  
#footer img { border: none;
			  margin: 40px 30px 0 72px;
			  float: left; }
			  
#footer p { width: 820px;
			height: 95px;
			position: relative;
			left: -10px;
			padding: 0;
			background: url(images/bg_foot.gif) 0 81px no-repeat;
			font: bold 12px/110px verdana, arial, sans-serif; }

			
/* Content */

h2 { font: bold 16px/46px verdana, arial, sans-serif; }

h2#single { clear: both; }

h3 { font: italic 14px/46px verdana, arial, sans-serif;
	 font-weight: bold; }
	 
h3.product { margin: 0 0 0 280px; }

h4 { font: bold 12px/36px verdana, arial, sans-serif; }

p { font: normal 12px/18px verdana, arial, sans-serif;
	width: 600px;
	padding: 0 0 18px;
	text-align: justify; }
	
p img { margin: 10px 60px 30px;
		padding: 3px;
		border: 1px solid #a09285; }
		
.left { float: left; }

.left img { border: none;
		    margin: 15px 40px 70px 0;
		    padding: 0; }
	 
ul.products { font: bold 12px verdana, arial, sans-serif;
	 		  margin: 0 0 15px 300px; }

ul.products li { width: 295px; }
	 		  
ul.products li div { text-align: right;
					 position: relative;
					 top: -16px; }
					 
#post101 #content_box { margin: 70px 0 20px 82px; }
					 
					 
/* Blog-Content */

#blog_box p { width: 500px; }

p.postmetadata { border-top: 1px solid #a09285;
			     border-bottom: 1px solid #a09285;
				 padding: 5px 0;
				 margin: 20px 0;
				 font: normal 10px/14px verdana, arial, sans-serif; }
				 
#comments_list cite { font-weight: bold; }

#comments_list p { width: 475px; }

#comments_list em { display: block;
					font-weight: bold; }
					
#comments_list li { margin: 20px 0 0; }
		    
ol { font: normal 12px verdana, arial, sans-serif;
	 list-style: decimal;
	 margin: 0 0 0 25px; }
	 
#author, #email, #url { display: block; }

label { font: normal 12px verdana, arial, sans-serif; }

input { border: 1px solid #a09285;
		margin: 3px 0 10px;
		width: 180px; }
	 
#comment { border: 1px solid #a09285;
		   width: 500px;
		   display: block; }
		   
#submit { border-left: 2px solid #ddd;
		  border-top: 2px solid #ddd; 
		  border-right: 2px solid #666; 
		  border-bottom: 2px solid #666;
		  margin: 25px 0; }
		  
#sidebar input { width: 135px;
				 margin: 20px 0 10px; }

#sidebar #submit { margin: 0;
				   width: 80px; }
				   
.blogroll li { margin: 5px 0; }

.alignleft { font: normal 12px/18px verdana, arial, sans-serif;
			 float: left; }
			 
.alignright { font: normal 12px/18px verdana, arial, sans-serif;
			  float: right; }
			  
#blog_box p a { margin: 5px; }
			  
			  
/* Navigation */

ul#navigation li a { display: block;
					 width: 100px;
					 height: 33px;
					 background: url(images/nav_sprite_kh.png) no-repeat;
					 text-indent: -9999px; }

ul#navigation li.page-item-2 a { background-position: 0 0; }
ul#navigation li.page-item-2 a:hover { background-position: 0 -40px; }
#post2 ul#navigation li.page-item-2 a { background-position: 0 -80px; }
			   
ul#navigation li.page-item-18 a { background-position: -100px 0; }
ul#navigation li.page-item-18 a:hover { background-position: -100px -40px; }
#post18 ul#navigation li.page-item-18 a { background-position: -100px -80px; }	

ul#navigation li.page-item-69 a { background-position: -200px 0; }
ul#navigation li.page-item-69 a:hover { background-position: -200px -40px; }
#post69 ul#navigation li.page-item-69 a { background-position: -200px -80px; }

ul#navigation li.page-item-64 a { background-position: -300px 0; }
ul#navigation li.page-item-64 a:hover { background-position: -300px -40px; }
#post64 ul#navigation li.page-item-64 a { background-position: -300px -80px; }
			    
ul#navigation li.page-item-101 a { background-position: -400px 0; }
ul#navigation li.page-item-101 a:hover { background-position: -400px -40px; }
#post101 ul#navigation li.page-item-101 a { background-position: -400px -80px; }

ul#navigation li.page-item-73 a { background-position: -500px 0; }
ul#navigation li.page-item-73 a:hover { background-position: -500px -40px; }
#post73 ul#navigation li.page-item-73 a { background-position: -500px -80px; }