/*
Theme Name:42195blog
Theme URI:http://www.42195blog.de
Description:Das 42195blog-Theme.
Version:0.9
Author:Hendrik Auf'mkolk
Author URI:http://www.42195blog.de
Tags:

*/

body {
font-family:Arial, serif;
font-size:12px;

line-height:1.7em;
color:#222;
}

a {
text-decoration:none;
color:#222;
}

#content a, #content-wide a, #sidebar a, #footer a {
color:#222;
}
#content a:hover, #content-wide a:hover, #sidebar a:hover, #footer a:hover {
background-color: #ffdd00;
}
.post a, #footer a, .sidebar-apps a, #tweet a {
text-decoration:underline;
}

.post a:hover, #sidebar a:hover, .shoe a:hover, #tweet a:hover {
text-decoration:none;
}
.highlight {
background-color: #fff9c2;
}
hr{
margin-top:15px;
border:0;
border-top:1px dotted #ccc;
width:520px;
color:#fff;
clear:both;
}
#wrapper {
width:800px;
margin:40px auto;
}
#header {
float:left;
width:800px;
border-bottom:1px dotted #ccc;
margin:0;
}
#logo {
padding:22px 0 17px 0;
line-height: 1.3em;
}
#logo img {
margin-bottom: 8px;
}
#logo a {
text-decoration:none;
border-bottom:none!important;
background-color:#fff!important;
padding-bottom: 5px;
}

.front-quote {
font-family: Georgia, Times, serif;
margin: 15px 0 -20px 0!important;
padding: 0!important;
font-size: 1.1em;
}

.front-quote span {
font-weight: bold!important;
font-size: 1.4em!important;
}

.front-quote em {
line-height: 2em;
}


/* KM-Zaehler
----------------------------------------------- */
.km {
margin-top: 15px;
font-size: 11px;
line-height: 1.3em;
}

.kmcount {
width:130px;
overflow:hidden; height: 35px; background:url('images/kmback.png') no-repeat; float: left;
} 

.kmcount div {
margin-top:-84px;  margin-left: -72px; font-size:18px; letter-spacing:3px; color:#fff; line-height:28px; width:202px; overflow: hidden;
}   


#topics {
width:600px;
float:left;
}
#topics ul {
height:45px;
}
#topics li {
text-align:center;
float:left;
display:inline;
width:auto;
}
#topics li a {
font-size:12px;
font-weight:bold;
display:block;
color:#fff;
padding: 2px 8px;
border-bottom:none;
margin-right: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color:#000;
}
#topics li a:hover {
background-color: #ccc;	
color: #000;
}

.current_topic a {

background:#ffdd00 url(images/bullet_black.gif) no-repeat scroll 6px 52%!important;
}


.smalltags a {
padding: 2px 5px 3px;
border-bottom:none!important;
margin: 0 2px 4px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color:#eee;
text-shadow: #fff 0px 1px 0;	
text-decoration: none;
line-height: 22px;
}
.smalltags a:hover {
background-color:#bbb;
text-shadow: #ddd 0px 1px 0;
}


.current_page_item a{
background-color:#ffdd00!important;
color:#000!important;
text-shadow: #fff 0px 1px 0!important;	

}



.singlenav li.page-item-53 a{
background-color:#fb0a0c!important;
color: #fff!important;
text-shadow: #d10b0c 0px 1px 0!important;	
}


#content, #content-wide {
width:520px;
float:right;
padding:10px 0 0px 0;
overflow:hidden;
}

.post {
padding:0;
}
.post p {
margin:0 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {
font-size:24px;
margin:25px 0 10px 0;
font-weight:normal;
}
.post h1 {
font-size:20px;
margin:12px 0 6px 0;
font-weight: bold;
line-height: 24px;
width:470px;
}
.post h1 a {
text-decoration: none;
}
.post-page h1 {
margin-bottom: 10px!important;
}

.post h1 a:hover {
background-color: #ffdd00;
border-bottom: 0!important;
}

.post h3, .post h4 {
font-size:20px;
margin:0 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:16px;
}

.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:-8px 0 10px 25px;
}

.post ul.links {
margin-top: 0!important;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
text-align:left;
padding: 10px 0 1px 10px;
margin-bottom: 14px!important;
}
.post .wp-caption-text {
margin:0;
line-height: 1.2em;
font-size: 10px;
padding: 5px 0;
}

.post .wp-caption a, .post .wp-caption a:hover {
}

img.alignnone, img.alignright, img.alignleft {
background:#f7f7f7;
border:1px solid #ccc;
text-align:left;
padding: 10px;
}


.post blockquote {
margin:15px 30px 0 10px;
padding: 0 50px;
background: transparent url("images/blockquote.gif") no-repeat 0 0;
}


.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}
.post object {
margin:0;
}

.flickrfoto a, #lightbox a {
border:0;
}

