/*
Theme Name: SK Spacious
Theme URI: http://www.steffenkahl.de/2015-12/wordpress-4-4-de-edition-installiert/#yoko
Author: Steffen Kahl
Author URI: http://www.steffenkahl.de/
Description: Meine Anpassung an "Spacious".
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, two-columns, right-sidebar, left-sidebar, flexible-width, custom-header, custom-menu
Text Domain: sk-spacious
Template: spacious
*/
@import url("../spacious/style.css");

body {background-color:#efe4c4}

#content .related {margin:0 30px 0 30px; font-size:smaller}
#content .related-no {font-style:italic; margin:0 30px 0 30px; font-size:smaller}

/* Flickr Album Maker */
.Album {width:625px; background:#f5f5f5; padding:5px}
.AlbumPhoto {background:#f5f5f5; margin-bottom:10px}
.AlbumPhoto span {float:left; padding:4px 4px 12px 4px; border:1px solid #ddd; background:#fff; margin:8px}
.AlbumPhoto img {border:none; margin:0 0 0 0}

/* Für gebloggte Fotos von flickr.com */
#content .flickr-photo {border:solid 1px #444444; margin:0 0 0 0}
.flickr-yourcomment { }
.flickr-frame {text-align:left; padding:3px}
#content .flickr-caption {font-size:smaller; margin:0 0 15px 0}

#content .flickrleft {border:solid 1px #444444; margin:5px 10px 0 0; float:left}
#content .flickrright {border:solid 1px #444444; margin:5px 0 0 10px; float:right}

.fotos {font-size:80%; background:#efe4c4; padding-right:5px; padding-left:5px}
.fotobg {margin-top:35px}
.fotobgr {margin-top:35px; margin-left:50px}
#content .bildschatten {background: url(images/bildschatten.png) no-repeat bottom left; padding: 4px 7px 17px 7px; border-top: 2px solid #efefef}

.date {font-size:80%; margin:0 15px 0 15px}
#content .photoblock {float:left; width:100px; margin-bottom:10px}
#content .photoblock-th {float:left; width:125px; margin-bottom:10px}
#content .photoblock-kl {float:left; width:265px; margin-bottom:10px}
.square {border:1px solid #ccc}

#content .thumbnail {border:1px solid #ccc; margin-right: 10px; float:left}

#content .small {color:#808080; font-size:80%}
#content .hoch {vertical-align:+4px; font-size:80%;}
#content .tief {vertical-align:-4px; font-size:80%;}

.important{background:#f0f0f0 url(images/link-icon_important.png) no-repeat 0.5em center;border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:1px; margin-bottom:10px; padding:0.2em 30px 0.2em 35px;}
a.delicious {text-align:right; padding-right:12px; background:url(images/link-icon_delicious.gif) no-repeat right;}
/* Inspiriert vom Link Indication plugin */
a.extern {padding-right:12px; background:url(images/link-icon_extern.gif) no-repeat right;}
a.amazon {padding-right:20px; background:url(images/link-icon_amazon.png) no-repeat right;}
a.sk {padding-right:12px; background:url(images/link-icon_intern.png) no-repeat right;}
a.wikipedia {padding-right:15px; background:url(images/link-icon_wikipedia.gif) no-repeat right;}
a.piwigo {padding-right:17px; background:url(images/link-icon_piwigo.png) no-repeat right;}
a.flickr {padding-right:9px; background:url(images/link-icon_flickr.png) no-repeat right;}
a.pdf {padding-right:13px; background:url(images/link-icon_pdf.png) no-repeat right;}
a.wp {padding-right:15px; background:url(images/link-icon_wordpress.png) no-repeat right;}
a.twitter {padding-right:18px; background:url(images/twitter.png) no-repeat right;}
#content a.rss {padding-left:22px; background: url(images/feed.gif) no-repeat 0 center;}

blockquote {text-align:center;color:#999;letter-spacing:0;font-size:125%}

.toc {text-align:right; font-variant:small-caps; background-color:#efe4c4;
    border:1px solid #444444;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;    
      border-radius: 9px;
    margin:25px 50px 0 50px; padding:5px 20px;
}
.beitrag {border:2px solid #efe4c4; margin:5px 30px 10px 30px; padding:10px 25px 0 25px;}
.lied {border:2px solid #efe4c4; margin:5px 30px 0 30px; padding:5px 10px; text-align:center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;    
      border-radius: 15px;
}
.verweis {margin:15px 50px 15px 50px;}
.link {background-color:#f0f0f0;
    border:1px solid #444444;
    -moz-border-radius: 15px; /* Mozilla */
    -webkit-border-radius: 15px; /* Webkit */    
      border-radius: 15px;
    -moz-box-shadow: 5px 5px 15px #444444;
    -webkit-box-shadow: 5px 5px 15px #444444;
      box-shadow: 15px;
    margin:25px 50px 15px 50px; padding:20px 25px 1px 25px;
}
.link h4 {color:#444444}

ul#menu-standard {text-transform: uppercase;}
#content a:hover {text-decoration-line:underline; text-decoration-color:#777777; text-decoration-style:solid;}

.new {font:8px Verdana,Arial,Helvetica,sans-serif;color:#000;background:#FFE28A;padding:1px;vertical-align:middle;}
.gedenken {font-weight:bold; color:#000; background:#efe4c4; border-width:1px; border-color:black; padding:25px;}

.reference {font-style:italic; color:#777777; font-weight:bold; text-align:right; font-size:smaller; margin:0 50px 20px 0} 
#content .page .ref-air {text-align:center;
    float:right;
    font-variant:small-caps;
    font-size:80%;
    background-color:#efe4c4;
    border:1px solid #444444;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
      border-radius: 9px;
    max-width:175px;    
    padding:5px 20px 5px 20px;
}
#content th {text-align:left; background-color:#efe4c4;}
tr:nth-child(odd) {background-color: #eeeeee;}
tr:nth-child(even) {background-color: #fff;}

.ayb404 {font: italic 325%/0.2em Georgia, sans-serif; color: #ddd;}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f0f0f0;
padding-top: 9px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#content .wp-caption p.wp-caption-text {
font-size: smaller;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.spalten2 {
	  -moz-column-count: 2;
	  -moz-column-gap: 10px;
	  -moz-column-rule: none;
	  -webkit-column-count: 2;
	  -webkit-column-gap: 10px;
	  -webkit-column-rule: none;
	column-count: 2;
	column-gap: 10px;
	column-rule: none;
}

.spalten3 {
	  -moz-column-count: 3;
	  -moz-column-gap: 10px;
	  -moz-column-rule: none;
	  -webkit-column-count: 3;
	  -webkit-column-gap: 10px;
	  -webkit-column-rule: none;
	column-count: 3;
	column-gap: 10px;
	column-rule: none;
}
/* --- Sidebar --- */
#secondary .widget {margin-bottom: 20px;}