/*
Theme Name: helle welle 292 DE-Edition
Theme URI: 
Description: Das Standard-Theme f&uuml;r das Weblog von RADIO helle welle, basierend auf dem famosen <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.1
Author: Christian Niklas
Author URI: http://christian-niklas.de
Tags: orange, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


@media screen, projection {

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #e7e7e7; /*#d5d6d7 url('images/kubrickbgcolor.jpg')*/
	color: #333;
	text-align: center;
	}

#page { background-color: white; border: 1px solid #959596; text-align: left; }

#header { background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center; }

#content { font-size: 1.2em; }

.widecolumn .entry p { font-size: 1.05em; }

.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }

.widecolumn { line-height: 1.6em; }

.narrowcolumn .postmetadata { text-align: center; }

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }

.even, .alt { border-left: 1px solid #ddd; }

#footer { background: transparent url('images/kubrickfooter.jpg') no-repeat left bottom; /* #e7e7e7 . . top */ border: none; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 { font-size: 4em; text-align: center; }

#header .description { font-size: 1.2em; text-align: center; }

h2 {
	font-size: 1.8em; /*1.6em*/
  font-family: 'Times New Roman', Times, serif; /* (ChN) */
  font-weight: normal; /* (ChN) */
  letter-spacing: 1px; /* (ChN) */
	}

h2.pagetitle { /*font-size: 1.6em;*/ }

#sidebar h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
  font-weight: bold; /* (ChN) */
  letter-spacing: normal; /* (ChN) */
  }

h3 {
  font-size: 1.6em; /*1.3em*/
  font-family: 'Times New Roman', Times, serif; /* (ChN) */
  font-weight: normal; /* (ChN) */
  letter-spacing: 1px; /* (ChN) */
  }

h1, h1 a, h1 a:hover, h1 a:visited, #header .description { text-decoration: none; color: white; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

.entry p a:visited { color: #b85b5a; }

.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }

.commentlist li { font-weight: bold; }

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }

a:hover { color: #147; text-decoration: underline; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }

#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0; /* 0 0 20px 0 */
	padding: 0;
	}

#page {
	background: #fff url('images/kubrickbgwide.jpg') repeat-y;
	border: none; /* 1px solid #959596; */
	margin: 10px auto; /* 20px . */
	padding: 0;
	text-align: left;
	width: 760px;
	}

#header {
  background: transparent url('images/kubrickheader.jpg') no-repeat;
  height: 200px;
  margin: 0; /*0 0 0 1px;*/
  width: 100%; /*758px*/
}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post { margin: 0 0 40px; text-align: left; /* justify */ }

.post h2 { text-align: left; }

.post hr { display: block; }

.widecolumn .post { margin: 0; }

.narrowcolumn .postmetadata { padding-top: 5px; }

.widecolumn .postmetadata { margin: 30px 0; }

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { clear: both; }

.clear { clear: both; }

#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%; /*760px*/
	clear: both;
	}

#footer p {
  line-height: 1.5em;
  margin: 0;
  padding: 20px 0;
  text-align: center;
}
/* End Structure */



/*	Begin Headers */
h1 { padding-top: 70px; margin: 0; }

h2 { margin: 30px 0 0; }

h2.pagetitle { margin-top: 30px; text-align: center; }

#sidebar h2 { margin: 5px 0 0; padding: 0; }

h3 { padding: 0; margin: 30px 0 0; }

h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */



/* Begin Images */
p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright { float: right; }

.alignleft { float: left }
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -1em; /*-10px*/
  text-align: left;
	}

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }

.entry ol { padding: 0 0 0 35px; margin: 0; }

.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

ol li, #sidebar ul ol li { list-style: decimal outside; }

#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s { width: 108px; padding: 2px; }

#sidebar #searchsubmit { padding: 1px; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select { width: 130px; }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit { margin: 0; /* 0 0 5px auto */ float: right; }
/* End Form Elements */



/* Begin Comments*/
.alt { margin: 0; padding: 10px; }

.commentlist { padding: 0; text-align: justify; }

.commentlist li {
	margin: 15px 0 3px; /* . . 10px */
	padding: 5px 10px 3px; /* . 5px 10px 10px */
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; }
/* End Comments */



/* Begin Sidebar */
#sidebar {
	padding: 0 0 10px; /* 20px . . . */
	margin-left: 545px;
	width: 190px;
	}

#sidebar form { margin: 0; }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }

#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0; text-align: center; }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

.hidden { display: none; }
	
.screen-reader-text { position: absolute; left: -1000em; }

hr { display: none; }

a img { border: none; }

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/**
  * Additional styles by Christian Niklas
  */


