html {
	background:#311531 url(../images/home/html.gif) top left repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	position:relative;
	width:1075px;
	margin:0 auto;
	padding:75px 0 0;
	background:url(../images/moon.png) top right no-repeat;
}

a {
	text-decoration:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Controls the BR tag, which makes the WRAPPER float stretch for GECKO */
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

#container {
	position:relative;
	width:/*875px;   TOTAL */965px;
	margin:0 auto 200px;
	/*padding:50px 0 0 0px;*/
}

#adspace {
	position:relative;
	z-index:20;
	width:728px;
	height:90px;
	margin:0 auto;
}

/***** BRANDING *****/
#branding {
	position:relative;
	text-indent:-9999px;
}

#logo {
	position:absolute;
	top:-30px;
	left:-145px;
	z-index: 5;
}

/***** NAV *****/
#nav {
	position:relative;
	margin:5px 0 10px 107px;
	width:755px;
	height:50px;
	z-index:21;
}
#nav ul {
	float:left;
}
#nav li {
	float:left;
}
#nav li a {
display:block;
height:50px;
text-indent:-9999px;
background: url(../images/nav.png) 0 0 no-repeat;
}

#nav li#episodes a {
	width:150px;
	background-position: 0 0;
}
#nav li#episodes a:hover {
	background-position: 0 -50px;
}
#nav li#family a {
	width:150px;
	background-position: -150px 0;
}
#nav li#family a:hover {
	background-position: -150px -50px;
}
#nav li#buy a {
	width:180px;
	background-position: -300px 0;
}
#nav li#buy a:hover {
	background-position: -300px -50px;
}
#nav li#mobile a {
	width:125px;
	background-position: -480px 0;
}
#nav li#mobile a:hover {
	background-position: -480px -50px;
}
#nav li#share a {
	width:150px;
	background-position:-605px 0;
}
#nav li#share a:hover {
	background-position:-605px -50px;
}

#main {
	position:relative;
	background-color:#000;
	margin: 75px 0 0 130px;
}
#main p, #main a {
	color: #EFF6E0;
	font-size:12px;
}
#main p {
	line-height:1.5;
}
#main a {
	text-decoration:underline;
}
/* fixes weird image 4-5 pixel gap bug */
#main img {
	display:block;
}
#main h1 {
	position:absolute;
	top:-40px;
	left:-20px;
	text-indent:-9999px;
}

/***** CONTACT US *****/
#contact #main {
	padding:50px 30px 190px;
	width:525px;
}
#contact #main p {
	font-size:14px;
}
#contact #main h1 {
	width:285px;
	height:65px;
	background:url(../images/contact/h2.png) top left no-repeat;
}
#contact h3 {
	position:absolute;
	bottom:20px;
	left:110px;
	width:250px;
	height:130px;
	background:url(../images/contact/bubble.gif) top left no-repeat;
}
#contact-info {
	margin:25px 0;
}
#contact-info p {
	font-size:14px;
}
#contact-info strong {
	font-size:20px;
}

#contact #main img {
	position:absolute;
	bottom:-56px;
	right:-130px;
}
#contact #footer {
	margin-top:200px;
}

/***** CREDITS *****/
#credits #main img {
	position:absolute;
	bottom:0;
	left:350px;
}
#credits .highlight {
	color:#900;
}

/***** PLAYER/PLAYLIST *****/
/*---------------------------------*/
#episodes h1 {
	position:absolute;
	left:-999px;
}
#episodes #container {
	background: url(../images/episodes/container.png) 20px 200px no-repeat;
}
#featured-container {
	position:relative;
	padding:10px 10px 15px 10px;
	width:745px;
	margin:0 auto;
	background-color:#000;
	color:#FFF;
}
#featured-container img {
	display:block;
}
#featured-episode {
	width:480px;
	margin:5px 0 0 0;
}

#featured-chapters ul li div {
position:relative;
overflow:hidden;
cursor:pointer;
}
#featured-chapters ul li div b {
position:absolute;
top:50%;
left:50%;
margin:-17px 0 0 -17px;
width:34px;
height:34px;
background:url(../images/play_icon.png) 0 0 no-repeat;
}


.playlist .row ul li strong {
display:block;
width:100%;
}
.playlist .row ul li span {
display:block;
}

.kaltura-player {
	width:480px;
	height:392px;
	background-color:#000;
}
body#episodes dl, body#featured dl {margin:5px 0 0;padding:0;}
body#episodes dt, body#featured dt {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:normal;
}
body#episodes dd, body#featured dd {
	margin:0;
	padding:0;
	font-size:12px;
}
#featured-chapters {
	position:absolute;
	top:65px;
	left:510px;
	width:220px;
}
#featured-chapters h3 {
	width:155px;
	height:40px;
	background:url(../images/episodes/episodes-extras.gif) top left no-repeat;
	text-indent:-9999px;
}
#featured-chapters ul ul {
	margin:10px 0 0;
}
#featured-chapters li {
	margin-bottom:10px;
}
#featured-chapters div.info {
	float:right;
	font-size:.8em;
	width:70px;
	margin:10px 30px 0 0;
}
#featured-chapters .jScrollPaneContainer div.info {
	margin:10px 15px 0 0;
}
#featured-thumbs {
	height:300px;
}
#more-thumbs {
	width:600px;
}
#other-container {
	width:725px;
	margin:25px auto 0;
	padding:15px 20px 10px;
	background-color:#000;
	color:#ECF5D9;
}
#other-container h3 {
	width:725px;
	height:50px;
	background:url(../images/episodes/episodes-more.gif) top left no-repeat;
	text-indent:-9999px;
}
#other-container ul {
margin:10px 0 0;
}
#other-container li {
	cursor:pointer;
	float:left;
	width:115px;
	margin-right:20px;
}
#other-container li.comingsoon {
	cursor:default;
}
#other-container ul li div {
	position:relative;
}
#other-container ul li.comingsoon div b {
position:absolute;
top:0;
left:0;
margin:0;
width:115px;
height:85px;
background:url(../images/episodes/comingsoon.png) 0 0 no-repeat;
}

