/*
Theme Name: Schon gelesen? (Version 3.0)
Theme URI: http://www.schon-gelesen.eu/
Description: Das Design für <i>Schon gelesen?</i> in der Version 3.0.
Author: Vitus Hösl
Author URI: http://www.vhso.de/
*/


	@import url(http://fonts.googleapis.com/css?family=Domine:400,700);
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
	@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700);
	
	
	img.wp-image-216 {height: 20px; width: 20px;}
	
	body {background: #FFFFFF; overflow-y: scroll; padding: 0; margin: 0;}

	div#page {width: 100%; margin: 20px auto 0 auto; background: #FFFFFF;}
	
	div#head {position: relative; top: 0; left: 0; text-align: center; width: 100%; height: 300px; background: url('images/buecherregal.header.jpg'); background-size: cover;}
	div#head h1 a, div#head h1 {text-decoration: none; padding: 0; margin: 0; font-family: 'Domine', serif; color: #FFFFFF; font-weight: 700; padding-top: 75px; text-shadow: 2px 2px 3px #212121;}
	div#head h2 a, div#head h2 {text-decoration: none; padding: 0; margin: 0; font-family: 'Domine', serif; color: #FFFFFF; font-weight: 400; font-size: 20px; padding-top: 10px; text-shadow: 2px 2px 3px #212121;}
	div#head h1 {font-size: 60px;}
	
	nav#main {text-align: center; font-family: 'Domine', serif; font-size: 14px; width: 100%; position: absolute; bottom: 0; left: 0; background: url('images/mainmenu.background.png');}
	nav#main ul {padding: 0; margin: 0;}
	nav#main ul li {list-style-type: none; display: inline-block; padding: 6px;}
	nav#main ul li a {display: inline-block; color: #FFFFFF; text-decoration: none; padding: 8px 15px; transition: color .3s;}
	nav#main ul li a:hover {color: #D8D8D8;}
	
	div.content {font-family: 'Noto Serif', serif; font-size: 15px; padding: 20px; position: relative; max-width: 900px; margin: 0 auto;}
	
	img.wp-post-image {float: right; box-shadow: 3px 3px 6px #262626; margin: 0 0 10px 10px; margin-right: 20px;}
	
	div.rating {background: url('images/rating.background.jpg') bottom center; background-size: cover; width: 100%; margin-left: -20px; padding: 20px; color: #FFFFFF; box-shadow: inset 0 0 8px #1C1C1C;}
	div.teaser {background: url('images/teaser.background.jpg') bottom center; background-size: cover; margin-left: -20px; padding: 20px; color: #FFFFFF; box-shadow: inset 0 0 8px #1C1C1C;}
	div.quote {background: url('images/quote.background.png') top left no-repeat; max-width: 900px; margin: 10px auto;}
	div.quote p {padding-left: 90px;}
	
	h2.post-title a { font-weight: 600 !important; color: #1C1C1C; text-decoration: none; transition: all .2s ease-in-out;}
	h2.post-title a:hover {color: #A80000; text-decoration: none;}
	div.post {clear: both; padding-bottom: 40px;}
	div.post p, div.post h2, div.post h3, div.post h4, div.post h5 {max-width: 900px; display: block; margin: 10px auto;}
	
	h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
	
	div#searchform {text-align: center; margin: 10px auto; width: 320px; display: block;}
	
	h2.post-title, h1 {font-size: 24px; color: #1C1C1C; font-weight: 600 !important; font-family: 'Open Sans', sans-serif;}
	div.content h2 { font-weight: 400;}
	
	a {color: #A80000; text-decoration: none;}
	a:hover {color: #A80000; text-decoration: underline;}
	
	div.shelf {background: url('images/shelf_texture.background.png') center top repeat-y;}
	div.shelf .wp-post-image {float: none; display: inline-block;}
	div.shelf div#cover_wrapper {margin-top: -28px; text-align: center;}
	div.shelf div#cover {margin-top: 27px; padding: 0 30px; display: inline-block;}
	
	input.searchfield {display: block; border: 1px solid #C1C1C1; border-radius: 5px; padding: 6px; width: 220px; margin: 20px auto 10px auto; font-family: 'Open Sans', sans-serif; font-size: 13px;}
	input.searchsubmit {display: block; border: 1px solid #C1C1C1; transition: all .3s ease-in-out; border-radius: 5px; padding: 6px; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-size: 13px; background: #EDEDED; cursor: pointer;}
	input.searchsubmit:hover {background: #CECECE; cursor: pointer;}
	
	input.sf_onefield {border-top-right-radius: 0; border-bottom-right-radius: 0; display: inline-block; margin: 0; float: left;}
	input.ss_onefield {border-top-left-radius: 0; border-bottom-left-radius: 0; display: inline-block; margin: 0; float: left; border-left: 0; padding: 5px;}
	
	div#search_head {margin-top: 10px;}
	div#social_head {position: absolute; top: 0; right: 0;}
	div#social_head img {padding: 5px;}
	
	::selection {background: #890000 !important; color: #FFFFFF !important;}
	::-moz-selection {background: #890000 !important; color: #FFFFFF !important;}
	
	img.alignleft, div.alignleft {margin: 5px; margin-left: 0; text-align: center; font-size: 11px; padding: 0; float: left;}
	img.alignnone {position: relative; top: 5px; left: 0; margin-right: 10px;}
	img.alignright, div.alignright {margin: 5px; margin-right: 0; text-align: center; font-size: 11px; padding: 0; float: right;}
	div.alignleft img, div.alignright img {margin: 0;}
	img.aligncenter {margin: 5px auto;}
	div.alignleft p.wp-caption-text, div.alignright p.wp-caption-text {margin: 0;}
	
	div#social_head_sources {margin: 0 auto 50px; padding: 4px; text-align: center; font-size: 10px; width: 800px; font-family: 'Open Sans', sans-serif;}
	
	ul#toc {display: block; border: 0; text-align: center;}
	ul#toc li {display: inline-block; margin: 0 20px;}
	ul#toc li.current {font-weight: 700;}
	
	div.multipage-navlink {display: none;}
	iframe.twitter-tweet, div.standalone-tweet {margin: 0 auto !important;}
	
	input#header_search {display: none; padding: 6px; font-family: 'Open Sans', sans-serif; width: 200px; background: url('images/searchform.background.png'); border: 1px solid #B7B7B7;}
	
	nav.prev-next-posts {display: block; width: 100%; clear: both; padding-top: 20px;}
	div.prev-posts-link a {float: left; padding: 10px; background: url('images/older-entrys.link.png') left center no-repeat; padding-left: 30px; color: #000000; font-family: 'Open Sans', sans-serif;}
	div.next-posts-link a {float: right; padding: 10px; background: url('images/newer-entrys.link.png') right center no-repeat; padding-right: 30px; color: #000000; font-family: 'Open Sans', sans-serif;}
	
	div.meta {font-family: 'Open Sans', sans-serif; font-size: 12px; color: #505050; padding-top: 20px;}
	div.meta ul {padding: 0; margin: 0;}
	div.meta li {padding-top: 1px; margin-top: 4px; padding-left: 20px;}
	div.meta li.time {list-style-type: none; background: url('images/uhr.meta.png') no-repeat left 2px center;}
	div.meta li.categories {list-style-type: none; background: url('images/kategorie.meta.png') no-repeat left center;}
	div.meta li.tags {list-style-type: none; background: url('images/tags.meta.png') no-repeat left center; display: none;}
	
	/* Autor */
	
	div.author_outer {border-right: 1px solid #E5E5E5;}
	div.author_outer, div.time_cats_outer {width: 49.5%; display: inline-block; padding: 10px 0; margin: 0; vertical-align: top;}
	div.author, div.time_cats {vertical-align: top;}
	div.author {margin-right: 10px;}
	div.time_cats {margin-left: 10px;}
	
	/* MOBILEGERÄTE */
	
	@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
	
	/* BODY */
		body {margin: 0; padding: 0;}
		
	/* PAGE */
		div#page {width: 100% !important; margin: 0; border-radius: 0 !important;}
		
		/* HEAD */
			div#head {border-radius: 0 !important;}
			div#social_head {display: block; bottom: 0 !important; top: auto !important;}
			
			h1.site-title {font-size: 36px !important; padding: 0 !important; padding-top: 20px !important;}
			h2.site-description {display: none;}
			
			li#menu-item-149 {display: none !important;}
			
		/* POST IMAGE */
		
			div.post img.wp-post-image {width: 150px; height: auto; float: none; position: relative; left: 50%; margin-left: -75px;}
			div.shelf img.wp-post-image {margin-left: 0; margin-right: 0;}
			
		/* POST CONTENT */
			img.size-medium {position: relative; width: 100%; height: auto;}
			
	/* SOCIAL HEAD SOURCES */
		div#social_head_sources {width: 100% !important; padding: 0 !important;}
	}