/** 
 * Theme Name: anyca.st
 * Theme URI: http://anyca.st/
 * Version: 2012
 * Author: Dennis Morhardt
 * Author URI: http://www.dennismorhardt.de/
 */
 
/**
 * Reset CSS
 * @see https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/style.css
 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
img, object, embed { max-width:100%; }
ul { list-style:none; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #666; cursor:help; }
a, a:link, a:active, a:visited, a:focus, a:hover { text-decoration:none; }

/**
 * Box Sizing
 */
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

/**
 * Clear fix
 * @see http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clear { float:none; clear:both; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/**
 * Align styles
 */
.alignleft { float:left; margin:3px 10px 10px 0; }
.alignright { float:right; margin:5px 0px 10px 20px; }

/**
 * Selection style
 */
::selection { background:#000; color:#fff; }
::-webkit-selection { background:#000; color:#fff; }
::-moz-selection { background:#000; color:#fff; }

/**
 * Fonts
 */
@font-face {
	font-family:'Aller';
	src:url('fonts/aller_std_bd-webfont.eot');
	src:url('fonts/aller_std_bd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_std_bd-webfont.woff') format('woff'), url('fonts/aller_std_bd-webfont.ttf') format('truetype'), url('fonts/aller_std_bd-webfont.svg#AllerBold') format('svg');;
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'Aller';
	src:url('fonts/aller_std_bdit-webfont.eot');
	src:url('fonts/aller_std_bdit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_std_bdit-webfont.woff') format('woff'), url('fonts/aller_std_bdit-webfont.ttf') format('truetype'), url('fonts/aller_std_bdit-webfont.svg#AllerBoldItalic') format('svg');
	font-weight:bold;
	font-style:italic;
}

@font-face {
	font-family:'Aller';
	src:url('fonts/aller_std_it-webfont.eot');
	src:url('fonts/aller_std_it-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_std_it-webfont.woff') format('woff'), url('fonts/aller_std_it-webfont.ttf') format('truetype'), url('fonts/aller_std_it-webfont.svg#AllerItalic') format('svg');
	font-weight:normal;
	font-style:italic;
}

@font-face {
	font-family:'Aller';
	src:url('fonts/aller_std_rg-webfont.eot');
	src:url('fonts/aller_std_rg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_std_rg-webfont.woff') format('woff'), url('fonts/aller_std_rg-webfont.ttf') format('truetype'), url('fonts/aller_std_rg-webfont.svg#AllerRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}

/**
 * Body
 */
body {
	background:#f4f4f4 url("images/background.png");
	border-top:5px solid #b20000;
	font:15px/23px Aller, Helmet, Freesans, sans-serif;
	color:#333;
}

/**
 * Header
 */
body > header {
	background-image:-moz-linear-gradient(32% 8% -90deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0) 100%); 
	background-image:-webkit-gradient(linear,32% 8%,32% 75%,color-stop(0, rgba(255,255,255,0.98)),color-stop(1, rgba(255,255,255,0)));
	background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0) 100%);
	background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0) 100%);
	background-image:-ms-linear-gradient(-90deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0) 100%);
	background-image:linear-gradient(32% 8% -90deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0) 100%);
	padding:30px 0px 20px;
}

body > header h1 {
	font:bold 70px/70px ff-mach-web-pro, Helmet, Freesans, sans-serif;
	margin-bottom:12px;
	text-align:center;
}

body > header h1 a {
	color:#B20000;
}

body > header h2 {
	font:italic 18px/18px Aller, Helmet, Freesans, sans-serif;
	text-align:center;
	color:#939393;
}

body > header nav {
	width:768px;
	height:47px;
	background-image:-webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:-moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:-ms-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:-o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	margin:30px auto;
}

body > header nav:before, body > header nav:after {
	display:block;
	height:3px;
	content:'';
	width:768px;
	background-image:-moz-linear-gradient(0% 67% 0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%); 
	background-image:-webkit-gradient(linear,0% 67%,100% 67%,color-stop(0, rgba(221,221,221,0)),color-stop(0.2, rgba(221,221,221,0.5)),color-stop(0.8, rgba(221,221,221,0.5)),color-stop(1, rgba(221,221,221,0)));
	background-image:-webkit-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-o-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-ms-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
}

body > header nav #display-menu, body > header nav #display-menu-label {
	display:none;
}

