/*
Theme Name: Schlumpf die Ohren
Description: Die Schlümpfe.
Version: 1.0
Author: Design uniqade · Code pimago
Author URI: http://www.uniqade.de/
*/

body {
	margin: 0;
	padding: 0;
	color: #f7d6d6;
	background: #3097df url("img/bg.jpg") 50% 0 repeat-x;
	font: normal 62.5% "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-align: center;
	line-height: 2em;
}

/* Typo
-------------------------------------------------- */
p, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style: none;
}

li {
	margin-left: 5px;
	padding-left: 10px;
}

address {
	margin: 0 0 .6em 0;
	padding: 0;
	font-style: normal;
}

blockquote {
	border-left: 1px solid #A5ABAB;
	margin: 15px;
	padding: 0 12px 0 12px;
}

code {
	margin: 10px;
	font-family: "Courier New", Courier, monospace;
}

/* Links
-------------------------------------------------- */
a {
	color: #f9d719;
	text-decoration: none;
}

a:hover {
	color: #4CB3E8;
}

a img {
	border: none;
}

/* Basic Boxes
-------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#header {
	height: 346px;
	background: transparent url("img/bg_header.jpg") bottom 0 no-repeat;
	position: relative;
}

#logo {
	margin: 19px 0 0 14px;
	padding: 0;
	width: 341px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
}

#main {
	padding: 20px 70px 0 78px;
	width: 820px;
	background: transparent url("img/bg_main.gif") 0 0 repeat-y;
}

#content {
	width: 810px;
}

/*body#musik #content,
body#hoerspiele #content,
body#gewinnspiele #content {
	padding: 0 50px 0 45px;
	width: 720px;
}*/

body#news #content,
body#media #content {
	width: 410px;
	float: left;
}

#sidebar {
	width: 375px;
	background: #a2111d url("img/bg_sidebar_mid.gif") 0 0 repeat-y;
	float: right;
}

#footer {
	padding: 120px 40px 30px;
	background: transparent url("img/bg_footer.gif") 0 0 no-repeat;
	clear: both;
	position: relative;
}

/* Content
-------------------------------------------------- */
#content p {
	margin-bottom: 1.7em;
	font-size: 1.3em;
}

#content h1 {
	height: 80px;
	background: transparent url("img/h_news.gif") 0 0 no-repeat;
	text-indent: -999em;
}

body#musik #content h1 {background-image: url("img/h_musik.gif");}
body#hoerspiele #content h1 {background-image: url("img/h_hoerspiele.gif");}
body#media #content h1 {background-image: url("img/h_media.gif");}
body#extras #content h1 {background-image: url("img/h_extras.gif");}
body#gewinnspiele #content h1 {background-image: url("img/h_gewinnspiele.gif");}

#content h2 {
	margin-bottom: 1em;
	color: #f9d719;
	font-size: 1.6em;
}

#content h3 {
	margin: 1.5em 0 1em 0;
	padding: 1.4em 0 0 15px;
	border-top: 1px solid #e63d4b;
	background: transparent url("img/icon_h2.gif") 0 80% no-repeat;
	color: #f9d719;
	font-size: 1.6em;
	clear: both;
}

#content h4 {
	color: #f9d719;
	font-size: 1.3em;
	font-weight: normal;
}

#content img {
	border: 1px solid #e63d4b;
}

.post {
	padding: 0 0 2.5em 0;
}
	
.post h2 a {
	text-decoration: none;
}
	
.postmetadata {
	margin-top: 1em;
	padding-top: .3em;
	border-top: 1px solid #e63d4b;
	clear: both;
}

.navigation {
	margin-bottom: 2em;
}

/* News */
body#news #content h2 {
	padding-left: 15px;
	background: transparent url("img/icon_h2.gif") 0 .3em no-repeat;
}

body#news #content h3 {
	margin: 1.5em 0 .3em 0;
	padding: 0;
	border-top: none;
	background: none;
	color: #f9d719;
	font-size: 1.6em;
	clear: both;
}

.wp-pagenavi {
	color: #f7d6d6;
	font-size: 1.3em;
}

.wp-pagenavi a {
	padding: 2px 4px; 
	margin: 0 4px 0 0;
	text-decoration: none;
	border: 1px solid #000;
	background-color: #a2111d;	
}

