/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -59px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	padding-bottom: 10px;
	text-align: center;
	height: 59px; /* .push must be the same height as .footer */

	
}


.badge {
bottom: 40px;
background-position: left top;
background-repeat: no-repeat;
position: relative;
height:59px;
width:122px;
background-image: url(/img/stitcher_logo.png);
float:right;
padding: 5px;

}

/*

end Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

a {
	text-shadow: 0px 1px 2px #303030;
	text-decoration:none;
	color: #17e500;
}

a:hover {
	color: lime;
	text-decoration:none;
	text-shadow: 0px 1px 3px #303030;
}
body {
font-family: "Gill Sans", Arial, sans-serif;
letter-spacing: 1px;
font-size: 1.2em; 
  margin:0; 
}

.page_white {
background: #fff; 
color: #333333;
}

.page_lime {
background-color: lime;
color: #333333;
}

.page_cyan {
background-repeat: repeat-x;
background-color: #4697d7;
color: #333333;
}

.page_purple {
background: #91278f;
color: #fff200;
}

.page_brown {
color: #fff800;
background-color: #903821;
}



.page_orange {
color: #fff800;
background-color: #e77b35;
}

#logo_purple {
height: 200px;
width: 199px;
background-image: url(/img/logo_purple.jpg);
margin-left:auto;
margin-right: auto;
}

#logo_white {
height: 200px;
width: 199px;
margin-left: auto;
margin-right: auto;
background-image: url(/img/logo_white.jpg);
}
#logo_title {
margin-bottom: 10px;
margin-top: 10px;
width: 400px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-image: url(/img/podaroo.png);
}
/*here's the main buttons for the podcast subjects and their container*/
.container {
margin-top: 5px;
width: 670px;
height:212px;
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
}

.shout {
background-repeat: no-repeat;
background-position: 0 bottom;
width: 700px;
height:auto;
color:#fff349;
background-image: url(../img/shout.png);
text-align: center;
display: block;
position: relative;
margin-left: auto;
margin-bottom: 5px;
margin-right: auto;
}

.shout_shadow {
left: 3px;
top: 0px;
z-index: 800;
background-position: 0px top;
position: absolute;
margin-left: auto;
margin-right:auto;
background-image: url(../img/shout_shadow.png);
background-repeat: no-repeat;
width: 694px;
height: 39px;

}

.shout ul {
	padding-bottom: 5px;
	padding-top: 5px;
	width: 670px;
	list-style-position: inside;
	list-style-image: url(../img/roo.png);
}


.big_button {
margin: 7px;
display: block;
position: relative;
float: left;
/*background-image:url(../img/big_button.png);*/
width: 220px;
height: 217px;
}

.label {
width: 212px;
height: 165px;
margin:3px;}

.label_text {
text-align: center;
margin-right: 42px;
margin-left: 42px;
width:158px;
}

.nav_button {
margin-right: 20px;
margin-left: 20px;
width: 195px;
height: 58px;
}


/*here's the text box style- a container, a top a bottom, a middle and an inner text container*/

.main {
	width:700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;	
}

.middle {
	padding-bottom: 5px;
	color: #513f40;
	text-align: center;
	width:685px;
	border-left-color: #0e7dc2;
	border-right-color: #0e7dc2;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 7px;
	border-left-width: 7px;
	background-color: #f0e7ae;
}

.inner {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
}

.inner a {
color: #91278f;
text-shadow: none;
}


.inner a:hover {
	color: #ff3366;
}.top {
	width: 700px;
	height: 28px;
	background-image:url(/img/div_top.png)
}

.bottom {
	width: 700px;
	height: 28px;
	background-image:url(/img/div_bottom.png)
	}

.top_white {
	width: 700px;
	height: 28px;
	background-image:url(/img/div_top.jpg)
	}

.bottom_white {
	width: 700px;
	height: 28px;
	background-image:url(/img/div_bottom.jpg)
	}
	
.top_purple {
	width: 700px;
	height: 28px;
	background-image:url(/img/purple_top.jpg)
	}

.bottom_purple {
	width: 700px;
	height: 28px;
	background-image:url(/img/purple_bottom.jpg)
	}
	
/*end text box*/

.recorder {
width:500px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
margin-bottom:20px;
text-align: center;}

h1 {
	line-height: 30px;
	color: #0e7dc2;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	letter-spacing: normal;
	font:28px/36px "Gill Sans", Arial, sans-serif;
	font-weight:bold;
	}

.footer {
padding-left: 122px;
text-align: center;
margin-right:  auto;
margin-left: auto;

}

.nav {
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-color: #0e7dc2;
	border-bottom-color: #0e7dc2;
	border-bottom-width: 7px;
	border-top-width: 7px;	
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 5px;
	height: 60px;
	width: auto;
	background-color: #fff349;
}

.nav_container {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

.input {
	background-color: #f0e7ae;
	color:#666;
	margin:5px;
}

.maillist {
	font-size: 12px;
	border-color: #494949;
	border-width: 1px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.stripe {
background-color: #fff;
}

.episodes {
margin-right: 5px;
margin-left: 5px;
margin-top:10px;
}

.episodes p {
	padding-top: 10px;
	line-height: 21px;
	font-size: 16px;
	padding-bottom: 10px;
	margin-top: 10px;
	text-align: left;
	padding-left: 5px;
	padding-right:5px;
}

.sharethis {
line-height: 21px;
text-align:left;
font-size: 14px;
}

.date {
	font-size: 14px;
	color: #0e7dc2;
}

.ep_title {
	background-position: 0 bottom;
	font-size: 21px;
	color: red;
}

.shout ul li {
padding-left: 20px;
}

.shout ul li .ep_title {
	font-weight:bold;
	line-height: 18px;
	margin-top: 10px;
	top: 0px;
	font-size: 18px;
	color:#f7971e;
}

.shout ul li .date {
	line-height: 18px;
	margin-top: 10px;
	margin-right: 10px;
	top: 0px;
	font-size: 18px;
	color:#f7971e;
}

.description {
	text-align:left;
	line-height: 18px;
	margin-top: 10px;
	top: 0px;
	font-size: 18px;
}

.ep_number {
padding-right: 3px;
padding-left: 4px;
padding-bottom: 3px;
padding-top: 3px;
text-align: center;
background-repeat: no-repeat;
color: white;
font-size: 12px;
background-color: #91278f;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.about {
padding:10px;
font-size:16px;
text-align:left;
}

.episodes p a img  {
display:block;
position:relative;
width:auto;
margin-left:auto;
margin-right:auto;
}


.roo_logo {
background-repeat: no-repeat;
background-image: url(/img/logo.png); height:157px; width: 148px; margin-left: auto; margin-right: auto;}

.about p{
margin-top:10px;
}
.about li{list-style-position: inside; list-style-image: url(../img/star.png);
padding: 5px;}
.about em{color: #0e7dc2;}

.subscribe {
text-align: center;
font-size:24px;
}
.logo_text {
	padding-top: 10px;
}