#body { background:white !important; }

hr {
	border-bottom: 2px dotted rgba(255,255,255,0.25);
}
/*#main { background:none !important; color:#d6dae9; padding-top:0; }*/

#main { background:none; padding:0; }
#body { background:#101624; }
#showlogo { width: 100%; height:75px; text-indent:-999999px; display:block; margin: 0 auto 1em; }

/*#main h1 { background: url(../images/heading.png) no-repeat scroll center bottom; color:#fff; padding:0 0 30px; font:2.8em "Times New Roman", Times, serif; float:left; width:100%; }
#main h1 strong { color:#8FA2ED !important; }
#main a { color:#FF7BFE }
#main strong { color:white; }*/

#submenu { height:auto; overflow:hidden; clear:both; margin-bottom:1em; }
#submenu li { float:right; clear:right; width:100%; margin-bottom:3px; }
#submenu a { display:block; padding:3%; font-size: 20px; line-height: 3em; text-align:center; color:#2638c4 !important; 
	background: white;
	font-weight: bold;
}
#submenu a strong { color:#E1A4C0 !important }
#submenu a:hover, #submenu a:focus, #submenu .sel a { text-decoration:none; color:#FFCC33 !important; }
#schedule ul { margin:0; padding:0; list-style:none;  color:white; }
#schedule li {  clear:left; margin-bottom:0.5em; }
#schedule img {  margin-right:15px; height: 30px; }

.action_share_link { color: #FFCC33; }
.action_share_link:visited { color: #FFCC33; }

#main .recentepisodes { clear:both; margin: 0; padding: 0; }


.twitter_link, .fb_link  a{ width: 140px; display: inline-block; vertical-align: top; }
.fb_link div { background: url( ../images/spritesheet.png ) -263px -90px; no-repeat; height: 30px; width: 30px; display: inline-block; margin-right: 10px; margin-top: 5px; }
.twitter_link div { background: url( ../images/spritesheet.png ) -265px -150px; no-repeat; height: 30px; width: 30px; display: inline-block; margin-right: 10px; margin-top: 5px; float: left; }

#show-next { width:100%; margin-bottom:1em;  }

#show-twitter						{ padding-top:2em; width:100%; }

.host {
		padding: 5px; 
		border-radius: 5px; 
		float:left; 
		margin:20px 20px 20px 0;
		position: relative;
}
#insiderail .host {
	width: 100%;
	padding: 0 5%;
	margin: 0;
}
#insiderail .host img {
	width: 100%;
}

.host figcaption {
	color: #aaa;
	text-align: right;
	position: absolute;
	left: 1em;
	right: 1em;
	bottom: 1em;
}


.host.shadow {
	text-shadow: 0px 0px 10px black;
}
.host.lighttext figcaption {
	color: white;
}
.host .heading {
}
.host span {
	font-size: 1.5em;
	line-height: 1.1;
	display: block;
}
.host .name {
	color: white;
}

.recentepisodes .tag { display: block; background: rgba(0,0,0,0.5); color: white; padding: 3px; max-width: 100px; text-align: center; }

.recentepisodes a:hover { text-decoration: none; }
.recentepisodes ul { list-style: none; margin:0; padding:0;}
.recentepisodes li { padding: 0px; margin: 0 0 10px 0;  }
.recentepisodes.webisodes li { padding-bottom: 20px; }
.recentepisodes.webisodes li .info { }
.recentepisodes.webisodes li:hover {  }
.recentepisodes p { color: black; }
.recentepisodes .fb-like { float: right; }
.recentepisodes .info{ width: 46%; padding: 1em 2%; display: inline-block;  vertical-align: top }
.recentepisodes img{ display: inline-block; vertical-align: middle; width: 44%; padding: 20px 2% 0; }
.recentepisodes .button { font-size: 12pt; width: 95%; padding: 5px; }
.recentepisodes .ep_air{ font-weight: bold; color: black; font-style: italic }

