/*
Theme Name: Nonzero Mobile
Template: nz-desktop
*/
/*
	This file is applied to BhTV and MoLtv MOBILE
	For MoLtv MOBILE, nz-mobile/style-override.css is ALSO applied
	For BhTV MOBILE, no other CSS file is applied - ONLY this one
	This file is NOT applied to BhTV or MoLtv DESKTOP
*/
/* =RESET */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
ol { 
	margin-left: 1.4em; 
	list-style: decimal; 
}
img {
	border: 0;
	max-width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	/* Make new HTML5 block-level elements render as such (some browsers don't support them yet) */


/* =HIDE ON MOBILE */

.hide-on-mobile {
	display: none;
}


/* =OVERALL FONT */

body {
	line-height: 1.2;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif; 
	font-size: 100%;
	-webkit-text-size-adjust: 100%;   /*prevent font scaling in landscape*/
}
h1 { font-weight: bold; }
h2 { font-weight: bold; }
h3 { font-weight: bold; }
h6 { font-weight: bold; }


/* =COLORS */

.navbar h3,
footer #theme-switch
	{ background-color: #686791; }

h3.program-slug
	{ background-color: #FCD07E; }

.sister h3.program-slug
	{ background-color: #C7DDF9; }

a, a:visited
	{ color: #1f107b; }


/* =HYPERLINKS (no hover or active in mobile!) */

a { text-decoration: none; }

.blurb a, .blurb a:visited,
.deck a, .deck a:visited,
#page p a, #page p a:visited,
.navbar li,
.page-nav,
#theme-switch a
	{ font-weight: bold; }

.nav-menu .current-menu-item a
	{ color: #990000; font-style: italic; }

a.page-numbers
	{color: gray;}

.dropit li a,
#theme-switch a
	{ color: white; }

#videopage #tabs a:link,
#videopage #tabs a:visited
	{ color: inherit; }


/* =HEADER */

header {
	background-color: #3D3D3D;
	overflow: hidden;
}
#header-wrapper {
	overflow: hidden;
	margin: 4px;
}
#header-left {
	position: relative;
	float: left;
	width: 51%;
}
#header-left .row-top {
	overflow: hidden;
}
#header-right {
	float: right;
	width: 48%;
}
#logo img {
	float: left;
	height: 30px;
	width: auto;
	margin-top: 1px;
}

	/* SEARCH FORM */

#search-tool input {
	width: 100%;
	margin-top: 5px;
}
#searchform {
	color: red;
}
#searchform input#s {
	background-color: #656565;
	color: white;
	font-weight: bold;
	border: none;
	width: 100%;
	box-sizing: border-box;
	padding-left: 8px;
	line-height: 1.5;
	font-size: 12px;
}
#searchform #search-icon {
	display: none;
}
::-webkit-input-placeholder {color:#D6D6D6;}
:-moz-placeholder {color:#D6D6D6;}
:-ms-input-placeholder {color:#D6D6D6;}


	/* NAVIGATION MENU */

.navbar h3 {								/* menu titles, all */
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	color: white;
	font-size: 70%;
}
#menubar {
	width: 48%;
	float: right;
}
#progbar.navbar h3,							/* menu titles on right */
#datebar.navbar h3 {						/* height + padding-top = x */
	height: 24px;
	padding-top: 8px;
}
#menubar.navbar h3 {						/* height + padding-top = x */
	height: 27px;
	padding-top: 5px;
	/*height: 32px;*/
	/*padding-top: 0;*/
}
#datebar.navbar h3 {
	margin-top: 3px;
}
#progbar.navbar h3:before,					/* triangles, down-triangle */
#datebar.navbar h3:before {
	content: "\25BC\2009";
	font-size: 150%;
	vertical-align: -13%;
	/*font-size: 120%;*/
	/*vertical-align: 2%;*/
}
#menubar.navbar h3:before {					/* hamburger */
	content: "\2261\a0";
	font-size: 180%;
	vertical-align: -12%;
	/*content: "\2261\2009";*/
	/*font-size: 200%;*/
	/*vertical-align: -5%;*/
}
.nav-menu,									/* entire menus, all */
.nav-menu ul {
	display: none;
	list-style-type: none;
	margin: 0;
}
.nav-menu li {								/* menus items, all */
	background-color: white;
	border: 2px solid #d3d3d3;
	border-top: 0;
	margin-top: 0;
	padding: 4px 2px;
	font-size: 0.75em;
}
.nav-menu .year-break {
	border-top: 2px solid #bc360a;
}
.nav-menu .post-count {
	display: none;
}

	/* NAV TOGGLE ON, when menu is dropped down */

