/*  
Theme Name: sputnic presents: **TILL*
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


.invisible {position:absolute;
            visibility:hidden;}



/* Begin Basic Typography & Colors */
body {
	background-image: url('images/body_bg.gif') repeat-x;
	font-size: 62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFFFFF;
	color: #333;
	text-align: center;
      padding-top:0px;
      margin-top: 0px;
	}





.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}





h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}


h2 {
	font-size: 2.5em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}





/* End Typography & Colors */








/* Begin Structure + Backgrounds */
body {
	margin: 0 0 0px 0;
	padding: 0; 
	}

#page{background:  url('images/blog_page_bg.jpg')repeat-y top center;
      margin: 0px auto;
	padding:0;
	width: 710px;
}

#header {position: relative;
	background:  url('images/blog_head_bg.jpg') no-repeat top center;
	padding:0px;
 	width: 710px;
	height:206px;
	align:left;
	}

.mainNavi {position:absolute;
	    top:20px;
	    left:30px;
          height:42px;
	    width:407px
          padding:0px;
          }
.logo {position:absolute;
	top:65px;
	left:30px;
	height:70px;
        }

#content {
	font-size: 1.2em;
	text-align:left;
	float: left;
	width: 450px;
	padding: 0;
	margin-top:0px;
    margin-left:30px;
	margin-right:8px;
    padding-top:0px;  
	}

.pagetitlebox{
	background:  url('images/blog_pagetitle_bg.jpg') no-repeat top center;
	position:relative;
	text-align: left;
	width: 450px;
	border-top:1px solid;
    border-bottom:1px solid;
    border-color: #b2afae;
}

.title_index{
		clear: both;
		margin-top:15px;
        width: 440px;
		padding-top:5px;
		padding-left:10px;
		padding-bottom:5px;
}
.title_single{
		clear: both;
		margin-top:0px;
        width: 440px;
		padding-top:5px;
		padding-left:10px;
		padding-bottom:5px;
}
.title_archive{
		clear: both;
		margin-top:15px;
        width: 440px;
		padding-top:5px;
		padding-left:10px;
		padding-bottom:5px;

}


.navigation{

    float: left;
	width: 450px;
	height:20px;
	margin-left:0px;
	margin-top:5px;
}
.nav_alignright {
	margin-right:5px;
	float: right;
	}

.nav_alignleft, date_alignleft {
	margin-left:5px;
	float: left;
	}

.datum_gross{
	width: 445px;
	height:25px;
	padding-left:10px;
	margin-top:25px;
}
/* POST  by Malte */
.post{clear: both;
	padding:0px;
	width: 460px;
	}


.postTitel{
	clear: both;
        background-color: #FFFFFF; 
		min-height: 27px;
        width: 440px;
		padding-top:4px;
		padding-left:10px;
        border-top:1px solid;
		border-bottom:1px solid;
        border-color: #b2afae;
}

/* ttf_titles_generated image font */
.postTitel img.ttf {margin: 0 0 0 0}

.post p {padding-top:0px;
		margin-left:10px;
		margin-right:10px;
}

.post .entry {}

.postimage{
	width:450px;
	margin-right:0px;
}

.post p img{
	position:relative;
	left:-10px;
	width:450px;
	margin-right:0px;
}


.comments {
margin-left:10px;
width:440px;
}

.commentlist p {
width:380px;
}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 420px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}



#sidebar
{	clear:none;
	padding-left:15px;
	margin-left: 470px;
	margin-top:10px;
	width: 190px;
	height:100%;
	}

/* Sidebar widgets */

#sidebar h2{font-family:'Arial',Arial,sans-serif;
		font-size:12px;
		border-bottom:1px solid;
            border-color: #b2afae;
		width: 180px;
		}



#sidebar li{
		display:block;
		list-style-type:none;
		text-align:left;
		}

.widgettitle{align:center;}



#navt-1 li ,#navt-2 li {font-size:12px;		
		border-bottom:1px solid;
            border-color: #b2afae;
		width: 180px;
}
#navt-1  {margin-bottom:0
}
#navt-2 h2{font-family:'Arial',Arial,sans-serif;
		font-size:12px;
		font-col0r: #b2afae
		border-bottom:1px solid;
		border-top:0px;
            border-color: #b2afae;
		width: 180px;
		}

#search{    border-top:1px solid;
            border-color: #b2afae;
		width: 180px;
}

.widget_links h2,a{color:#808080}
.widget {margin-bottom:20px}
}

/* End Sidebar widgets */


#footer {
	padding: 0;
     	background: url('images/footer_bg.png'); 
	margin: 0 auto;
	width: 710px;
      height:45px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
#footer {
    clear:both;
    background: url('images/footer_bg.jpg');
	margin: 0px auto;
	width: 710px;
    height:35px;
}


#footer .fusszeile {
	position:relative;
	top:5px;
	}
#footer a {color:#827c76;
		text-decoration:none 
}
#footer a:hover {color:#000000;
		text-decoration:none 
}
#footer a:visited {color:#827c76;
		text-decoration:none 
}