#future-videos a:hover { text-decoration: none; }
#future-videos ul { list-style: none; margin:0; padding:0;}
#future-videos li { padding: 5px; margin: 0 0 10px 0; background: #0b111f;  border-radius: 5px; }
#future-videos li:hover { background: #0b1113; }
#future-videos p { color: white; }
#future-videos .fb-like { float: right; }
#future-videos .info{ width: 46%; padding: 1em 2%; display: inline-block;  vertical-align: top }
#future-videos img{ display: inline-block; vertical-align: middle; width: 44%; padding: 20px 2% 0; }
#future-videos .button { font-size: 12pt; width: 95%; padding: 5px; }
#future-videos .ep_air{ color: #aaa; font-style: italic }



#recentextended .info-extended ul  { margin: 0; padding: 0; }
#recentextended .info-extended ul li { display: inline-block; width: 47%; margin-bottom: 3em;  }
#recentextended .info-extended ul li li { width: 100%;  margin: 0; }
#recentextended .info-extended ul li li img { width: 90%;  margin: 1em; }
#recentextended .info-extended ul li li a { width: 70%;  margin: 1em; }

.videos a:hover { text-decoration: none !important; }
.videos .throbber img { width: auto; }
#description { padding: 10px; }
#description h2 { color: black }
#description, #segments ul > li { background: white; border: #202634; border-radius: 10px;  color: black !important; } 
#segments img { width: 100%;  }
#segments .segment-title { font-weight: bold; font-size: 1.25em; color:black; }
#segments ul, #segments ol { list-style: none; margin: 0; padding: 0;}
#segments .info { display: inline-block; vertical-align: top; width: 100%; padding: 1em 0;  }
#segments .guests li { display: inline-block; margin: 0.5em 0; vertical-align: top; width: 45%;  }
#segments .guests .name { font-weight: bold; display: block; }
#segments .guests ol { border: 1px solid #333; border-left: none; border-right: none; border-radius: 10px; }
#segments .guests .guest  { display: inline-block; margin-top: 15px; width: 20px; height: 15px;  background: url(/themes/integrated/images/numbers.png) no-repeat }
#segments .guests .guest-1 { background-position: 0 0px; }
#segments .guests .guest-2 { background-position: 0 -14px; }
#segments .guests .guest-3 { background-position: 0 -28px; }
#segments .guests .guest-4 { background-position: 0 -42px; }
#segments .guests .guest-5 { background-position: 0 -56px; }
#segments .guests .guest-6 { background-position: 0 -70px; }
#segments .guests .guest-7 { background-position: 0 -84px; }
#segments .guests .guest-8 { background-position: 0 -98px; }
#segments .guests .guest-9 { background-position: 0 -112px; }
#segments .guests .guest-10 { background-position: 0 -126px; }
#segments .guests ol { padding-left: 20px; }

#segments .guests .title { /* font-size: 10pt; */ display: block; }
#segments .segment { padding: 1em; margin: 1em 0; }


#sharelinks span { display: inline-block; vertical-align: top; padding-top: 17px;   }
#sharelinks ul { list-style: none; margin: 0; padding: 10px 0 0!important; display: inline-block;  }
#sharelinks  li { display: inline-block; }
#sharelinks li a { display: inline-block; height: 30px; width: 35px;}
#sharelinks #share-facebook a { background: url( ../images/spritesheet.png ) -265px -90px no-repeat; }
#sharelinks #share-twitter a { background: url( ../images/spritesheet.png ) -265px -150px no-repeat; }
#sharelinks #share-pinterest a { background: url( ../images/spritesheet.png ) -265px -119px no-repeat; }
#sharelinks #share-google a { background: url( ../images/spritesheet.png ) -265px -60px no-repeat; }


#description #episode_num { color: black; display: block; font-weight: bold; }
#description #airdate { color: #777;  }
#description #description_text {  padding: 0.5em;  }


#segments img { /*padding-top: 10px;*/ }
#segments .info.full { padding-top: 0;  }
#segments .info.summary { cursor: pointer; }
#segments .info.summary  img { float: left; margin: 10px; }
#segments .info.summary .summary { display: block }
#segments .info .summary { display: none }
#segments .info .summary a { display: block; padding-top: 75px;  }
#segments .info .full { display: none }
#segments .info .full img { margin: 20px 10px; }
#segments .info.full .full { display: block }
#segments .segment-description { float: right; width: 60%; }
#segments .guests { clear: both; }