.clearfix:after {
  content: '.';
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
* html .clearfix { height: 1%; }
*+html .clearfix { min-height: 1px; }


/* ********** Header ********** */

#header h1 { padding: 43px 0 0 435px; width: 210px; /* IE */ }

#header h1 a {
  display: block;
  height: 110px;
  /*margin: 0 auto;*/
  outline: none;
  text-indent: -1000em;
  width: 210px; /* IE */
}

#header .description {
  background: transparent url(images/beste-nachricht-sign.png) no-repeat;
  height: 86px;
  left: 610px;
  position: relative;
  text-indent: -1000em;
  top: -12px;
  width: 213px;
}

#hwvp-link {
  display: none;
  left: 634px;
  position: relative;
  top: -54px;
  width: 213px;
}

* html #hwvp-link, 
* html #header .description {
  display: none; /* dont' display in IE 6 */
}


/* ********** Pagebar plugin ********** */

.pagebar {
  /*
  border: 1px solid #fff;
  margin-bottom: 1.0em;
  margin-right: 0.1em;
  padding: 0.2em 0.5em;
  */
  text-align: center;
}

.pagebar a,
.pageList .this-page { border: 1px solid #9aafe5; padding: 0.2em 0.5em; text-decoration: none; }

.pagebar a:visited { /*border: 1px solid #9aafe5; padding: 0.2em 0.5em; text-decoration: none;*/ }

.pagebar a:hover {
  background: #f08226;
  border-color: #f08226;
  color: #fff;
  text-decoration: none;
}

.pagebar .break {
  background-color: #fff;
  border: none;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
}

.pagebar .this-page {
  background-color: #2e6ab1;
  border: 1px solid #2e6ab1;
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.5em;
}

.pagebar .inactive {
  border: 1px solid #cccccc;
  color: #ccc;
  padding: 0.2em 0.5em;
  text-decoration: none;
}


/* ********** Newsletter-Formular ********** */

#newsLetterForm, 
#cformsform {
  background-color: #F8F8F8;
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  margin: 10px 0 0 0;
  padding: 10px;
  text-align: left;
}

#newsLetterForm input, 
#cformsform input, 
#cformsform textarea { font: 0.9em "Lucida Grande", Verdana, Arial, sans-serif; }

#newsLetterForm p { margin: 0 0 5px 0; padding: 0; }

#newsLetterForm label { margin: 0 25px 0 0; }

#newsLetterForm input#name, 
#newsLetterForm input#email, 
#newsLetterForm input#honig {
  margin: 0 5px 0 0;
  width: 170px;
}


/* ********** Chat *********** */

#chatScroll {
  background: #f9f9f9 url('chat/chat-bg.gif') repeat-x;
  border-bottom: 1px solid #e5e6ee;
  font-size: 0.9em;
  height: 250px;
  margin: 18px 0 0;
  overflow: auto;
  padding: 0 10px 0 1px;
  width: 380px;
}

#chatScroll .item { margin-bottom: 6px; text-align: left; }

#chatScroll .item strong { /*text-transform: uppercase;*/ }

#chatFormular { margin: 20px 0 0 0; padding: 0; }

#chatFormular label { float: left; width: 80px; }

#chatFormular input { /*clear: left;*/ margin: 0 0 5px 0; padding: 0; }

#chatFormular input#chatUserName { width: 75px; }

#chatFormular input#chatMessageBox { width: 308px; }

#chatFormular input#sendButton { margin-left: 80px; }

img#palette { border: 1px solid #000; cursor: pointer; display: block; margin: 0 0 5px 0; }


/* ********** Last chat comment widget ********** */
/*
#text-346361941 .textwidget { position: relative; }

#text-346361941 .textwidget p { position: relative; z-index: 10; }

#text-346361941 .textwidget p q { quotes:"\201E" "\201C"; }

#text-346361941 .textwidget img {
  position: absolute;
  right: 15px;
  top: -38px;
  z-index: 1;
}
*/


/* ********** Twitter widget ********** */

#text-441388741 { /*background: transparent url(images/twitter2b.png) no-repeat 100% 12px;*/ }

#text-441388741 .textwidget { position: relative; }

#text-441388741 img {
  position: absolute;
  right: 0;
  top: -21px;
}

#text-441388741 h2.widgettitle { width: 70%; }

#text-441388741 .textwidget ul { margin-left: 0; }

#text-441388741 .textwidget li {
  border-top: 1px dashed #d2dada;
  color: #333;
  margin: 0;
  padding: 0.7em 0;
}

#text-441388741 .textwidget li:first-child { /*border-top-style: solid;*/ }

#text-441388741 .textwidget li:hover { background-color: #f7f7f7; }