body > header nav ul {
	text-align:center;
	font:bold 17px/38px Aller, Helmet, Freesans, sans-serif;
}

body > header nav li {
	display:inline;
	color:#535353;
}

body > header nav li a {
	color:#535353;
	margin:0px 10px;
}

body > header nav li a:hover, body > header nav li.current a {
	color:#B20000;
}

body > header nav a:before {
	font:bold 24px/40px Aller, Helmet, Freesans, sans-serif;
	padding-right:8px;
}

body > header nav li:nth-child(1) a:before { content:'\F100'; }
body > header nav li:nth-child(2) a:before { content:'\F101'; }
body > header nav li:nth-child(3) a:before { content:'\F102'; }
body > header nav li:nth-child(4) a:before { content:'\F103'; }
body > header nav li:nth-child(5) a:before { content:'\F104'; }

/**
 * Section
 */
body > section {
	width:700px;
	margin:0 auto;
}

body > section a {
	color:#b20000;
}

body > section a:hover {
	color:#333;
	text-decoration:underline;
}

body > section > header.pagetitle h1 {
	font:12px/20px Aller, Helmet, Freesans, sans-serif;
	color:#999;
	text-shadow:1px 1px 1px #fff;
	text-transform:uppercase;
	text-align:center;
	margin:-20px 0 20px;
}

body > section > article {
	position:relative;
	padding:25px 0;
	margin-bottom:15px;
}

body > section > article:after {
	display:block;
	height:3px;
	margin:25px -50px 0px;
	content:'';
	width:768px;
	background-image:-moz-linear-gradient(0% 67% 0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%); 
	background-image:-webkit-gradient(linear,0% 67%,100% 67%,color-stop(0, rgba(221,221,221,0)),color-stop(0.2, rgba(221,221,221,0.5)),color-stop(0.8, rgba(221,221,221,0.5)),color-stop(1, rgba(221,221,221,0)));
	background-image:-webkit-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-o-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-ms-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
}

body > section.post {
	position:relative;
	padding-top:25px;
}

body > section h1 {
	font:bold 28px/34px ff-mach-web-pro, Helmet, Freesans, sans-serif;
	text-align:center;
	margin:0px 40px 20px;
	color:#B20000;
}

body > section h2 {
	font:bold 17px/23px Aller, Helmet, Freesans, sans-serif;
	color:#333;
	margin:10px 0px 5px;
}

body > section p {
	padding-bottom:10px;
}

body > section pre {
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
}

body > section > article header h1 a, body > section.post header h1 a {
	color:#B20000;
}

body > section > article header p, body > section.post header p {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	font:italic 14px/20px Aller, Helmet, Freesans, sans-serif;
	color:#545454;
	text-shadow:1px 1px 1px #fff;
}

body > section .content {
	padding:0px 20px;
}

body > section .content p:first-child {
	font:18px/26px Aller, Helmet, Freesans, sans-serif;
	color:#333;
	text-align:center;
	margin:0px -20px 20px;
	padding:0;
}

body > section .content p:nth-child(n+2) {
	width:540px;
	padding-bottom:10px;
	float:left;
}

body > section .content dl {
	width:540px;
	padding-bottom:10px;
	float:left;
	padding-left:80px;
}

body > section .content dt {
	font:16px/24px Aller, Helmet, Freesans, sans-serif;
	color:#bababa;
	width:80px;
	margin-left:-80px;
	float:left;
	cursor:pointer;
}

body > section .content dt:hover {
	color:#999;
	text-decoration:underline;
}

body > section .content dd {
	padding-bottom:6px;
	font:14px/20px Aller, Helmet, Freesans, sans-serif;
}

body > section .content dd strong {
	display:inline-block;
	font:bold 16px/24px Aller, Helmet, Freesans, sans-serif;
}

/*body > section audio {
	width:700px;
	height:60px;
	display:block;
}

body > section .mejs-container {
	margin:0px -20px 30px;
	width:700px !important;
	height:60px !important;
}

body > section #live .mejs-container {
	margin:10px 0px 15px;
}*/

body > section > article footer, body > section.post footer {
	width:120px;
	text-align:right;
	margin-left:560px;
}

body > section > article footer h2, body > section.post footer h2 {
	margin:5px 0 2px;
}

body > section > article footer .FlattrButton, body > section.post footer .FlattrButton {
	margin-bottom:10px;
}