#segments > ul { padding: 0 !important; }

#segments .photos ul { list-style: none; padding: 0; margin: 0;  }
#segments .photos li { display: inline-block; padding: 0 2% 0 0; width: 23%; }
#segments .photos img { display: block; width: 100%; }

#segments .play, 
#segments .embed { display: block; }
#segments .play { background: url(../images/icon-play.png) 0 50% no-repeat; padding-left: 25px;  }
#segments .embed { background: url(../images/icon-embed.png) 0 50% no-repeat; padding-left: 25px;  }
#segments .share { background: url(../images/icon-link.png) no-repeat; padding-left: 25px;  }

#extra-information { width: 100%; clear: both;}
#extra-information h2 { width: 100%; }
#extra-information ol { list-style: none; margin: 0 !important; padding: 0 !important; }
#extra-information li { list-style: none; margin: 0; padding: 10px !important; background-color: #202634; display: inline-block;  border-radius: 10px; }



.noscript { display: none;  }
#main #fullepisodes { list-style: none; margin: 0; padding: 0; }
#fullepisodes li { display: inline-block; vertical-align: top; font-size: 13px; min-height: 12em; width: 28%; padding: 1em 2%; margin: 0 1% 1% 0;  border-radius: 5px; }
#fullepisodes img { display: block; width: 100%;    }
#fullepisodes a:hover {  text-decoration: none }

#fullsegments { list-style: none; margin: 0 !important; padding: 0 !important; }
#fullsegments li.segment  { display: block; vertical-align: top; min-height: 12em; clear: both; margin: 1em;  }
#fullsegments li.segment  img  { width: 35%; float: left; margin: 0 1em; }
#fullsegments li.segment  .title { display: block;   } 
#fullsegments li.segment  .episode-number { display: block; color: #eee; text-decoration: none;  } 
#fullsegments li.segment  .airdate { display: block; color: black; text-decoration: none;  } 
#fullsegments li.segment  p { display: block; color: black; text-decoration: none;  } 

.videos > li div[itemprop=description] { color: black;}

.fullsegments .pages { display: block; margin: 0; padding: 0; }
.fullsegments .pages  li { display: inline-block; margin: 0 5px; padding: 0; }

#extrasegments li { overflow: hidden;  display: block; padding: 5px; font-size: 0.8em; } 
#extrasegments img { display: inline; vertical-align: middle; padding-right: 0.5em; width: 3em;  }

#main ul.recipes { list-style: none; margin: 0; padding: 0; }
#main ul.recipes img { width: 100%; margin: 10px; border-radius: 10px;   }   
#main ul.recipes div { float: right; width: 75%; }   
#main ul.recipes li { display: inline-block; width: 18%; margin: 0.2em;  }

.videos li { list-style: none; }
#segments li { list-style: none; }
#main #mainbody .videos  { padding: 0;  }
#main .segment-links  a {  display: inline-block; }

.embed-wide {
	display: block; 
	width: 80vw; 
	max-width: 640px;
	padding-top: 56.5%;
	position: relative;
}
#embed2, #embed { 
	display: block; 
	width: 100%; 
	/*height: 220px; */
	aspect-ratio: 16/9;
	box-sizing: border-box;
	margin-right: 10px; 
	margin-right: 5%; 
	text-align: center; 
	vertical-align: middle; 
	background: black; 
	position: relative;
}
.embed-wide iframe, #embed iframe, #embed2 iframe, #embed video.direct-video {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.clickthrough {  height: 100% !important}
.clickthrough {cursor: pointer;}
.clickthrough .overlay { left: 49%; margin-top: 130px; position: absolute;  background: url(../images/playbutton.png) no-repeat; width: 55px; height: 70px; text-indent: -999in;   }
.clickthrough:hover .overlay { background-position: -56px 1px;}
.clickthrough iframe { display: none; ; }
.clickthrough img { width: 100%; }