.wp-pagenavi span.pages {
	padding: 2px 4px; 
	margin: 0 4px 0 0;
	border: 1px solid #000;
	background-color: #a2111d;	
}

.wp-pagenavi span.current {
	padding: 2px 4px; 
	margin: 0 4px 0 0;
	font-weight: bold;
	border: 1px solid #000;
}

/* Hoerspiele */
body#hoerspiele #content .entry em,
body#musik #content .entry em {
	color: #e63d4b;
}

body#hoerspiele #content .entry a,
body#musik #content .entry a {
	padding: 2px 6px;
	background-color: #560201;
	color: #ef7575;
	font-style: italic;
	text-transform: uppercase;	
}

body#hoerspiele #content .entry a:hover,
body#musik #content .entry a:hover {
	background-color: #480201;
}

body#hoerspiele #content .entry ul,
body#musik #content .entry ul {
	margin-top: 3em;
	padding: 40px 0 20px;
	background: transparent url("img/icon_kaeuflich.jpg") 0 0 no-repeat;
}

body#hoerspiele #content .entry ul li,
body#musik #content .entry ul li {
	margin: 4px 5px 0 0;
	font-size: 1.3em;
}

body#hoerspiele #content .entry ul li a,
body#musik #content .entry ul li a {
	padding: 5px 15px 5px 15px;
	background: transparent url("img/icon_bullet.gif") 0 50% no-repeat;
	font-style: normal;
	text-transform: none;	
}

body#hoerspiele #content .entry ul li a:hover,
body#musik #content .entry ul li a:hover {
	background-color: transparent;
	color: #f7d6d6;
}

body#hoerspiele #content img,
body#musik #content img {
	margin-bottom: 2em;
}

/* Media */
body#media #content .slideshowlink {
	display: none;
}

body#media #content img {
	margin: 10px; 
	float: left;
}

/* Media */
body#extras #content img {
	margin: 7px;
	border: none;
}

/* Sidebar
-------------------------------------------------- */
#sidebar #video {
	padding: 45px 24px 10px 59px;
	background: transparent url("img/bg_sidebar_top.gif") 0 0 no-repeat;
}

#sidebar .video {
	padding: 0 15px 20px 50px;
}

#sidebar .video-alt {
	padding: 0 15px 30px 50px;
	background: transparent url("img/bg_sidebar_btm.gif") bottom left no-repeat;
}

#sidebar .video-text {
	padding: 0 24px 30px 59px;
	background: transparent url("img/bg_sidebar_btm.gif") bottom left no-repeat;
}

#sidebar .widget_text {
	margin: 0;
	padding: 20px 40px 35px 75px;
	list-style: none;
	background: transparent url("img/bg_sidebar_btm.gif") bottom left no-repeat;
}

#sidebar p, .textwidget {
	font-size: 1.3em;
}

#sidebar h2 {
	margin: 0 0 .6em 0;
	padding: 0 0 0 15px;
	background: transparent url("img/icon_h2.gif") 0 .3em no-repeat;
	color: #f9d719;
	font-size: 1.6em;
}

#sidebar h3 {
	margin: 0 30px .1em 65px;
	padding-top: 20px;
	color: #f9d719;
	font-size: 1.6em;
}

#sidebar ul {
	margin:12px;
	padding:0;
	list-style-type: none;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#sidebar ul ul li {
	list-style-type: none;
	list-style-position: inside;
}

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

#sidebar ul ul ul li {
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* Footer
-------------------------------------------------- */
#footer ul {
	margin-left: 100px;
}

#footer li {
	float: left;
}

#footer #toplink {
	width: 151px;
	height: 66px;
	background: transparent url("img/btn_top.png") 0 0 no-repeat;
	text-indent: -999em;
	position: absolute;
	top: 65px;
	left: 60px;
}

#footer p {
	text-align: center;
}

#footer a {
	cursor: pointer;
	margin: 0 5px;
	color: #7DCDEE;
	text-decoration: none;
}

#footer a:hover {
	color: #1E60BE;
}

/* Comments
-------------------------------------------------- */
#commentssection {
	clear: both;
}
	
#commentssection h3,
#commentform h3 {
	margin: 0 0 .5em 0;
	padding: 0;
	border: 0;
	background-image: none;
}

#commentform {
	background: #A2111D;
	padding: 20px;
	border: 2px solid #000;
}
	