/* End Structure */









/* Begin: Navi Styles by Malte */



/*positioning subnavi*/
.subNavi {align:center;
		margin-top:0px;
	padding-top:0px;
          }

/* List Styling */

ul { margin: 0; padding: 5px 0; list-style-type: none; list-style-image: none; }
li { 	
				margin-right: 4px; 
				padding-right: 4px; 
				display: inline; }

/* Navi Styling: Hauptnavi */



.mainNavi a{text-decoration:none;}



.mainNavi li { 	
				margin-right: 0px; 
				padding-right: 0px; 
				display: inline; }

/* Buttons der Haauptnavi*/

div.glink { display: inline;}

div.actGlink {display: inline;}

div.glink a img.work-img {
  width: 90px;
  height: 42px;
  background: url('images/mainNav/work_default.png');
}
div.actGlink a img.work-img {
  width: 90px;
  height: 42px;
  background: url('images/mainNav/work_active.png');
}
div.glink a:hover img.work-img  {
  width:90px;
  height: 42px;
background: url('images/mainNav/work_mouseover.png');
}

div.actGlink a:hover img.work-img {
  width:90px;
  height: 42px;
background: url('images/mainNav/work_activeMo.png');
}

div.glink a img.life-img {
  width: 64px;
  height: 42px;
  background: url('images/mainNav/life_default.png');
}
div.actGlink a img.life-img {
  width: 64px;
  height: 42px;
  background: url('images/mainNav/life_active.png');
}
div.glink a:hover img.life-img  {
  width: 64px;
  height: 42px;
background: url('images/mainNav/life_mouseover.png');
}
div.actGlink a:hover img.life-img {
  width: 64px;
  height: 42px;
background: url('images/mainNav/life_activeMo.png');
}
div.glink a img.contact-img {
  width: 107px;
  height: 42px;
  background: url('images/mainNav/contact_default.png');
}
div.actGlink a img.contact-img {
  width: 107px;
  height: 42px;
  background: url('images/mainNav/contact_active.png');
}
div.glink a:hover img.contact-img {
  width: 107px;
  height: 42px;
background: url('images/mainNav/contact_mouseover.png');
}

div.actGlink a:hover img.contact-img {
  width: 107px;
  height: 42px;
background: url('images/mainNav/contact_activeMo.png');
}
div.glink a img.shop-img {
  width: 72px;
  height: 42px;
  background: url('images/mainNav/shop_default.png');
}
div.actGlink a img.shop-img {
  width: 72px;
  height: 42px;
  background: url('images/mainNav/shop_active.png');
}
div.glink a:hover img.shop-img  {
  width: 72px;
  height: 42px;
background: url('images/mainNav/shop_mouseover.png');
}

div.actGlink a:hover img.shop-img {
  width: 72px;
  height: 42px;
background: url('images/mainNav/shop_activeMo.png');
}


div.glink a img.blog-img {
  width: 71px;
  height: 42px;
  background: url('images/mainNav/blog_default.png');
}
div.actGlink a img.blog-img {
  width: 71px;
  height: 42px;
  background: url('images/mainNav/blog_active.png');
}
div.glink a:hover img.blog-img {
  width: 71px;
  height: 42px;
background: url('images/mainNav/blog_mouseover.png');
}

div.actGlink a:hover img.blog-img {
  width: 71px;
  height: 42px;
background: url('images/mainNav/blog_activeMo.png');
}
div.glink a img.news-img {
  width: 81px;
  height: 42px;
  background: url('images/mainNav/news_default.png');
}
div.actGlink a img.news-img {
  width: 81px;
  height: 42px;
  background: url('images/mainNav/news_active.png');
}
div.glink a:hover img.news-img  {
  width: 81x;
  height: 42px;
background: url('images/mainNav/news_mouseover.png');
}

div.actGlink a:hover img.news-img {
  width: 81x;
  height: 42px;
background: url('images/mainNav/news_activeMo.png');
}


/* Navi Styling: Subnavi */
.subNavi a {color:black;
font-family:'Arial',Arial,sans-serif;
font-size:12px;}

.subNavi ul li.trenner{
margin-right:15px;
margin-left:15px;
valign:center;
}

.subNavi ul li.active a{
color:#A30D26;
}



/* Buttons Previous, Next */

.btn_previous  {position:absolute; 
		top:0px; 
		left:-50px;

}

div.btn_previous a img.prev-img{
		background: url('images/btn_previous.png');
 		width: 50px;
		height: 27px;
}

div.btn_previous a:hover img.prev-img{
		 background: url('images/btn_previous_mouseover.png');
 		width: 50px;
		height: 27px;
}


.btn_next	{position:absolute; 
		top:0px; 
		left:670px;
}

div.btn_next a img.next-img{
		 background: url('images/btn_next.png');
 		width: 50px;
		height: 27px;
}

div.btn_next a:hover img.next-img{
		 background: url('images/btn_next_mouseover.png');
 		width: 50px;
		height: 27px;
}



/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	} 
hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/