/*
Theme Name: ChristophStrecker
Theme URI: http://www.voll-strecker.de
Description: Photoblog theme for WP.
Version: 2.0
Author: Christoph Strecker
Author URI: http://www.voll-strecker.de	
*/






body { 
font-family: 'Droid Serif', arial, serif;
background:
   url("http://www.voll-strecker.de/wp-content/themes/strecker/images/vs_bg2.jpg") repeat;
padding: 0px;
margin:0px;
}

select { 
border: 1px solid #888;
color:#888;
margin-left:3px;}
h1,h2,h3,h4,h5,h6,form,fieldset {margin:0; padding:0;
font-family: 'Droid Serif', arial, serif;
}

.low {display:none;}

h2 {
font-family: 'Droid Serif', arial, serif;
font-size:12px;
letter-spacing:0px;
font-style:italic;
font-weight:bold;
margin-bottom:10px;
}

p {
margin:0;
padding:7px 0;
}

p + h2{
margin-top:25px;
} 
blockquote {     
color:#555555;
font-family: 'Droid Serif', arial, serif;
font-size:12px;
}

code {color : #8B1D1D;}

.clear {clear:both;} 
 
.clearer{clear:both;}

a  {     
color : #444;
text-decoration : none;
font-weight : normal;
 
}
a:link  {
color : #444;
text-decoration : none;
font-weight : normal;
 
}
a:visited {    
color : #444;
text-decoration : none;
font-weight : normal;
}
  
a:active  {
color : #747474;
text-decoration : none;
font-weight : normal;
}

a:hover  {
color : #747474;
text-decoration : none;
font-weight : normal;
}

a:active, a:focus{
outline: none;
}

.top{
background-color: #fff; 
height: 70px;
} 

.top_container{
width:900px;
margin:0px auto;
}  

.nav {       
font-family: 'Droid Serif', arial, serif;
font-size : 12px;
color : #444;
text-decoration : none;
font-weight : normal;
text-align : right;
padding-top: 13px;
letter-spacing: 0px;
width:350px;
float:right;
margin-right:48px;
}

.nav a { color:#444;}

.nav a:hover { color:#747474;}

.container { 
margin: 25px auto;
color: #444;
padding: 0px;
width: 900px;			
}


.header {
font-family: 'Droid Serif', arial, serif;
height: 33px;
width: 320px;
float:left;
margin-right: 58px;
margin-top: 10px;
font-size: 16px;
margin-left:50px;
}

.sub {
margin-top:-2px;
color:#ccc;
font-size:12px;
font-style: italic;
} 

#content{text-align : center;}

.entry { 
padding : 0px;     
color : #444;
font-size : 11px;
font-weight : normal;
text-align : center;
}

.entryback img {
border:none;
}

.entryforward img {
border:none;
}

.entrycat img { 
margin: 2px;
border: 0px; 
}

.entrycat {
color : #a9a9a9;
font-weight : normal;
margin-left: 50px;
margin-right: 50px;
width: 800px;
}

.pages {
padding-top : 20px;     
color : #444;
font-size : 12px;
font-weight : normal;
text-align : left;
width: 800px;
padding-left:50px;
padding-right:50px;
line-height: 20px;
}
.posted {  
margin-top : 5px;
margin-bottom : 5px;
margin-left : 20px;
margin-right : 20px;  
text-align : center;   
font-family: 'Droid Serif', arial, serif;
font-size : 12px;
letter-spacing: 0px; 
text-transform:lowercase; 
margin-top:15px;			 
}  
  
.posted a img {border: 0;}

.footer {  
padding : 20px;
text-align : center;
font-size : 11px;
color: #888888;
font-family: 'Droid Serif', arial, serif;          
}

/*Carousel*/

.infiniteCarousel {
position:relative;
width:900px;
}
.infiniteCarousel .wrapper {
margin:0 50px;
min-height:800px;
overflow:auto;
position:absolute;
top:0;
width:800px;
}
.infiniteCarousel ul a img {
  border:none;
}
.infiniteCarousel ul {
  width: 800px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  }
.infiniteCarousel ul li {
display:block;
float:left;
width:800px;
padding:5px;
}
.infiniteCarousel ul li img {
    border:none;
}
.infiniteCarousel ul li a img {
  display:block;
  margin: 0 auto;
}
.infiniteCarousel .arrow {
background:url(images/pfeilrechts.png) no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
height:25px;
position:absolute;
text-indent:-9999px;
top:207px;
width:10px;
}
.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0px;
}
.infiniteCarousel .back {
background:url(images/pfeillinks.png) no-repeat scroll 0 0 transparent;
left:0px;
}
.infiniteCarousel .forward:hover {
background:url(images/pfeilrechts_hover.png) no-repeat scroll 0 0 transparent;
}
.infiniteCarousel .back:hover {
background:url(images/pfeillinks_hover.png) no-repeat scroll 0 0 transparent;
}