body > section #pager ul {
	margin:0;
	padding:0;
	text-align:center;
}

body > section #pager ul li {
	display:inline-block;
}

body > section #pager ul li a {
	margin:0 2px;
	padding:3px 10px;
	color:#999;
	border:1px solid #ddd;
	display:inline-block;
}

body > section #pager ul li.pages a {
	width:10px;
}

body > section #pager ul li a.active, #pager ul li a:hover {
	color:#333;
	border:1px solid #ccc;
}

body > section #list-of-episodes li {
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}

body > section #list-of-episodes li:nth-child(3n) {
	float:right;
	margin:0;
}

body > section #list-of-episodes li a {
	display:block;
	height:130px;
	width:220px;
	background:rgba(255,255,255,0.5);
	border-top:3px solid #eee;
	padding:10px 15px;
	font:bold 17px/23px Aller, Helmet, Freesans, sans-serif;
}

body > section #list-of-episodes li a span {
	font:italic 14px/20px Aller, Helmet, Freesans, sans-serif;
	color:#545454;
	display:block;
	margin-bottom:5px;
}

body > section #list-of-episodes li a:hover {
	text-decoration:none;
}

body > section #respond {
	clear:both;
	display:block;
	height:3px;
	margin:40px -50px 40px;
	background-image:-moz-linear-gradient(0% 67% 0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%); 
	background-image:-webkit-gradient(linear,0% 67%,100% 67%,color-stop(0, rgba(221,221,221,0)),color-stop(0.2, rgba(221,221,221,0.5)),color-stop(0.8, rgba(221,221,221,0.5)),color-stop(1, rgba(221,221,221,0)));
	background-image:-webkit-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-o-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-ms-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
}

body > section #comments {
	padding:0px 20px;
}

body > section .commentlist {
	list-style:none;
	margin:20px 0 40px;
}

body > section .commentlist li {
	margin-bottom:20px;
	margin-left:42px;
	position:relative;
}

body > section .commentlist li .main {
	border-left:3px solid #ddd;
	padding-left:10px;
}

body > section .commentlist li .children {
	margin:20px 0px 10px 13px;
}

body > section .commentlist li img.avatar {
	position:absolute;
	left:-42px;
}

body > section .commentlist li p:last-child {
	padding-bottom:0;
}

body > section .commentlist li cite {
	display:block;
	color:#333;
	padding-bottom:3px;
}

body > section .commentlist li cite a {
	color:#333;
}

body > section .commentlist li time {
	margin-left:10px;
	font:13px/23px Aller, Helmet, Freesans, sans-serif;
}

body > section .commentlist li time, body > section .commentlist li time a {
	color:#aaa;
}

body > section .trackbacklist {
	margin:10px 0 20px 20px;
	color:#ccc;
	list-style:none;
}

body > section .trackbacklist li:before{
	content:"\00BB \0020";
	margin-left:-20px;
	float:left;
}

body > section .trackbacklist a {
	color:#666;
}

body > section img {
	max-width:100%;
}

/**
 * Forms
 */
label, input, select, textarea {
	font:15px/21px Aller, Helmet, Freesans, sans-serif;
}

input, textarea, select {
	display:inline-block;
	width:270px;
	height:30px;
	padding:5px;
	color:#555;
	border:1px solid #ccc;
	border-radius:3px;
	margin-bottom:5px;
}

select {
	padding:initial;
	width:560px;
}

input[type=checkbox], input[type=radio] {
	cursor:pointer;
	width:auto;
	height:auto;
	padding:0;
	margin:3px 0;
	line-height:normal;
	border:none;
}

textarea {
	height:155px;
	min-height:155px;
	max-width:360px;
	min-width:360px;
	width:360px;
}
 
input, textarea {
	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s, box-shadow linear 0.2s;
	-o-transition:border linear 0.2s, box-shadow linear 0.2s;
	transition:border linear 0.2s, box-shadow linear 0.2s;
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	margin-bottom:-5px;
}