#progbar.navbar.toggled-on h3:before,
#datebar.navbar.toggled-on h3:before {
	content: "\25B2\2009";   				/* up-triangle */
}
.toggled-on .nav-menu,
.toggled-on .nav-menu ul,
.toggled-on .nav-menu ul li {
	display: block;
}


/* =FOOTER */

footer {
	margin-top: 16px;
}
footer #theme-switch {
	margin-bottom: 8px;
	padding: 6px 0;
	text-align: center;
}
footer #theme-switch {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: 1px;
}
footer #copyright img {
	display: inline;
	width: 36px;
}
footer #copyright p {
	display: inline;
	vertical-align: 80%;
	margin-left: 2px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	font-size: 85%;
}
footer .follow-box {
	float: right;
	margin-top: 3px;
}
footer .follow-box img {
	max-width: 34px;
	margin-left: 5px;
}


/* =PAGINATION */

.page-nav {
	text-align: right;
	margin: 10px 0;
	font-size: 70%;
	text-transform: uppercase;
}
.page-numbers {
	padding: 4px 6px;
	margin: 0 2px;
	border: 1px solid #d3d3d3;
}
.prev, .next {
	padding: 4px 4px;
}

.dots {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 70%;
}
.current {background-color:gray; color: white;}

#archives #nav-bottom .page-nav {
	margin-bottom: 0;
}


/* =LISTS */

ul  {
	list-style-type: square;
	margin: 6px 0 6px 20px;
}
ul li {
	margin-top: 2px;
	font-size: 90%;
}
ul li p {
	display: inline;
}


/* =BUTTONS */

.push-button,
.play-button {
	background-color: #e4e4e4;
	padding: 5px 6px 4px 6px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 76%;
}
.feature .play-button {
	padding: 0;
}
#videopage .play-button {
	margin: 6px 12px 0 12px;
}
#archives #archives-top .push-button {
	float: right;
	width: 30%;
	padding: 8px 0 6px 1px;
	margin-bottom: 2px;
	font-size: 60%;
}
#archives #archives-bottom .push-button {
	display: inline-block;
	min-width: 88px;
	margin-right: 4px;
	padding: 5px 3px 4px 3px;
	font-size: 65%;
}
#forum .push-button {
	width: 130px;
	margin-top: 8px;
	padding-top: 2px;
	font-size: 90%;
}
#forum-thread .push-button {
	width: 210px;
	margin-top: 8px;
}


/* =FOLLOW & SUBSCRIBE ICONS */

.podcast-icon {
	background-color: #3F1681;
}
.email-icon {
	background-color: #666666;
}
.facebook-icon {
	background-color: #3B5998;
}
.twitter-icon {
	background-color: #55acee;
}


/* =NEWS BOX */

#news-box {
	padding-top: 6px;
	padding-bottom: 8px;
}
#news-box h2 {
	border-top: 6px solid #d3d3d3;
	padding-top: 6px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 1.1em;
}
#news-box p {
	text-indent: 1em;
	font-size: 80%;
}
#news-box p:first-of-type {
	text-indent: 0;
}
#news-box .question {
	font-style: italic;
}
#news-box .question::before {
	content: "Q:\00a0";
	font-weight: bold;
	font-style: normal;
}
#news-box .answer::before {
	content: "A:\00a0";
	font-weight: bold;
}


/* =VIDEO */

#player-container {
	position: relative;
}
#home #player-container {
	position: relative;
	float: left;
	width: 50%;
	margin-right: 6px;
}
video,
canvas {
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
}
video {
	position: absolute;
	height: 100%;
}


/* =FEATURES */

	/* BIG FEATURE ON HOMEPAGE */

