/*  
Theme Name: Krimipodcast
Description: Droemer Knaur Krimipodcast Theme
Version: 1.0
Author: Ingo Blenke
Author URI: http://www.id-on.de/
Mail: blenke@id-on.de
www.krimipodcast.de
*/

/*	---------------------------------------------------------------------------------------------
	Inhalt:
	
	1. resets & allgemeine styles
	2. struktur
	3. content
	4. sidebar
	5. Footer
	6. Killer Club
	8. Video Trailer Posts
	9. Infoservice
	10. Navigation (zwischen den Blogbeiträgen)
	11. Autoreninfo / Buchinfo
	------------------------------- */


	/*	---------------------------------------------------------------------------------------------
		1. resets & allgemeine styles
		------------------------------- */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0px;
	padding:0px;
	}
	body {
	font:62.5%/120% georgia,'times new roman', serif;
	color:#666;
	text-align:center;
	background:#242527;
	}
	p,
	a {
	font-family: verdana, arial, sans-serif;
	}
	a {
	text-decoration:none;
	color:#a20702;
	}
	fieldset,
	img {
	border:none;
	border:0;
	}
	ul,
	ol {
	list-style:none;
	}
	h1, h2, h3, h4, h5, h6, small {
	font-size:1em;
	}
	.clear {
	clear:both;
	}
	h2 {font-size:1.4em;}

	/*	---------------------------------------------------------------------------------------------
		2. struktur
		------------------------------- */

	#header,
	#wrapper {
	width:800px;
	margin:10px auto 0 auto;
	}
	#header {
	height:204px;
	background:url(images/header.jpg) no-repeat;
	position:relative;
	}
		#header a {
		position:absolute;
		left:250px;
		top:40px;
		width:290px;
		height:120px;
		}
	#wrapper {
	text-align:left;
	margin-top:0;
	line-height:140%;
	}
	#nav {
	margin:6px 0 8px;
	}
	#content {
	width:557px;
	min-height:600px;
	float:left;
	margin-right:11px;
	background:#fff;
	border:1px solid #666;
	}
		#content.fullsize {
		width:798px;
		margin:0;
		}
		#content.fullsize strong,
		#content.fullsize .entry {
		width:724px;
		}
	#sidebar {
	width:230px;
	float:left;
	color:#333;
	}
	#footer {
	width:800px;
	clear:both;
	}

	/*	---------------------------------------------------------------------------------------------
		3. Nav
		------------------------------- */

	#nav {
	width:800px;
	height:29px;
	background:#111;
	}
	#nav li {
	float:left;
	width:199px;
	height:27px;
	margin:1px 0 1px 1px;
	}
	#nav a {
	display:block;
	width:199px;
	height:27px;
	line-height:27px;
	background:url(images/nav_btn_bg.gif) repeat-x;
	text-transform:uppercase;
	color:#eee;
	font-weight:bold;
	text-align:center;
	}
	#nav .last, #nav .last a {
	width:198px;
	}
	#nav a:hover {
	background-position:left bottom;
	}

	/*	---------------------------------------------------------------------------------------------
		3. Content
		------------------------------- */

	#content p {
	padding:0 36px 10px;
	font-size:1.1em;
	line-height:140%;
	}
	#content a:hover,
	#content a:focus {
	text-decoration:underline;
	}
	.headline {
	font:italic normal 2.4em georgia, 'times new roman', serif;
	color:#a20702;
	padding:20px 36px 10px;
	display:block;
	margin-top:10px;
	}
		strong.aktuell {
		color:#111;
		margin-top:0;
		}
      .podcast {
              background:transparent url(images/icon_podcast_link.gif) no-repeat scroll left center;
       }

		/*	---------------------------------------------------------------------------------------------
		Blogeintrag	*/

	.entry, .trailer_entry {
	width:483px;
	padding:20px 36px;
	border-top:1px dashed #ccc;
	margin:0 1px;
	}
		.entry h1, .trailer_entry h1 {
		font:italic normal 2.4em georgia, 'times new roman', serif;
		}
		.entry h1 a, .trailer_entry h1 a, .entry h1 {
		font-family:georgia, 'times new roman', serif;
		color:#000;
		}
		.entry h1 a:hover, .trailer_entry h1 a:hover,
		.entry h1 a:focus, .trailer_entry h1 a:focus {
		color:#a20702;
		}
		#content .entry p {
		padding:10px 0;
		}
		.entry span {
		font-size:1.1em;
		}
		.entry ol {
		font-family:verdana, arial, sans-serif;
		list-style:decimal;
		margin:0 0 10px 20px;
		font-size:1.1em;
		}
			.entry ol li {
			line-height:140%;
			padding:2px 0;
			}
	.audioplayer {
	margin:10px 0;
	width:320px;
	}
	.entry div.left {
	float:left;
	border:1px solid #ccc;
	margin:10px 10px 5px 0;
	}
	.entry div.right {
	float:right;
	border:1px solid #ccc;
	margin:10px 0 5px 10px;
	}
		.entry .right img,
		.entry .left img {
		display:block;
		margin:10px;
		border:1px solid #aaa;
		}

		/*	Buch-Box	*/

	.the_book {
	float:right;
	width:130px;
	margin:10px 2px 0 20px;
	}
		.the_book img {
		margin-bottom:10px;
		}
		.the_book a {
		color:#333;
		font-size:.9em;
		padding:6px 5px 6px 25px;
		font-weight:bold;
		display:block;
		margin:1px 2px 1px 4px;
		text-transform:uppercase;
		font-family:verdana, arial, helvetica, sans-serif;
		}
		.the_book a:hover,
		.the_book a:focus {
		color:#a20702;
		}
		.leseprobe {
		background:url(images/icon_leseprobe.gif) no-repeat left center;
		}
		.trailer {
		background:url(images/icon_trailer.gif) no-repeat left center;
		}

		.website, .website_buch {
		background:url(images/icon_website.gif) no-repeat left center;
		}
		.website_autor {
		background:url(images/icon_website_autor.gif) no-repeat left center;
		}
		.info, .website_info {
		background:url(images/icon_info.gif) no-repeat left center;
		}
		.edit {
		text-align:center;
		clear:both;
		}

		/*	----------	*/

	.entry a,
	.trailer_entry a {
	margin:0;
	}
		.entry a.podcast {
		background:url(images/icon_podcast.gif) no-repeat left center;
		display:block;
		min-height:16px;
		line-height:20px;
		padding-left:22px;
		margin:5px 0;
		}
		.entry small {
		line-height:2.4em;
		display:block;
		color:#000;
		font-size:1.1em;
		}

	blockquote {
	padding:15px;
	background:#eee;
	font-size:1.1em;
	line-height:1.6em;
	}
	.entrytext img {
	float:right;
	margin:10px 0 10px 10px;
	}
	.trailer_entry ul {
        font-size:1.1em;
        list-style:square;
        margin-left:20px;
        font-family:verdana, arial, sans-serif;
        line-height:160%;
    }

	/*	---------------------------------------------------------------------------------------------
		4. Sidebar
		------------------------------- */

	#sidebar a {
	font-family:verdana, helvetica, arial, sans-serif;
	}
	.link, .more-link {
	text-transform:uppercase;
	font-size:.9em;
	padding-left:10px;
	margin-left:10px;
	font-weight:bold;
	color:#a20702;
	background:url(images/arrow_hi.gif) no-repeat left center;
	}
	.link:hover, .more-link:hover {
	text-decoration:underline;
	}
	#sidebar a.ende {
	display:block;
	height:26px;
	line-height:26px;
	margin-top:1px;
	clear:both;
	}
	.box_header {
	width:228px;
	height:27px;
	background:url(images/box_header_bg.jpg) no-repeat;
	border:1px solid #111;
	}
		.box_header strong {
		color:#eee;
		font-family:verdana, helvetica, arial, sans-serif;
		font-size:1em;
		display:block;
		text-transform:uppercase;
		line-height:27px;
		padding-left:25px;
		margin-left:5px;
		background:no-repeat left center;
		}

		/*	---------------------------------------------------------------------------------------------
		Icons	*/

		.box_header .this_month {
		background-image:url(images/icon_pen.gif);
		}
		.box_header .archiv {
		background-image:url(images/icon_archiv.gif);
		}
		.box_header .vorschau {
		background-image:url(images/icon_vorschau.gif);
		}
		.box_header .trailer {
		background-image:url(images/icon_trailer_hell.gif);
		}
		.box_header .infoservice {
		background-image:url(images/icon_infoservice.gif);
		}
		.box_header .web {
		background-image:url(images/icon_website2.gif);
		}
		.box_header .matti {
		background-image:url(images/icon_matti.gif);	
		}
		.box_header .abo {
		background-image:url(images/icon_abo.gif);	
		}

		/*	---------------------------------------------------------------------------------------------
			*/

	.box {
	width:228px;
	background:#fff;
	border:1px solid #111;
	border-top:0;
	margin-bottom:10px;
	}
	.inner_box {
	padding:10px 10px 0 10px;
	margin-bottom:10px;
	}
		.inner_box a {
		float:left;
		}
		.inner_box h3 {
		float:left;
		font-style:italic;
		font-size:1.2em;
		line-height:120%;
		margin-left:10px;
		font-weight:normal;
		min-height:63px;
		}
		.inner_box h3.krimi {
		min-height:0;
		}
		.inner_box em {
		float:left;
		margin:20px 0 10px 10px;
		width:120px;
		font-size:1.2em;
		line-height:140%;
		}
	.inner_bg {
	background:#d6d6d6 url(images/sidebar_inner_bg.gif) repeat-x left top;
	padding:10px;
	margin-left:1px;
	border-top:1px dashed #fff;
	text-align:right;
	}
		.inner_bg a {
		float:right;
		margin:0 0 0 10px;
		}
		.inner_bg div {
		width:125px;
		float:left;
		}
		.inner_bg span {
		/*font-size:1em;
		text-transform:uppercase;
		font-weight:bold;
		font-family:verdana, helvetica, arial, sans-serif;*/
		display:none;
		}
		.inner_bg h4 {
		font-style:italic;
		font-size:1.4em;
		line-height:120%;
		font-weight:normal;
		margin:5px 0;
		}
		.inner_bg .link {
		float:right;
		margin:10px 0 0 0;
		}
		.inner_bg p {
		font-size:1em;
		line-height:120%;
		}
		.inner_bg p.krimi {
		min-height:80px;
		line-height:140%;
		}
	#infoservice_box p {
	font:1.1em/1.4em verdana, arial, helvetica, sans-serif;
	padding:10px 0 10px 35px;
	margin:0 10px;
	border-bottom:1px dashed #ccc;
	background:url(images/icon_uhr.gif) no-repeat left center;
	}
	#archiv_box ul {
	padding:0 10px;
	font-size:1.2em;
	}
		#archiv_box li {
		border-bottom:1px dashed #ccc;
		float:left;
		}
		#archiv_box img {
		float:left;
		margin-right:10px;
		}
		#archiv_box .link {
		margin-left:10px;
		display:block;
		}
		#archiv_box ul a {
		font-family:georgia, 'times new roman', sans-serif;
		font-size:1.1em;
		display:block;
		float:left;
		width:209px;
		padding:10px 0;
		}
		#archiv_box ul a:hover,
		#archiv_box ul a:focus {
		background:#eee;
		}
		#archiv_box strong {
		color:#333;
		font-weight:normal;
		display:block;
		margin-bottom:3px;
		}
		#archiv_box em {
		color:#a20702;
		font-weight:normal;
		font-style:italic;
		padding-left:8px;
		background:url(images/arrow_hi.gif) no-repeat left 4px;
		}
	#vorschau_box .inner_box {
	margin:0;
	padding:10px;
	background:#48494b url(images/voschau_box_bg.gif) repeat-x;
	color:#eee;
	}
	#vorschau_box .inner_box div {
	width:125px;
	float:left;
	text-align:right;
	}
	#vorschau_box span {
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
	font-family:verdana, helvetica, arial, sans-serif;
	}
	#vorschau_box h3 {
	font-style:italic;
	font-size:1.4em;
	font-weight:normal;
	margin:5px 0;
	float:none;
	min-height:0;
	}
	#vorschau_box p {
	font-size:1em;
	line-height:120%;
	}
	#vorschau_box a {
	float:right;
	margin:0 0 0 10px;
	}
	#vorschau_box img {
	border:1px solid #111;
	}
	#vorschau_box .link {
	float:right;
	margin:10px 0 0 0;
	color:#eee;
	background-image:url(images/arrow_white.gif);
	}
	.abolink a {
	display:block;
	margin:0 10px;
	padding:3px 0;
	}

	/*	---------------------------------------------------------------------------------------------
		5. Footer
		------------------------------- */

	#footer p {
	margin:0 0 25px 0;
	padding-top:5px;
	}
	#footer a {
	padding:0 3px;
	color:#666;
	}
	#footer a:hover,
	#footer a:focus {
	color:#eee;
	text-decoration:underline;
	}

	/*	---------------------------------------------------------------------------------------------
		6. Killer Club
		------------------------------- */

	#teaser_killer_club {
	width:483px;
	padding:20px 36px;
	border-top:1px dashed #ccc;
	margin:10px 1px 0;
	}
	#teaser_killer_club h1 {
	margin-bottom:10px;
	}
	#teaser_killer_club h1 a {
	font:italic normal 2.4em georgia, 'times new roman', serif;
	color:#000;
	}
	#teaser_killer_club h1 a:hover,
	#teaser_killer_club h1 a:focus {
	color:#a20702;
	}
	#teaser_killer_club .teaser_image {
	float:right;
	margin-left:20px;
	}
	#teaser_killer_club span, #teaser_killer_club strong {
	display:block;
	margin-bottom:5px;
	font-size:1.1em;
	}
	#teaser_killer_club strong {
	font-family:verdana, arial, sans-serif;
	color:#111;
	}
	#teaser_killer_club p {
	padding:0;
	margin-bottom:20px;
	}
	#teaser_killer_club .link {
	margin:0;
	}

	/*	---------------------------------------------------------------------------------------------
	Einleitung Killer Club	*/

	#einleitung {
	border-top:1px dashed #ccc;
	}
	#einleitung img {
	margin:15px 0 0;
	}

	#einleitung strong {
	display:block;
	margin:10px 36px 5px;
	font-size:1.1em;
	font-family:verdana, arial, sans-serif;
	}

	/*	---------------------------------------------------------------------------------------------
	Beiträge Killerclub	*/

	.killerclub img {
	float:left;
	margin:0 10px 10px 0;
	}
	.killerclub .entry_heading {
	font:italic normal 1.8em georgia, 'times new roman', serif;
	color:#999;
	}
	.killerclub .kapitel_heading {
	font:italic normal 1.2em georgia, 'times new roman', serif;
	color:#999;
	}
		.killerclub .entry_heading h1,
		.killerclub .kapitel_heading h2 {
		display:inline;
		color:#222;
		}
		.killerclub .entry_heading h1,
		.killerclub .entry_heading h1 a,
		.killerclub .kapitel_heading h2 {
		font-size:1em;
		font-weight:normal;
		}
	.killerclub .entry_heading span,
	.killerclub .kapitel_heading span {
	color:#a20702;
	text-transform:uppercase;
	}
	#content .killerclub .entry_heading a:hover {
	text-decoration:underline;
	color:#333;
	}
	.killerclub small {
	line-height:120%;
	margin-top:4px;
	}
	.kapitel_box {
	padding:15px 0 5px;
	}
	.kapitel_box .videocontainer {
	margin:5px 0;
	}
	/* Killerclub Single */
	.entry.killerclub.single {
	border:0;
	min-height:400px;
	}

	/*	---------------------------------------------------------------------------------------------
	Killer Club Inhaltsverzeichnis	*/

	#inhalt {
	border-top:1px dashed #aaa;
	background:#ddd;
	padding:20px 36px;
	}
	#inhalt strong {
	font:italic normal 2.4em georgia, 'times new roman', serif;
	font-size:1.8em;
	color:#111;
	margin:10px 0;
	display:block;
	}
	#inhalt ul {
	width:485px;
	}
	#inhalt li {
	width:485px;
	border-bottom:1px dashed #aaa;
	}
	#inhalt a {
	display:block;
	color:#666;
	padding:10px 5px;
	min-height:40px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
	#inhalt a:hover {
	text-decoration:none;
	background:#eaeaea;
	border-color:#fff;
	}
	#inhalt img {
	float:left;
	margin-right:10px;
	}
	#inhalt small {
	color:#333;
	display:block;
	margin-top:10px;
	}

	#inhalt span {
	color:#a20702;
	font-size:1.4em;
	font-style:italic;
	text-transform:uppercase;
	margin-right:5px;
	font-family:georgia,'times new roman', serif;
	}
	#inhalt ul strong {
	font-size:1.4em;
	display:inline;
	margin:0;
	margin-left:5px;
	}
	
	/*	---------------------------------------------------------------------------------------------
		7. Comments
		------------------------------- */
		
	#content h3 {
	font:italic normal 1.4em georgia, 'times new roman', serif;
	color:#333;
	padding:10px 36px;
	border-top:1px dashed #ccc;
	}	
	.commentlist {
	margin:10px 0 15px;
	padding:0 36px;
	}
	.commentlist li {
	padding:0 0 10px;
	margin-bottom:10px;
	}
	.commentlist cite, .commentlist cite a {
	font-family:georgia, 'times new roman', serif;
	font-size:12px;
	font-style:italic;
	color:#333;
	}
	#content .commentlist p {
	padding:10px 10px 0;
	margin:0 0 1px;
	background:url(images/comment_entry_bg.gif) repeat-x;
	}
	p.comment_head small > a {
	color:#666;
	}
	#content .commentlist p.comment_head {
	background:url(images/comment_head_bg.gif) repeat-x left bottom;
	padding:5px 10px 5px;
	border-bottom:1px solid #999;
	}
	
	#commentform {
	width:auto;
	margin:10px 36px;
	}
	#commentform p {
	text-align:left;
	width:485px;
	padding:10px 0;
	margin:auto;
	}
	