#other-container .info p {
	font-size:10px;
}

/**********
FEATURED
**********/
#featured h1 {
	position:absolute;
	left:-999px;
}

#featured h2 {
margin:0 0 10px;
}

#featured #featured-chapters {
	position:absolute;
	top:65px;
	left:510px;
	width:220px;
}

/**********
MOBILE
**********/
body#mobile #main {
	padding:10px 20px 10px;
	margin:0 auto 50px;
	width:735px;
}
#mobile p {
	font-size:14px;
}
#mobile #main h2 {
	background:url(../images/mobile/h2.gif) top left no-repeat;
	width:735px;
	height:70px;
	text-indent:-9999px;
}

#mobile div.mobile-content {
	background-color:#000;
	margin:15px 0 0;
	border-bottom:1px solid #1d1b1b;
	padding: 0 0 10px;
	
}
#mobile .mobile-content div.ringtone {
	
}
#mobile object { display:block; margin:10px 0 0; }
#mobile h3 {
	display:inline;
	background-color:#1d1b1b;
	padding:3px;
	border:1px solid #bbd359;
	color:#FFF;
	font-size:.9em;
	text-transform:uppercase;
}
#mobile .media {
	margin:5px 0 0;
}
#mobile table td { padding-right:10px; }

/**********
SHARE
**********/
body#share #main {
	padding:30px 20px 10px;
	margin:125px auto 50px;
	width:625px;
}
body#share #main p, body#share #main a {
	color:#eff6e0;
	font-size:14px;
}

body#share p {
	margin-bottom:20px;
}
body#share #main h1 {
	left:-999px;
}
body#share #main h2 {
	position:absolute;
	top:-110px;
	left:-5px;
	width:680px;
	height:140px;
	background:url(../images/share/h2.png) top left no-repeat;
	text-indent:-9999px;
}
body#share #main img {
	position:absolute;
	bottom:125px;
	right:50px;
}

body#share form {
	color:#EFF6E0;
}
body#share fieldset {
	border:none;
}
body#share label {
	display:block;
	margin:5px 0 0;
	font-size:12px;
}
body#share .error { font-size:11px; color:#900; display:inline; margin:0 0 0 5px; }
body#share input#email {
	width:250px;
}
body#share .form-left, body#share input#firstname, body#share input#lastname {
	float:left;
	clear:left;
}
body#share textarea {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
body#share div#submission {
	width:400px;
}
body#share #submit {
	float:left;
}
body#share div#loading {
	background:url(../images/share/ajax-loader.gif) 0 0 no-repeat;
	margin: 0 0 0 10px;
	width:28px;
	height:28px;
	float:left;
	display:none;
}

/***** TERMS / LEGAL *****/
#terms #main {
	padding:50px 20px 10px;
	width:740px;
}
#terms #main p, #terms #main a {
	color:#eff6e0;
	font-size:12px;
}

#terms #main h1 {
	width:335px;
	height:75px;
	background:url(../images/terms/h2.png) top left no-repeat;
}
#terms ol, #terms ul {
	color:#EFF6E0;
	font-size:12px;
}
#terms ol {
	list-style-type:decimal;
}
#terms ol ul {
	list-style-type:circle;
	margin: 10px 40px;
	
}

#terms ol ol li {
	list-style-type:lower-alpha;
}

#terms #footer {
	margin: 10px 0 0;
}

/***** PRIVACY *****/
#privacy #main {
	padding:50px 20px 10px;
	width:740px;
}
#privacy #main h1 {
	width: 350px;
	height: 65px;
	background:url(../images/privacy/h1.png) top left no-repeat;
}
#privacy #main p, #privacy #main a {
	color:#eff6e0;
	font-size:12px;
}
#privacy #footer {
	margin: 10px 0 0;
}


/*---------------------------------*/


/***** FOOTER *****/
#footer {
padding:5px;
}
#footer ul {
	text-align:center;
}
#footer li {
	display:inline;
	width:auto;
	padding:0 0 0 12px;
	background: url(../images/footer-dot.png) no-repeat 0 50%;
	font-size:12px;
}
#footer li.first {
	padding:0;
	background:none;
}
#footer li a {
	color:#ECF5D9;
}
#footer li a:hover {
	text-decoration:underline;
}
#footer p {
  color:#ECF5D9;
  font-size:0.6em;
  margin:2px 0 0;
}