#big-feature {
	overflow: hidden;
	padding-bottom: 4px;
}
#big-feature-unexpanded {
	overflow: hidden;
}
#big-feature h1 {
	margin-bottom: 4px;
}
#big-feature .deck {
	font-size: 80%;
}
#big-feature img.sister {
	margin-bottom: 3px;
}
#big-feature table {
	width: 100%;
	border-collapse: collapse; 
}
#big-feature td {
	vertical-align: top;
}
#big-feature .play-button {
	display: block;
	background-color: #e4e4e4;
	padding: 4px;
	text-align: center;
	font-size: 65%;
}
#big-feature td.cell-left {
	width: 50%;
}
#big-feature td.cell-right {
	padding-left: 4px;
}

	/* SMALL FEATURES */

.feature {
	margin-top: 3px;
	border-top: 6px solid #d3d3d3;
	padding-top: 2px;
}
.feature table { 
	border-collapse: collapse; 
}
.feature td {
	vertical-align: top;
}
.feature h1 {
	margin-bottom: 3px;
	font-size: 80%;
}
.feature .deck { 
	margin-bottom: 2px;
	font-size: 75%;
}
.feature .play-button {
	display: block;
	background-color: #e4e4e4;
	padding: 4px;
	text-align: center;
	font-size: 65%;
}
.feature td.cell-left {
	width: 40%;
	padding-right: 4px;
}
.feature h3.program-slug {
	padding: 1px 1px 0 3px;
	margin-bottom: 2px;
	color: black;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 70%;
}


/* =TOPICS */

#topics-or-blurb-display {
	display: none;
}

#home .topics-or-blurb-area {
	margin-top: 6px;
	font-size: 80%;
}
.topics-or-blurb-area .blurb {
	font-size: 90%;
}
.topics-or-blurb-area .duration-spacer {
	margin-left: 2px;
	visibility: hidden;
	font-size: 0.1em;
}
.topics-or-blurb-area .duration {
	color: #3d3d3d;
	font-size: 80%;
}
#archives .topics-or-blurb-area {
	display: none;
	margin-top: 4px;
}
#archives .topics-or-blurb-area ul li {
	margin-top: 0;
}


/* =VIDEOPAGE */

	/* PROGRAM NAME & SUBSCRIBE LINKS (over video) */

#videopage #video-header {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 90%;
	text-transform: uppercase;
	font-weight: bold;
}
#videopage #video-header table {
	width: 100%;
}
#videopage #video-header table td {
	vertical-align: bottom;
}
#videopage #video-header td#subscribe-link {
	text-align: right;
	font-size: 85%;
}
#videopage td img {
	width: 18px;
	margin-left: 1px;
	vertical-align: -20%;
}
#videopage h2 {
	background-color: #e4e4e4;
	padding: 4px 8px;
	margin-bottom: 4px;
	font-size: 80%;
}

	/* DATES, DOWNLOADS, SOCIAL LINKS, TRANSCRIPT */

#videopage #dates-twitter-downloads {
	margin-top: 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 85%;
	font-weight: bold;
}
#videopage #dates {
	margin-bottom: 6px;
	overflow: hidden;
}
#videopage .date-label {
	margin-right: 6px;
	font-weight: normal;
	text-transform: uppercase;
}
#videopage #twitter {
	margin-top: 5px;
}
#videopage #twitter img {
	height: 18px;
	width: auto;
	margin-left: 8px;
	margin-right: 1px;
	vertical-align: -20%;
}
#videopage #downloads {
	margin-top: 10px;
}
#videopage #downloads .download-item {
	display: inline;
	margin-left: 6px;
	padding: 2px 5px;
	border: 1px solid #d3d3d3;
}
#transcript-link {
	margin-top: 12px;
	line-height: 1.3;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size: 0.85em;
}

	/* TABS */

#tabs {
	overflow: hidden;
	height: 24px;
	margin-top: 16px;
	margin-bottom: 6px;
	border-bottom: 4px solid #e4e4e4;
}
#tabs h2 {
	float: left;
	display: inline;
	margin-left: 10px;
	padding: 6px 12px 6px 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 80%;
}

	/* COMMENTS TAB SELECTED */

