@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*end reset*/

/* colours:

orig green: #00c800
*/

body { background: url(/wp-content/themes/ost/src/images/dihu_bg.gif);
margin-top: 50px;
margin-bottom: 25px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:15px;
line-height:140%;
color:#00bb4f;
}

a { color:#00bb4f; text-decoration:none; }
a:hover { color:#7fdda7; text-decoration:none; border-bottom:solid 1px #7fdda7; }
a:active { color:#00bb4f; text-decoration:none; }

	
em {font-style:italic;}

::selection {background:#00bb4f; color:#fff;}
::-moz-selection {background:#00bb4f; color:#fff;}

h1 { font-family: 'Alegreya', Georgia, "Times New Roman", Times, serif;
font-size:84px;
font-style:italic;
color:#00bb4f;
}

.wrapper {width:100%;}

.headercontainer {width:680px; margin:0 auto;}
.nav {width:500px; margin:0 auto; margin-bottom: 75px;}
.nav li {float:left; display:block; padding: 0 50px 0 50px; }
.title {margin:0 auto; margin-bottom: 75px;}
.title h1 {text-align:center;}
.title a:hover { border: none; color:#00bb4f; }
.subhead {margin:0 auto; margin-bottom: 50px; margin-top: -10px; }
.subhead p {text-align:center;}


.contentcontainer {
	width:610px; 
	margin:0 auto; 
	padding:0 20px 20px 20px;  
	background-color:#fff; 
	margin-bottom: 50px;
	}
	
#pagecontent { width: 660px; }
	
#episode {
	position:relative; overflow:hidden;
	}
	
#episode li.eplist {
	padding:20px 0 20px 0px;
	border-bottom:dotted 1px #00bb4f; 
}
.comingsoon {font-family:'Alegreya', Georgia, "Times New Roman", Times, serif; 
	font-size:32px; 
	display:block; 
	text-decoration:none;
	color:#7fdda7;
	text-indent:30px;
	font-weight:400;
	background:url(/wp-content/themes/ost/src/images/dihu_arrow_comingsoon.png) 0px 23px  no-repeat;
	}
	
.episodetitle {font-family:'Alegreya', Georgia, "Times New Roman", Times, serif; 
	font-size:32px; 
	display:block; 
	text-decoration:none;
	color:#00bb4f;
	text-indent:30px;
	font-weight:400;
	background:url(/wp-content/themes/ost/src/images/dihu_arrow_inactive.png) 0px 3px  no-repeat;
	}
	
#episode .episodetitleactive { background:url(/wp-content/themes/ost/src/images/dihu_arrow_active.png) 0px 3px  no-repeat; }	
	
.episodetitle:hover {border-bottom:0px; color:#7fdda7; }
	
.episodedescription {display:none;}

.episodedescription p {padding-top:20px; padding-left:30px;}

.episodedescription a {border-bottom:solid 1px #00bb4f;}
.episodedescription a:hover {border-bottom:solid 1px #7fdda7; color:#7fdda7; }

.footer {width:680px;margin:0 auto;}

.footer p {text-align:center; padding-bottom:25px;}

#clear {clear: both}

.bump {  }

.player-container a { border: none; }
.player-container a:hover { border: none; }
#episode .player-container { padding: 0; margin: 30px 0 0 30px; }

.item { width: 206px; margin-right: 20px; float: left; text-align: center; }
#lastitem { margin-right: 0; }
.item h2 { font-size: 20px; margin-bottom: 15px; }
.item img { margin: 15px 0 20px 0; }
.item p { margin-bottom: 15px; }

.center { text-align: center; }
.margin { margin-bottom: 15px; }
#subscribe .contentcontainer { padding: 20px 0 25px 0; }

.date { text-align: right; display: block; float: right; width: 101px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:15px;  }

.sub { display: none; }



@media screen and (min-width: 1024px) {

.sub { display: block; position: absolute; top: 32px; right: 32px; background: url(/wp-content/themes/ost/src/images/sub.png) top left no-repeat; display: block; width: 162px; height: 162px; text-indent: -10000px; }

.sub:hover { background-position: bottom left; border: none; }

}