.flickrfoto a:hover, #lightbox a:hover {
border:0;
background: 0;
}

.flickrfoto small a {
border-bottom:1px solid #ccc;
}
.flickrfoto small a:hover {
background-color: #f7f7f7;
border-bottom:1px solid #f7f7f7;
}


.flickrlink {
border-bottom: 0;
}
.flickrlink:hover {
background: 0;
border-bottom: 0;
}

.flickrfoto {
margin-bottom: 10px;}

div.comments-number {
float:right;
}

div.comments-number a {
display: block;	
background:url(images/comments-bubble.gif) no-repeat top center;	
color:#fff!important;
text-decoration: none;
border-bottom: 0!important;
font-weight: bold;
font-size: 16px;
margin-top: 12px;
height:33px;
width:37px;
padding-top: 4px;
text-align: center;
vertical-align: middle;
}

div.comments-number a:hover {
text-decoration: none;
border-bottom: 0!important;
background:url(images/comments-bubble-active.gif) no-repeat top center!important;	
}

#comments h3, #comments h4{
font-size:20px;
margin:20px 0 20px;
font-weight:normal;
}
#comments h4{
font-size:14px;
}
#comments cite{
font-size:14px;
font-weight:normal;
}
#comments em {
font-style:italic;
text-align:right;
}

.comment-meta {
line-height: 26px;
}

.comment-meta img {
vertical-align: middle;
float:left;
margin-right: 8px;

}

#comments ol.commentlist li {
border:1px solid #ddd;
padding:15px 15px 10px 15px;
margin-bottom: 15px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

.commentlist p a {
text-decoration: underline;
}

.commentlist p a:hover {
text-decoration: none;
}


.authorcomment {
border:1px solid #ffdd00!important;
}
#comments p {
margin:10px 0 0 0px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-family:Georgia;
font-size:120px;
font-weight:normal;
float:right;
padding-top:25px;
}

#commentform {
margin-top: -10px;
}

.fblogin {
padding-top: 3px;
width:165px;
}

.fblogin img {
margin-bottom: -4px;
}



.fbc_profile_header {
  text-align: left;
  padding: 15px;
  border: #ddd solid 1px;
  background: white;
  width: 305px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  vertical-align: middle;
  line-height: 26px; 
}

.fbc_profile_header img {
float:left;
padding-right: 8px;
}

#comments ul.formlist {
width:520px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
}
#comments input {
font-family:Arial, Helvetica, sans-serif;
width:300px;
font-size:12px;
font-weight:normal;
border:1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
padding: 6px 12px;
}

#comments textarea {
font-family:Arial, Helvetica, sans-serif;
width:488px;
font-size:12px;
padding:12px 12px 10px 12px;
margin-bottom: 5px;
border:1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}
.submitbutton input, #wpcf #contactsubmit {
	width:auto!important;
	text-decoration: none;
	font-size: 11px !important;
	font-weight: bold!important;;
	line-height: 13px!important;
	padding: 5px 12px!important;
	cursor: pointer;
	border: 1px solid #999;
	color: #464646;
	-moz-border-radius: 11px!important;
	-khtml-border-radius: 11px!important;
	-webkit-border-radius: 11px!important;
	border-radius: 11px!important;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	background: #f2f2f2 url(images/button-shade.png) repeat-x scroll left top;
}


.submitbutton input:active, #wpcf #contactsubmit:active {
	background: #fff url(images/button-shade-active.png) repeat-x scroll left top;
}

#comments .center {
text-align:center;
}
#sidebar {
width:250px;
float:left;
padding:0 0 15px;
overflow:hidden;
border-right:1px dotted #ccc;
}
#sidebar h3 {
padding:25px 0 5px 0;
font-size:11px;
font-weight: bold;
text-transform: uppercase;
}
#sidebar small {
font-size: 11px;
}
#sidebar .block ul {
border-bottom:1px dotted #ccc;
}

#sidebar .block li {
border-top:1px dotted #ccc;
}
#sidebar .block li a {
background:#fff url(images/bullet_grey.gif) no-repeat scroll 6px 52%;
font-size:13px;
padding:2px 0 2px 15px;
display:block;
border-bottom:none!important;
font-weight: bold!important;

}
#sidebar .block li a:hover {
background:#f7f7f7 url(images/bullet_black.gif) no-repeat scroll 6px 52%;
border-bottom:none!important;
}