#videopage #comments {
	display: block;
}
#videopage #tab-comments {
	background-color: #808080;
	color: white;
}
#videopage #links {
	display: none;
}
#videopage #tab-links {
	background-color: #e4e4e4;
	color: #808080;
}

	/* LINK TO NON-VIDEO PAGE */

#videopage #comments .comment-thread-link {
	font-style: italic;
	font-size: 85%;
}

	/* LINKS MENTIONED */

	/* POST NAME FOR SEO */

#videopage h6 {
	margin-top: 12px;
	margin-bottom: 6px;
	font-size: 75%;
}


/* =ARCHIVES */

	/* ARCHIVES TOP SECTION */

#archives .archive-item,
#archives #nav-bottom {
	margin-top: 4px;
	border-top: 4px solid #d3d3d3;
}
#archives-top {
	overflow: hidden;
}
#archives #archives-top h2 {
	float: left;
	width: 69%;
	margin-top: 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 80%;
	text-transform: uppercase;
}
#archives #archives-top h2 .date-head {
	text-transform: none;
}
#archives #archives-top .search-term {
	margin-left: 6px;
	color: #990000;
	text-transform: none;
}
.no-match {
	margin-top: 18px;
	color: maroon;
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
}

	/* ARCHIVE ITEMS */

#archives .archive-item {
	font-size: 90%;
}
#archives .archive-item-top {
	overflow: hidden;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}
#archives .archive-item img {
	float: left;
	width: 29%;
	margin-right: 8px;
}
#archives .archive-item-top-text {
	overflow: hidden;
}
#archives .archive-item-date {
	margin-top: 3px;
	font-style: italic;
	font-size: 90%;
}
#archives .archive-item-names {
	margin-bottom: 2px;
}
#archives .archive-item-program {
	text-transform: uppercase;
	font-size: 90%;
	margin-top: 0;
	padding-top: 0;
}

	/* ARCHIVES BOTTOM SECTION */

#archives #archives-bottom {
	margin-top: 6px;
	overflow: hidden;
}
#archives #archives-bottom h2 {
	font-size: 95%;
}
#archives #archives-bottom .program-description p {
	margin-top: 1px;
	font-style: italic;
	font-size: 80%;
}
#archives #archives-bottom img {
	width: 22px;
	margin-top: 4px;
	margin-right: 1px;
	vertical-align: -15%;
}
#archives #archives-bottom h3 {
	display: inline;
	margin-bottom: 4px;
	font-size: 80%;
}


/* =PAGES */

#page h1 {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	font-size: 125%;
}
#page h2 {
	margin-top: 16px;
	font-size: 105%;
}
#page h3 {
	margin-top: 12px;
	font-style: italic;
	font-size: 90%;
}
#page p, #page li {
	font-size: 90%;
}
#page p {
	margin-top: 8px;
}
#page h2+p,
#page h3+p
{
	margin-top: 6px;
}
#page li {
	margin-top: 4px;
}
#page li.first {
	margin-top: 8px;
}
#page hr {
	margin-top: 12px;
}
#page .footnote {
	margin-top: 12px;
	border-top: 1px solid black;
	padding-top: 6px;
	font-style: italic;
	font-size: 75%;
}


/* =ABOUT */

#masthead h1 {
	margin-top: 16px;
	border-top: 4px solid #d3d3d3;
	padding-top: 10px;
	margin-bottom: 8px;
	font-size: 105%;
}
#masthead h2 {
	margin-top: 8px;
	margin-bottom: 2px;
	margin-right: 15px;
	font-size: 95%;
}
#masthead td {
	vertical-align: baseline;
	font-size: 80%;
}


/* =CONTACT */

#contact {
	background-color: #F5F5F5;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	overflow: hidden;
	margin-bottom: 8px;
}
#contact h1 {
	margin-bottom: 12px;
	text-align: left;
	font-size: 100%;
}
#contact p {
	margin-top: 0;
	line-height: 2;
}
#contact .formitem {
	margin-top: 6px;
	font-weight: bold;
}
#contact .formitem label {
	display: block;
	margin-left: 4px;
	font-size: 80%;
}
#contact input {
	width: 100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#contact textarea {
	width: 100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 2px;
	height: 80px;
}
#contact .formitem .error,
#contact p.error {
	color: red;
}
#contact p.error {
	padding-bottom: 4px;
	font-weight: bold;
}
#contact input#sendCopy {
	width: auto;
	margin-top: 10px;
	margin-right: 0;
	vertical-align: -5%;
	font-size: 100%;
}
#contact label.sendCopyLabel {
	font-size: 75%;
}
#contact button {
	display: block;
	margin-top: 8px;
}
.screenReader {
	left: -9999px;
	position: absolute;
	top: -9999px;
}