input:focus, textarea:focus {
	outline:0;
	border-color:rgba(82, 168, 236, 0.8);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

button, .button {
	cursor:pointer;
	display:inline-block;
	background-color:#e6e6e6;
	background-repeat: no-repeat;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	padding:5px 14px 6px;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	color:#333;
	font:16px/normal Aller, Helmet, Freesans, sans-serif;
	border:1px solid #ccc;
	border-bottom-color:#bbb;
	border-radius:4px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition:0.1s linear all;
	-moz-transition:0.1s linear all;
	-ms-transition:0.1s linear all;
	-o-transition:0.1s linear all;
	transition:0.1s linear all;
}

button:hover, .button:hover {
	background-position:0 -15px;
	color:#333;
	text-decoration:none;
}

label {
	font:14px/20px Aller, Helmet, Freesans, sans-serif;
	padding-bottom:5px;
	color:#666;
	display:inline-block;
}

form {
	margin-top:10px;
}

form .left {
	width:270px;
	float:left;
	margin-right:30px;
}

form .right {
	width:360px;
	float:right;
}

form .comment_checkbox {
	font:14px/20px Aller, Helmet, Freesans, sans-serif;
	color:#666;
	margin:15px 0px 20px;
	padding-left:20px;
}

form .comment_checkbox input {
	margin-left:-20px;
	float:left;
}

/**
 * Footer
 */
body > footer:before {
	display:block;
	height:3px;
	margin-bottom:25px;
	content:'';
	background-image:-moz-linear-gradient(0% 67% 0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%); 
	background-image:-webkit-gradient(linear,0% 67%,100% 67%,color-stop(0, rgba(221,221,221,0)),color-stop(0.2, rgba(221,221,221,0.5)),color-stop(0.8, rgba(221,221,221,0.5)),color-stop(1, rgba(221,221,221,0)));
	background-image:-webkit-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-o-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-ms-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
}

body > footer {
	width:768px;
	margin:50px auto 0px;
	text-align:center;
	color:#555;
	padding-bottom:30px;
	font:14px/20px Aller, Helmet, Freesans, sans-serif;
	background-image:-webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:-moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:-ms-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:-o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
	background-image:linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
}

body > footer a {
	color:#555;
}

body > footer a:hover {
	color:#b20000;
}

body > footer h2 {
	font:italic 14px/20px Aller, Helmet, Freesans, sans-serif;
	color:#999;
}

body > footer li {
	display:inline;
	margin:0px 5px;
}

body > footer p:first-child {
	font:20px/28px Aller, Helmet, Freesans, sans-serif;
	padding:0px 60px;
	text-align:left;
}

body > footer p:first-child:after {
	display:block;
	height:3px;
	margin:25px -60px;
	content:'';
	width:768px;
	background-image:-moz-linear-gradient(0% 67% 0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%); 
	background-image:-webkit-gradient(linear,0% 67%,100% 67%,color-stop(0, rgba(221,221,221,0)),color-stop(0.2, rgba(221,221,221,0.5)),color-stop(0.8, rgba(221,221,221,0.5)),color-stop(1, rgba(221,221,221,0)));
	background-image:-webkit-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-o-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:-ms-linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
	background-image:linear-gradient(0deg,rgba(221,221,221,0) 0%,rgba(221,221,221,0.5) 20%,rgba(221,221,221,0.5) 80%,rgba(221,221,221,0) 100%);
}

body > footer p:first-child .FlattrButton {
	float:right;
	margin-left:30px;
}

body > footer p:last-child {
	text-transform:uppercase;
	font:12px/20px Aller, Helmet, Freesans, sans-serif;
	color:#999;
	text-shadow:1px 1px 1px #fff;
	text-align:center;
}

body > footer p:last-child span {
	color:#b20000;
	font-size:20px;
	display:inline-block;
	vertical-align:-3px;
	margin:0px 2px;
	text-shadow:none;
}

body > footer #links {
	padding:20px 0px 8px;
	clear:both;
}

body > footer #friends {
	margin:10px 69px 0px;
	line-height:40px;
	text-align:left;
}

body > footer #friends li {
	width:200px;
	float:left;
	margin:0px 5px 10px;
	padding:4px;
	border:1px solid #eee;
	background:rgba(255,255,255,0.4);
}

body > footer #friends li a {
	display:block;
	padding-left:50px;
	background:url("images/friends.png") no-repeat;
	color:#555;
}

body > footer #friends li:nth-child(2) a { background-position:0px -40px; }
body > footer #friends li:nth-child(3) a { background-position:0px -80px; }
body > footer #friends li:nth-child(4) a { background-position:0px -120px; }
body > footer #friends li:nth-child(5) a { background-position:0px -160px; }
body > footer #friends li:nth-child(6) a { background-position:0px -200px; }