#sidebar .widget_recent_comments li {
background:transparent url(images/bullet_grey.gif) no-repeat scroll 6px 52%;
padding:2px 0 2px 15px;
}
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
background:none;
border-bottom:1px dotted #000;
text-decoration:none;
color:#000;
font-weight:600;
}
#sidebar .widget_recent_comments li a:hover {
color:#e12000;
border-bottom:1px dashed #e12000;
background-color:#f7f7f7;
}
#sidebar .widget_tag_cloud h3 {
margin:0 0 8px;
border-bottom:1px dotted #ccc;
}
#sidebar .widget_text h3 , #sidebar .calendar h3{
border-bottom:1px dotted #ccc;
}
#sidebar .calendar h3{
display:none;
}
#sidebar #wp-calendar {
width:95%;
text-align:center;
}
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
text-align:center;
}
#sidebar #wp-calendar caption {
font-size:18px;
padding:25px 0 3px 0;
}
#sidebar #wp-calendar th {
font-weight: bold; 
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#sidebar #wp-calendar tfoot td{
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

.sidebar-apps {
border-top:1px dotted #cccccc;
padding: 8px 0;
}

#sponsors img {
margin: 5px 0 0 0;
}

#footer {
font-size: 11px;
width:800px;
color:#666;
float:left;
/*border-top:1px dotted #cccccc; */
text-align:left;
padding:10px 0 40px 0;
}

#footer-meta {
margin-top: 10px;
padding-top: 10px;
border-top:1px dotted #ccc;
}

#footer h4 {
font-weight: bold;
margin-bottom: 10px;
}

#friends img {
margin-right: 15px;
}

#friends a:hover {
border-bottom: 0!important;
background: 0!important;
}

.smallicon {
float:left;
margin-right: 0px;}

small {
font-size: .8em;
}

.floatLeft {
float:left;}
.floatRight {
float:right;}

.clear {
clear: both;
}

/* Clearfix
/* -------------- */

.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%;
}


.rssicon a{
border-bottom: none!important;}
.rssicon a:hover{
background:none!important;
border-bottom: none!important;}

.search {
width:165px;
float:right;
padding-top: 1px;
text-align: right;
}

/* Page Navi */

.navigation {
margin: 15px 0 15px;
}

.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 1px 8px!important; 
	margin-right: 5px;
	text-decoration: none;
	background-color: #eee!important;
	border:0!important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	color:#555!important;	
	font-weight:bold;
	text-shadow: #fff 0px 1px 0!important;		
	display: block;
	float: left;	
	position: relative;
}

.ie .wp-pagenavi span, .ie .wp-pagenavi a {
	top: -3px;
}

.wp-pagenavi a:hover {
	background-color: #ccc!important;
}

.wp-pagenavi span.current {
	color: #000!important;
	background-color: #ffdd00!important;	
}

.wp-pagenavi span.pages {
	float:right;
	padding-right: 0;
	margin-right:0;
	background: none!important;
	font-weight: normal;
	padding-right: 0!important;
	font-size: .85em;
}

#tweet {
line-height: normal;
padding: 0 5px 3px 0;
}

.linkcat {
margin-top: -15px;
list-style: none;
margin-left: -24px;
float:left;
display: inline;
width: 260px;
}

.linkcat h2 {
font-size:16px;
}

#searchform input {
border: 1px solid #ccc;
-moz-border-radius: 5px;
padding: 3px 6px;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 100px;
}
#wpcf input {
	float: left;
	width: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
border:1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
padding: 6px 12px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
font-family:Arial, Helvetica, sans-serif;
width:350px;
font-size:12px;
padding:12px 12px 10px 12px;
margin-bottom: 5px;
border:1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

#laufschuhe {

}

#laufschuhe h2 {
font-size: 20px;
font-weight: bold;
margin:15px 0;
}

.shoe {
width: 173px;
}
.shoe a{
text-decoration: underline;
}

.page-meta {
padding-top: 8px;
line-height: normal;
}

.youtube, embed {
padding: 10px;
background:#f7f7f7;
border:1px solid #ccc;
}

.youtube {
width:480px;
}

.gallery-caption {
font-size: 10px;
line-height: 1em;
padding:4px;
text-align: left;
}

.shoe_test {
border: 1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
padding: 0 10px;
}

.shoe_img {
float:left;
width: 160px;
}

.shoe_meta {
padding: 10px 0 10px 15px;
float:left;
width:320px;
}

.shoe_meta table {
margin-top:7px; 
} 

.shoe_meta table td {
vertical-align: top;
} 

.shoe_rating {
padding: 2px 5px 0 0;
}

#s3slider { 
   width: 520px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin: 14px 0 8px;
}

#s3sliderContent {
   width: 520px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 12px;
   padding: 6px 13px 16px;
   width: 494px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   bottom: 0px;
   line-height: 1.2em;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage div {
   position: absolute; /* important */
   left: 10px;
   font-size: 11px;
   font-weight: bold;
   padding: 5px 8px;
   -moz-border-radius: 5px;
-webkit-border-radius:5px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   top: 10px;
   line-height: 1.2em;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#slide2 {
left: 36px;
}

#slide3 {
left: 62px;
}

.active-slide {
background-color: #fff!important;
color: #000!important;
}


.s3sliderImage b {
font-size: 14px;
line-height: 2em!important;
}


.clear {
   clear: both;
}