#text-441388741 .textwidget li:before { content: ""; }

.textwidget li.twitterZebra { /*background-color: #ddffcc;*/ }

#text-441388741 .textwidget li.twitt_err { color: #f15922; }


/* ********** PXS mailform plugin ********** */
/*
form dl, dl.labels { margin: 0.5em 0 0; font-size: 100%; }

form dt, dl.labels dt {
  float: left;
  width: 7em;
  margin-bottom: 0.8em;
  color: #555;
  text-align: right;
  font-weight: 400;
  position: relative;
}

form dd, dl.labels dd {
  margin-left: 7.5em;
  margin-bottom: 0.8em;
  font-size: 100%;
  font-style :normal;
  text-align: left;
  padding-left: 0.5em
}

form dd.submit, dl.labels dd.submit  { margin-top: 2em }

.error_msg { font-weight: 700; color:#C33; }

.pxs_css_spamcheck { display: none !important; }
*/


/* ********** cforms II ********** */

#usermessagea { margin: 10px 0 0; }

#usermessagea.success { color: #4baf00; }

ol.cf-ol { margin: 0; padding: 0; }

ol.cf-ol li { list-style: none; margin-left: 0 !important; }

ol.cf-ol label {
  color: #777;
  float: left;
  font-size: 0.9em;
  /*line-height: 1.636em;*/
  width: 76px;
}

ol.cf-ol input.single { width: 15.5em; }

ol.cf-ol .reqtxt, 
ol.cf-ol .emailreqtxt { color: #777; font-size: 0.9em; padding: 0 0 0 1em; }

ol.cf-ol textarea.area { height: 11em; width: 22em; }

ol.cf-ol li.cf_li_err label { color: #c33; }

p.cf-sb { padding-left: 76px; }

fieldset.cf_hidden, 
p.linklove { display: none; }


/* ********** Page navigation ********** */

/*#page*/
#pageNav_wrap { position: relative; }

ul#pageNav {
  list-style: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 720px;
}

ul#pageNav.dropDown_row { margin: 0 0 0 20px; }

ul#pageNav li {
  background: #E7E7E7 url(images/page-nav.jpg) no-repeat center bottom;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #c8c8c8;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
}

ul#pageNav li a, 
ul#pageNav li span { display: block; padding: .5em 1em; text-decoration: none; }

ul#pageNav li:first-child { background-position: left bottom; border-left: none; }

ul#pageNav.dropDown_row li:first-child { background-position: center bottom; }

/*ul#pageNav li.page-item-51*/
ul#pageNav li.last-child { background-position: right bottom; border-right: none; }

ul#pageNav.dropDown_row li.last-child { background-position: center bottom; }

ul#pageNav li.current_page_item a { color: #114477; }

ul#pageNav li span { background: transparent url(images/arrow_vertical.gif) no-repeat 55px 11px; color: #0066cc; padding-right: 2em; }

ul#pageNav li:hover span { background-position: 55px -14px; color: #114477; }

ul#pageNav li ul {
  left: -999em;
  list-style: none;
  margin: 0; /* IE 7 */
  padding: 0;
  position: absolute;
}

body.js_on ul#pageNav li ul { display: none; left: 20px; }

ul#pageNav.dropDown_row li ul { padding-bottom: 10px; /* mehr hover-Fl�che */}

ul#pageNav li:hover ul { left: auto; }

ul#pageNav.dropDown_row li:hover ul { left: 20px; }

ul#pageNav li li {
  border-left: none;
  border-right: none;
  float: none;
  font-size: 1em;
}

ul#pageNav.dropDown_row li li {
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #c8c8c8;
  float: left;
}

ul#pageNav li li:first-child { background-position: center bottom; }

ul#pageNav.dropDown_row li li:first-child { border-left: none; }

ul#pageNav li li.last-child { background-position: center bottom; }

ul#pageNav.dropDown_row li li.last-child { border-right: none; }


/* ********** Sendungsarchiv ********** */

#post-323 h3 + p { margin: 0; }

/*.narrowcolumn { background: transparent url(images/neu_arrow.gif) no-repeat 40% 0; }*/


/* ********** Flattr Button ********** */

.postmetadata .flattrBtn { float: right; margin: 0 0 0 10px; }

}


@media print {
  * { background: #fff; color: #000; }
  
  html { font: 100%/1.5 georgia, serif; }
  
  a[href]:after { content:" <"attr(href)"> "; font-style: italic; font-size: 0.7em; }
  
  ul#pageNav, 
  .pagebar, 
  #sidebar, 
  #content > .navigation, 
  h3#respond, 
  ol.commentlist img.avatar, 
  form#commentform { display: none; }
  
}