/**
 * HTML5 audio player
 */
.podlovewebplayer_wrapper {
	margin-bottom:25px;
}
 
.podlovewebplayer_meta .bigplay {
	width:75px !important;
	height:75px !important;
}

.togglers .infowindow, .togglers .infowindow:before {
	display:none !important;
}

/**
 * Tables
 */
table {
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:10px 0;
}

td {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 0;
}

/**
 * Rating
 */
.ec-stars-wrapper {
	font-size:0;
	display:inline-block;
	position:relative;
}

			.ec-stars-wrapper[data-tooltip]:hover:before {
				content: attr(data-tooltip);
				position: absolute;

				bottom: 90%;
				left: 50%;
				text-align: center;
				max-width: 100px;
				margin-left: -50px;
				
				background: rgba(0,0,0,.7);
				color: white;
				font-size: 10px;
				border-radius: 3px;
				padding:0px 10px;

			}
			.ec-stars-wrapper a {
				text-decoration: none;
				display: inline-block;
				font-size: 26px;
				color:#B20000;
			}

			.ec-stars-wrapper:hover a,
			.ec-stars-wrapper.is-voted a {
				color:#333;
				text-decoration:none;
			}
			.ec-stars-wrapper > a:hover ~ a {
				color:#B20000;
			}
			.ec-stars-wrapper a:active {
				color:#333;
			}

			.ec-stars-wrapper:hover .ec-stars-overlay {
				display: none;
			}
			
.ec-stars-value {
	font:12px/20px Aller, Helmet, Freesans, sans-serif;
	color:#999;
	margin:-5px 0 10px;
}

.ec-stars-value .item {
	display:none;
}

/**
 * Design for tablets
 */
@media all and ( max-width:768px ) {
	body > header {
		padding:20px 0 30px;
		margin-bottom:30px;
	}
	
	body > header h2 {
		width:280px;
		margin:0 auto;
	}
	
	body > header nav, body > section, body > footer {
		height:auto;
		width:100%;
	}
	
	body > header nav {
		background:none;
		position:absolute;
		right:20px;
		top:10px;
		width:40px;
		height:40px;
	}

	body > header nav #display-menu-label {
		display:block;
		width:40px;
		height:40px;
		background-color:#2C2C2C;
		background-image:-moz-linear-gradient(center top, #333333, #222222);
		background-repeat:repeat-x;
		border-radius:5px;
		color:#fff;
		text-align:center;
		font:normal 20px/40px Aller, Helmet, Freesans, sans-serif;
	}
	
	body > header nav #display-menu-label:before {
		content:'☰';
		display:block;
		padding-top:-40px;
	}

	body > header nav ul {
		font:bold 17px/38px Aller, Helmet, Freesans, sans-serif;
		display:none;
		position: absolute;
		background-color:#ffffff;
		border:1px solid #ccc;
		border:1px solid rgba(0, 0, 0, 0.2);
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		width:200px;
		text-align:left;
		z-index:9999;
		margin-left:-160px;
		margin-top:10px;
	}
	
	body > header nav ul:after {
		position:absolute;
		top:-6px;
		right:10px;
		display:inline-block;
		border-right:6px solid transparent;
		border-bottom:6px solid #ffffff;
		border-left:6px solid transparent;
		content:'';
	}
	
	body > header nav ul:before {
		position:absolute;
		top:-7px;
		right:9px;
		display:inline-block;
		border-right:7px solid transparent;
		border-bottom:7px solid #ccc;
		border-left:7px solid transparent;
		border-bottom-color:rgba(0, 0, 0, 0.2);
		content:'';
	}
	
	body > header nav #display-menu:checked ~ ul {
		display:block;
	}

	body > header nav li {
		display:block;
		border-bottom:1px solid rgba(0, 0, 0, 0.2);
	}
	
	body > header nav li:last-child {
		border:0;
	}
	
	body > header nav a:before {
		width:22px;
		display:inline-block;
	}
	
	body > header nav li a {
		margin:0px;
		padding:0px 15px;
		display:block;
	}

	body > header nav a:before {
		font:bold 20px/40px Aller, Helmet, Freesans, sans-serif;
		padding-right:6px;
	}
	
	body > section.post {
		padding:25px 20px 0px;
	}
	
	body > section.page {
		padding:0px 20px 0px;
	}
	
	body > section audio {
		width:100%;
		margin:-20px 0px 25px;
	}
	
	body > section article {
		margin:0px 0px 40px;
		padding:25px 20px 20px;
		border-bottom:3px solid rgba(221,221,221,0.5);
	}

	body > section article footer, body > section.post footer {
		position:absolute;
		margin:0 !important;
		right:20px;
	}
	
	body > section .content {
		padding:0;
	}
	
	body > section .content p:first-child {
		margin:10px 0px;
	}
	
	body > section .content p:nth-child(n+2) {
		width:100%;
		padding-bottom:10px;
		padding-right:140px;
	}
	
	body > section .content dl {
		width:100%;
		padding-right:140px;
	}
	
	body > section #comments {
		padding:20px 20px 0px; 
		margin:20px -20px 0px;
		border-top:3px solid rgba(221,221,221,0.5);
	}
	
	body > footer {
		padding:20px 20px 30px;
		background:rgba(255,255,255,0.4);
		border-top:3px solid rgba(221,221,221,0.5);
	}
	
	body > footer p:first-child {
		padding:0;
	}
	
	body > section article:after, body > section #respond, body > header nav:before, body > header nav:after, body > footer:before, body > footer p:first-child:after, body > footer h2, body > footer #friends {
		display:none;
	}
	
	body > section #list-of-episodes {
		padding-top:10px;
	}
	
	body > section #list-of-episodes li {
		display:block;
		float:none;
		margin-right:0px;
		margin-bottom:10px;
	}
	
	body > section #list-of-episodes li a {
		width:100%;
		height:auto;
	}

	body > section #list-of-episodes li:nth-child(3n) {
		float:none;
		margin-bottom:10px;
	}
}