body.lite #body { max-width:880px; padding-top:20px !important; }
body.lite #content, body.lite #container { max-width:960px !important; }

.blog-about { max-width: 28%; width: 250px; float: right; margin-left: 5%; margin-bottom: 20px; border: 1px solid #556; border-radius: 5px; padding: 10px; }
.blog-about img  { width: 100%; display: block;  padding: 0px 0; box-sizing: border-box; }

#related-segments ul, #related-segments li { padding: 0 !important; margin: 0 !important; list-style: none; }
#related-segments li { width: 45%; display: inline-block; margin: 10px !important; }
#related-segments li img { width: 100%; display: block; }

body #main  .cat-list  { margin: 10px 0; padding: 0; display: block;   }
.cat-list li { margin: 0; padding: 0; display: block; float: left; background: #202634; margin: 5px 5px; padding: 5px;  }

.recentepisodes li { overflow: hidden; clear: both; }
.recentepisodes .info-left { float: left; display: inline-block;  width: 50%; box-sizing: border-box; padding: 0 10px; overflow: hidden;}  
.recentepisodes .info-left div { text-align: center; background: #202634; margin: 10px 0;  }  
.recentepisodes .info-left img {  width: 100%;}  

#future-videos li { overflow: hidden; clear: both; }
#future-videos .info-left { float: left; display: inline-block;  width: 50%; box-sizing: border-box; padding: 0 10px; overflow: hidden;}  
#future-videos .info-left div { text-align: center; background: #202634; margin: 10px 0;  }  
#future-videos .info-left img {  width: 100%;}  


body #main #mainbody.showfull { width: 100%; }
	#body #submenu li #showlogo { background-size: 100% auto !important; background-position: center center !important  }
	#body #showbanner { text-align: center; display: block;}
	#body #showbanner img { max-width: 900px; display: inline-block }

@media screen and (max-width:800px) {
	#body #submenu li #showlogo { background-size: auto 100% !important;  }
}
@media screen and (min-width:480px)
{
}

@media screen and (max-width:960px) {
	body #extended .info { width: 100%; }
	body #extended .overlay { display: none; }
	body #extended .info a { width: 100%;  box-sizing: border-box;  }
}
@media screen and (min-width:560px)
{ 
	#mainbody { width:62%; }
	#insiderail { width:33%;  }

}

@media screen and (min-width:760px)
{ 
	#search,
	/*#submenu 				{ float:right; width:29%; clear:right; } */
	#show-twitter 			{ float:right; margin-left:20px; width:35%;  }
	#showlogo { float: left; }
}

@media screen and (min-width:960px)
{ 
	#submenu a 				{ padding:2%; }
	#main #fullepisodes { width: 67%;}
  #showlogo { width:250px;}

	/* #embed, #embed2 { height: 250px; } */
}

@media screen and (min-width:1060px)
{
	#mainbody { width:68%; }
	#submenu,
	#search,
	#insiderail { width:28%; }
	/*#embed2, #embed { height: 326px; } */
	#segments img { width: 35%; }
	#segments .info { width: 100%;  padding: 0;}
	
	#submenu { width: 100%; display: flex; padding-bottom: 20px; }
	#submenu li{ width: auto; padding-left: 3px; clear: none; float: none; display: inline-block; flex: 1; padding-right: 50px; vertical-align: top; }
}

#fancybox-content { max-width: 100%; }
#fancybox-content >div { max-width: 100%; }
iframe { max-width: 100%; }

.segment-location {
  overflow: hidden;
  display: block;
  background: #eef0f5;
  border-radius: 0px;
  margin: 10px 0;
  padding: 10px;
}

.location-information {
  float: left;
}
.location-map {
  float: right;
}
.location-map iframe {
  height: 200px;
  margin: 10px;
}

.segment-location  img {
  max-width: 200px;
  float: left;
  margin: 10px;
}


@media screen and (max-width:960px) {
  .location-information {
    float: none;
  }
  .location-map {
    float: none;
  }
}
/* #partnerPlayer { min-height: 360px;  } */
/* #embed  #partnerPlayer { height: 360px; min-height: auto; } */