/*	---------------------------------------------------------------------------------------------
	8. Video Trailer Posts
	------------------------------- */

#content .trailer_entry p {
padding:0;
margin:10px 0;
}
	.trailer_entry span {
	font-size:1.2em;
	color:#000;
	}
.trailer_entry .download {
width:325px;
}
.trailer_entry .download strong {
padding:0;
font-weight:bold;
font-size:.82em;
font-style:normal;
text-transform:uppercase;
color:#222;
display:block;
}
.trailer_entry .download .link {
margin:0 10px 0 0;
}
.videocontainer {
text-align:center;
border:1px solid #aaa;
padding:15px 0;
margin:20px 0;
}

	/*	---------------------------------------------------------------------------------------------
		9. Infoservice
		------------------------------- */
		
		/*	---------------------------------------------------------------------------------------------
		Formular */

		form {
		width:100%;
		text-align:center;
		}
		fieldset {
		margin:10px auto;
		width:480px;
		text-align:left;
		}
		fieldset li {
		line-height:1.6em;
		float:left;
		width:100%;
		margin-bottom:10px;
		}
		.entry fieldset ol {
		list-style:none;
		margin:0;
		}
		label {
		float:left;
		width:45%;
		margin:0 10px 0 0;
		/*font-size:1.2em;*/
		font-weight:bold;
		padding:1px 0;
		}
		input {
		float:right;
		width:50%;
		font-size:1.2em;
		}
		textarea {
		width:476px;
		margin-bottom:10px;
		}
		input#submit {
		width:25%;
		cursor: pointer;
		}
		
	#infoservice input {
	float:left;
	}
	#infoservice span {
	float:left;
	margin:5px 0 0 226px;
	width:50%;
	}
	input.zustimmung {
	width:auto;	
	}
	label.zustimmung {
	width:80%;
	margin-left:5px;
	font:1em/1.4em verdana, Arial, helvetica, sans-serif;
	}
	#infoservice .button_send {
	width:auto;
	padding:0 10px;
	margin-top:20px;
	cursor: pointer;
	float:none;
	}

	/*	---------------------------------------------------------------------------------------------
		10. Navigation (zwischen den Blogbeiträgen)
		------------------------------- */

	#navigation, #navigation_bottom {
	padding:5px 36px;
	line-height:2em;
	}
	#navigation_bottom {
	border-top:1px dashed #ccc;
	}
		#navigation.single {
		padding:10px 36px;
		}
	#navigation a, #navigation_bottom a {
	font-weight:bold;
	text-transform:uppercase;
	color:#222;
	}
		#navigation a:hover,
		#navigation a:focus,
		#navigation_bottom a:hover {
		color:#a20702;
		}
	.prevlink {
	float:left;
	padding-right:20px;
	}
	.nextlink {
	float:right;
	padding-left:20px;
	}
	
	/*	---------------------------------------------------------------------------------------------
		11. Autoreninfo / Buchinfo
		------------------------------- */

	#author_info,
	#book_info {
	width:485px;
	padding:20px 36px;
	border-top:1px dashed #ccc;
	/*margin-left:1px;*/
	}
/*	#book_info {
	background:#48494B url(images/voschau_box_bg.gif) repeat-x;
	color:#ddd;
	border-top:1px solid #ccc;
	}*/
	#book_info blockquote {
	margin-top:10px;
	background:#fff;
	color:#333;
	padding:10px;
	font-size:1.1em;
	line-height:140%;
	}
	#book_info cite {
	padding:5px 10px 0;
	display:block;
	}
	#author_info p,
	#book_info p {
	padding:10px 0;
	}
	#author_info img,
	#book_info img {
	margin:0 20px 20px 0;
	float:left;
	}
	#author_info img {
	margin-bottom:10px;
	}
	#author_info h2,
	#book_info h2 {
	font:italic normal 1.8em georgia, 'times new roman', serif;
	margin-bottom:1em;
	color:#222;
	display:inline;
	}