#commentbox {
	width:350px;
	margin: 5px 0;
}

#author, #email, #url, #commentbox { 
	margin: 0 0 6px 0;
	padding: 5px 6px;
	width: 350px;
	border: 2px solid #000;
	background-color: #75020d;
	color: #f7d6d6;
	font-size: 1.3em;
}
	
ol.commentlist {
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #e63d4b;
}

ol.commentlist li {
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #e63d4b;
	background-color: #8b0b19;
	overflow: hidden;
}

ol.commentlist li.alt {
	background-color: #A2111D;
}

cite {
	font-weight: bold;
	font-size: 1.3em;
	font-style: italic;
}

.commentmetadata {
	margin-bottom: 10px;
	font-size: .9em !important;
}

/* Form
-------------------------------------------------- */
form.nl-form {
	margin: 0;
	padding: 0 30px 10px 65px;
	border: 0;
	background: transparent url("img/bg_sidebar_btm.gif") bottom left no-repeat;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

label {
	margin: 0;
	padding: 0;
	color: #f7d6d6;
	font-size: 1.3em;
	display: block;
}

label strong {
	color: #f9d719;
}

#form_email, #form_firstname, #form_country, input.submit {
	margin: 0 0 6px 0;
	padding: 5px 6px;
	width: 263px;
	border: 2px solid #000;
	background-color: #75020d;
	color: #f7d6d6;
	font-size: 1.3em;
}

#form_country {
	width: auto;
}

#form_country option {
	margin-right: 10px;
}

input.submit {
	width: 151px;
	height: 41px;
	background: transparent url("img/btn_send.gif") 0 0 no-repeat;
	border: none;
	color: #d4a05c;
	text-indent: -999em;
	font-size: .96em;
	text-transform: uppercase;
}

input.submit:hover {
	background-image: url("img/btn_send_o.gif");
}

input:focus, select:focus {
	border-color: #d4a05c;
}

/* Navigation
-------------------------------------------------- */
#searchform{
	padding: 6px 0 6px 6px;
	font-family: verdana, arial, times;
	}

#searchform input#s{
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
	}

#searchform input#searchsubmit{
	font-family: verdana, arial, times;
	font-size: 7pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #B7B7B7;
	background-color: #fff;
	color: #797979;
	}

/* Navigation
-------------------------------------------------- */
#navi {
	margin: 0;
	padding: 0;
	height: 346px;
	background: transparent url("img/bg_navi.jpg") 0 0 no-repeat;
	float: left;
}

#navi li {
	margin: 100px 0 0;
	padding: 0;
	float: left;
}

#navi a {
	width: 130px;
	height: 38px;
	background: transparent url("img/btn_news.png") 0 0 no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -999em;
}

#navi .n-musik {width: 250px; background-image: url("img/btn_musik.png");}
#navi .n-hoerspiele {width: 150px; background-image: url("img/btn_hoerspiele.png");}
#navi .n-media {width: 120px; background-image: url("img/btn_media.png");}
#navi .n-extras {width: 129px; background-image: url("img/btn_extras.png");}
#navi .n-gewinnspiele {width: 181px; background-image: url("img/btn_gewinnspiele.png");}

#navi .n-news:hover {background-image: url("img/btn_news_o.png");}
#navi .n-musik:hover {background-image: url("img/btn_musik_o.png");}
#navi .n-hoerspiele:hover {background-image: url("img/btn_hoerspiele_o.png");}
#navi .n-media:hover {background-image: url("img/btn_media_o.png");}
#navi .n-extras:hover {background-image: url("img/btn_extras_o.png");}
#navi .n-gewinnspiele:hover {background-image: url("img/btn_gewinnspiele_o.png");}

/* Extras
-------------------------------------------------- */
.left {
	float: left;
}

.right {
	float: right;
}

img.left {
	margin: 0 10px 0 0;
}

img.right {
	margin: 0 0 0 10px;
}

img.no-border {
	border: none !important;
}

/* clear floats */ 
#main:after,
.entry:after {
	height: 0;
	content: "."; 
	display: block;  
 	clear: both; 
	visibility: hidden;
}

/* clear floats for stoopid IE 7 */
*:first-child+html #main,
*:first-child+html .entry {
	min-height: 1px;
}

/* clear floats for stoopider IE 6 */
* html #main,
* html .entry {
	height: 1%;
}