/* =FORUM INDEX */

#forum {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}
#forum h2 {
	margin-top: 8px;
	margin-bottom: 4px;
	font-size: 90%;
}
#forum table {
	width: 100%;
	margin-bottom: 8px;
	border-collapse: collapse;
	font-size: 70%;
}
#forum td, #forum th {
	height: 20px;
}
#forum th {
	text-align: left;
}
#forum td, #forum th {
	min-height: 100px;
	border: 1px solid #d3d3d3;
	padding: 2px;
	vertical-align: top;
}
#forum .col4 {
	text-align: center;
}


/* =FORUM THREADS */

#forum-thread input#new_topic_title {
	width: 100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#forum-thread #place_holder p {
	margin-top: 6px;
	font-size: 90%;
}
#forum-thread #place_holder form {
	margin-top: 14px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 80%;
}
#forum-thread #place_holder input#submit_button {
	margin-top: 6px;
	margin-bottom: 24px;
	text-transform: uppercase;
	font-size: 90%;
}


/* =MOREVIDEO */

#morevideo {
	margin-top: 10px;
}
#morevideo embed, iframe {
	width: auto;
	max-width: 100%;
	height: auto;
}
#morevideo h1 {
	margin-bottom: 6px;
	font-size: 90%;
}
#morevideo h2 {
	margin-top: 16px;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-size: 90%;
}
#morevideo ul li {
	margin-top: 6px;
}


/* =SUBSCRIBE */

#subscribe h2 {
	display: none;
}
#subscribe h2 img {
	display: none;
}
#subscribe table {
	width: 100%;
	margin-top: 16px;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: bold;
}
#subscribe td {
	font-size: 0.75em;
}
#subscribe .col-head td {
	border: 2px solid #d3d3d3;
	border-bottom: none;
	text-align: center;
	font-size: 0.75em;
	padding-bottom: 3px;
	padding-top: 6px;
}
#subscribe .col-head td.col1 {
	border: none;
}
#subscribe .subscribe-link {
	background-color: #666666;
	text-align: center;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#subscribe .subscribe-link a {
	color: white;
	font-weight: normal;
}
#subscribe .subscribe-link:hover {
	background-color: maroon;
}
#subscribe .subscribe-link:active {
	background-color: red;
}


/* =SUBSCRIBE POP-UPS */

.popup {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events: none;
}

.popup:target {
	opacity: 0.97;
	pointer-events: auto;
}

.popup > div {
	position: relative;
	height: auto;
	margin: 10% auto;
	padding: 16px;
	background-color: #E8E8E8;
	border-radius: 8px;
}

.popup h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.1em;
}

.popup p {
	margin-bottom: 8px;
	font-size: 0.95em;
}

.popup input,
.popup textarea {
	width: 95%;
	margin-bottom: 8px;
	font-size: 0.7em;
}

.close {
	background: #990000;
	color: white !important;
	position: absolute;
	text-align: center;
	bottom: 12px;
	right: 16px;
	width: 20px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px;
}

.close:hover {
	background: gray;
}


/* =TRANSCRIPT */

#page .transcript table {
	margin-top: 20px;
}
#page .transcript p {
	font-size: 0.9em;
}
#page .transcript th {
	vertical-align: text-top;
	padding-right: 1em;
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.75em;
}
#page .transcript td {
	padding-top: 8px;
	vertical-align: text-top;
	text-align: left;
	font-size: 0.85em;
}
#page .transcript td p {
	margin-top: 8px;
	font-size: inherit;
	font-style: inherit;
}


/* =RETIRED */

#retired {
	margin-top: 12px;
	margin-left: 8px;
}
#retired h1 {
	text-transform: uppercase;
}
#retired ul {
	margin-top: 6px;
}


/* =STANDARD LAYOUT */

#wrapper {margin: 4px;}