/*============================================================
 Reset
============================================================*/
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, font, 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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
body {
	height:100%;
	line-height:1;
	}
ol, ul {
	list-style:none;
	}
blockquote, q {
	quotes:none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
	}

/* remember to define focus styles! */
:focus {
	outline:0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
	}
del {
	text-decoration:line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
	}

/*============================================================
 Generics
============================================================*/
html { height:100%;	}
body {
	font:13px/18px Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
	background:url('/img/bg_main.png') repeat-x #FCFBED;
	color:#666;
	}

b, strong {
	font-weight:bold;
	line-height:1;
	}
i, em { font-style:italic; }

a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration:none;}
a img { border:0; }

h1,h2,h3,h4,h5,h6,p {font-weight:normal;}
h1 {font-size:24px; letter-spacing:-0.04em;}
h2 {font-size:21px; letter-spacing:-0.02em;}
h3 {font-size:18px; letter-spacing:-0.01em;}
h4 {font-size:16px;}
p { }


.clear {
	clear:both;
	display:block;
	height:0px;
	margin:0; padding:0;
	overflow:hidden;
	font-size:0px;
	}
	
.hide  { display:none; }
.clear { clear:both; }

/* Footer */
/* ------------------------------------------------------- */
#footer {
	height:50px;
	background:url('/img/footer_dino.png') 50% 0 no-repeat #CAE0BA;
	}

/* Header */
/* ------------------------------------------------------- */
#header {
	background:url('/img/bg_episodes-hills.png') bottom repeat-x;
	}
#header .inner {
	position:relative;
	display:block;
	width:860px; height:750px;
	margin:0 auto;
	background:url('/img/bg_header.png') 50% 0 no-repeat;
	}

#header .subscribe {
	position:absolute;
	display:block;
	top:10px; left:40px;
	width:220px; height:70px;
	padding-top:28px;
	background:url('/img/header_title-subscribe.png') 30px 0 no-repeat;
	}
#header .subscribe a.itunes {
	float:left;
	display:block;
	width:105px; height:38px;
	margin-right:8px;
	background:url('/img/header_btn-itunes.png') no-repeat;
	overflow:hidden;
	text-indent:-200px;
	}
#header .subscribe a.rss {
	float:left;
	display:block;
	width:88px; height:38px;
	background:url('/img/header_btn-rss.png') no-repeat;
	overflow:hidden;
	text-indent:-200px;
	}

#header .contact {
	position:absolute;
	display:block;
	top:10px; right:56px;
	width:224px; height:70px;
	padding-top:28px;
	background:url('/img/header_title-contactus.png') 40px 0 no-repeat;
	}
#header .contact a.email {
	display:block;
	width:224px; height:38px;
	background:url('/img/header_btn-email.png') no-repeat;
	overflow:hidden;
	text-indent:-220px;
	}
	
#header .dave {
	position:absolute;
	display:block;
	top:328px; left:67px;
	width:220px; height:220px;
	}
#header .dave a.twitter {
	position:absolute;
	display:block;
	bottom:-12px; left:0;
	width:141px; height:54px;
	background:url('/img/avatar_dave-twitter.png') 0 0 no-repeat;
	overflow:hidden;
	text-indent:-200px;
	}
#header .dave a.twitter:hover {
	background-position:-141px;
	}
#header .mike {
	position:absolute;
	display:block;
	top:368px; left:352px;
	width:220px; height:220px;
	}
#header .mike a.twitter {
	position:absolute;
	display:block;
	bottom:0; left:-10px;
	width:162px; height:41px;
	background:url('/img/avatar_mike-twitter.png') 0 0 no-repeat;
	overflow:hidden;
	text-indent:-200px;
	}
#header .mike a.twitter:hover {
	background-position:-162px;
	}
#header .bee {
	position:absolute;
	display:block;
	top:305px; right:73px;
	width:170px; height:220px;
	}
#header .bee a.twitter {
	position:absolute;
	display:block;
	bottom:-17px; right:5px;
	width:124px; height:56px;
	background:url('/img/avatar_bee-twitter.png') 0 0 no-repeat;
	overflow:hidden;
	text-indent:-200px;
	}
#header .bee a.twitter:hover {
	background-position:-124px;
	}
	
#header .brief {
	position:absolute;
	display:block;
	bottom:70px; left:0; right:0;
	width:100%; height:60px;
	margin:0 auto;
	color:#718491;
	font-size:19px;
	text-align:center;
	letter-spacing:-0.01em;
	}
	
#header .theepisodes {
	position:absolute;
	display:block;
	bottom:-24px; left:0; right:0;
	width:190px; height:60px;
	margin:0 auto;
	background:url('/img/episodes_title.png') center no-repeat;
	overflow:hidden;
	text-indent:-300px;
	}


/* Episodes */
/* ------------------------------------------------------- */
#episodes {
	padding:100px 0 5px 0;
	background:#CAE0BA;
	}
#episodes .inner {
	position:relative;
	display:block;
	width:780px; 
	margin:0 auto;
	}
	
#episodes .episode {
	position:relative;
	display:block;
	width:780px; 
	margin:0 auto 100px;
	}
#episodes .episode .dateRow {
	position:relative;
	display:block;
	padding:0 15px;
	font-size:14px;
	line-height:32px;
	color:#855F85;
	}
#episodes .episode .dateRow .episodeNumber {
	position:absolute;
	display:block;
	top:-41px; left:302px;
	width:167px; height:74px; 
	z-index:200;
	}
#episodes .episode .dateRow .runtime {
	position:absolute;
	display:block;
	top:0; right:15px;
	width:160px; height:32px; 
	color:#7B8E5C;
	font-size:13px;
	line-height:32px;
	text-align:right;
	}
	
#episodes .episode .gutsRow {
	position:relative;
	display:block;
	height:284px;
	padding:15px;
	background:url('/img/bg_episode-container.png') no-repeat;
	}
#episodes .episode .gutsRow .textBlock {
	float:left;
	display:block;
	width:350px; height:280px;
	margin-right:20px;
	}
#episodes .episode .gutsRow .textBlock h2.title {
	margin:0 0 10px;
	color:#fff;
	font-size:24px;
	line-height:28px;
	}
#episodes .episode .gutsRow .textBlock span.description p {
	padding-bottom:30px;
	color:#E3D7E3;
	font-size:13px;
	line-height:19px;
	}
#episodes .episode .gutsRow .textBlock span.description p a {
	color:#fff;
	}
#episodes .episode .gutsRow .textBlock .music {
	position:absolute;
	display:block;
	bottom:60px; left:16px;
	width:350px; height:40px; 
	background:url('/img/episode_text-divider.png') bottom no-repeat;
	color:#E3D7E3;
	font-size:12px;
	}
#episodes .episode .gutsRow .textBlock .music span {
	display:block;
	color:#B59AB5;
	font-size:11px;
	line-height:13px;
	}
#episodes .episode .gutsRow .textBlock .mediaRow {
	position:absolute;
	display:block;
	bottom:20px; left:16px;
	width:350px; height:26px; 
	}
#episodes .episode .gutsRow .textBlock .mediaRow a.downloadLink {
	float:left;
	display:block;
	width:75px; height:26px;
	background:url('/img/episode_btn-mp3.png') 0 0 no-repeat;
	overflow:hidden;
	text-indent:-200px;
	}
#episodes .episode .gutsRow .textBlock .mediaRow a.downloadLink:hover {
	background-position:-75px;
	}
#episodes .episode .gutsRow .textBlock .mediaRow .player {
	float:left;
	display:block;
	margin:1px 0 0 10px;
	}