/**
 * Design for phones
 */
@media all and ( max-width:420px ) {
	body > header {
		padding:15px 15px 20px;
		border-bottom:3px solid rgba(221,221,221,0.5);
	}
	
	body > header h1 {
		font:bold 40px/40px ff-mach-web-pro, Helmet, Freesans, sans-serif;
		text-align:left;
	}
	
	body > header h2 {
		font:italic 14px/16px Aller, Helmet, Freesans, sans-serif;
		text-align:left;
		margin:-5px 0 0;
		width:220px;
	}
	
	body > header nav {
		right:15px;
		top:-5px;
	}
	
	body > section > header.pagetitle h1 {
		text-align:left;
		padding:0px 15px;
	}
	
	body > section h1 {
		text-align:left;
		margin:0;
		font:bold 25px/30px ff-mach-web-pro, Helmet, Freesans, sans-serif;
		padding-right:70px;
	}
	
	body > section header p {
		text-align:left !important;
		padding:0 15px;
	}
	
	body > section article, body > section.post, body > section.page {
		padding:25px 15px 10px;
		margin-bottom:20px;
	}
	
	body > section.page {
		padding-top:0px;
	}
	
	body > section.page h1 {
		margin-bottom:10px;
	}
	
	body > section .content p:first-child {
		font:16px/20px Aller, Helmet, Freesans, sans-serif;
		text-align:left;
	}
	
	body > section .content p:nth-child(n+2) {
		padding-right:0px;
	}
	
	body > section article footer, body > section.post footer {
		width:60px;
		text-align:left;
		right:10px;
		top:0px;
	}
	
	body > section article footer ul, body > section article footer h2, body > section.post footer ul, body > section.post footer h2 {
		display:none;
	}
	
	body > section .content dl {
		padding-right:0;
	}
	
	body > section #comments {
		padding:20px 15px 0px; 
		margin:20px -15px 0px;
	}
	
	body > section #pager li {
		display:none !important;
	}
	
	body > section #pager li.next, body > section #pager li.prev {
		display:inline !important;
	}
	
	body > footer {
		padding:20px 15px 30px;
	}
	
	body > footer ul#links {
		text-align:left;
		margin-top:-5px;
	}
	
	body > footer ul#links li {
		display:block;
		margin:0 0 5px;
	}
	
	body > footer p {
		text-align:left !important;
	}
	
	body > footer p:first-child {
		font:16px/20px Aller, Helmet, Freesans, sans-serif;
	}
}