/*
Theme Name: KQED Quest clear child theme 
Theme URI: http://blogs.kqed.org/science
Description: KQED Quest Child theme
Author: Update Content
Template: clear-theme
Version: 1.0
*/



@import url("../clear-theme/style.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* New Child Theme styles by Update Content */

/* These styles override clear-theme/style.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
            background-image: url(img/kqed-quest-bg-header.png) !important;
            background-origin: padding-box;
            background-size: auto;
          }

#quest-hd-tools .social h2 {
font-weight: normal;
font-size: 15px;
color: #231f20 ;
}




#quest-hd-tools .social li {
    margin-left: 8px;
}

#facebook-quest-header {
  background-image: url("img/icon-facebook-quest.png") !important;
  width: 26px;
  height: 26px;
  text-indent:-9999px;
  display:block;

}

#twitter-quest-header {
  background-image: url("img/icon-twitter-quest.png");
  width: 26px;
  height: 26px;
  text-indent:-9999px;
  display:block;

}

#googleplus-quest-header {
  background-image: url("img/icon-google-quest.png");
  width: 26px;
  height: 26px;
  text-indent:-9999px;
  display:block;

}



a, a:link, a:visited { color: #EB5926; }

.post-title a, .post-title a:link, .post-title a:visited {
	color: #586B73;
	text-decoration: none;
	font-size: 22px;
	line-height: 1.3;
}


a:hover, a:focus, 
h3.post-title a:hover, 
h2.post-title a:hover,
h4.post-source a:hover, 
.hentry h2.post-title a:hover
{ color: #B8D433; }

.entry h1, .entry h2, .entry h3 { color: #586B73; } 


a img { border: none; }

.entry img.thumbnail { max-width: 300px; }

.single .meta { border: 0 none; }

#column-left-team {
float: left;
width: 375px;
margin: 0 10px 0 0;
}

#column-right-contributors {
float: left;
width: 220px;
}

.widget .textwidget { padding: 0; }

#sidebar .featuredquestpost { position: relative; margin: 0 0 8px; }
#sidebar .featuredquestpost h3 a { position: absolute; bottom: 20px; left: 20px; color: #fff; text-shadow: black 0.1em 0.1em 0.2em; }
#sidebar .featuredquestpost img.thumbnail { float: left; }
#sidebar .featuredquestpost .post { padding: 0; margin: 0; }

#sidebar .featured-quest-post .post {
padding: 0px;
background: #EC5926;
color: #fff;
}
.no-title {
display: none;
}


.catposts-quest-widget .post a, .catposts-quest-widget .post a:link, .catposts-quest-widget .post a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	line-height: 1.3;
	text-shadow: black 0.1em 0.1em 0.2em;
	display: block;
	}
	
.catposts-quest-widget .entry {
margin: 31% 0 0 0;
}


.mf-featured-link {
}

.catposts-quest-widget .post {
  border-bottom: 0 none;
  display: block;
  float: left;
  margin: 0 0 10px;
  min-height: 164px;
  padding: 9px;
  position: relative;
}

#catposts-quest-widget-2 
{border: 0 none;
padding: 0:
margin: 0;
}

#catposts-quest-widget-2 .cat-posts-widget {
margin: 0;
padding: 0;
}

#sidebar .featured-quest-post  .post p {
  padding: 0px 9px;
}

.featured-quest-post img.thumbnail {
  width: 300px;
}

#sidebar .widget.subscribebox {
  background: #586B73;
  color: #fff;
  padding: 0 0 9px 7px;
}

#sidebar .widget.subscribebox .textwidget { padding:0; }

#sidebar .widget.subscribebox h3.widgettitle {
	color: #fff;
}

#page { padding: 4px 0 20px; }

.about-widget-1 {
width: 31%;
float: left;
margin: 0;
padding-right: 3.5%;}

#sidebar .widget ul li.pdf { list-style-image: url('img/pdficon_small.png'); }

.page-template-page-education-php .widget li.pdf {
list-style-type: none;
margin: 0;
padding: 8px 5px 5px 30px;
border-bottom: 1px dotted #ddd;
background: url(img/pdficon_small.png) 5px 6px no-repeat;
}

#featured-post-3 h3.widgettitle, #catposts-quest-widget-2 h3.widgettitle {
display: none;
}

.series {
margin: 16px;
width: 30%;
float: left;
height: 420px;
}
.right { float: right; }
#special_series { position: relative; }
#special_series .series-overlay { position: absolute; top: 0; left: 0; height: 360px; width: 250px; background: url(img/special_bg.png); padding-left: 20px;padding-right: 20px; }
#special_series .series-overlay h1 { color: #fff; padding: 15px 0 15px 0; line-height: 100%; }
#special_series .series-overlay p { color: #fff; padding: 0; margin: 0; font-size: 16px; }

.explainers {
width: 31%;
float: left;
margin: 0;
}

.explainers .entry img.thumbnail, .series .entry img.thumbnail {
max-width: 100%;
}

.post-by-3 .hentry {
clear: none;
margin: 0 7px 20px;
padding: 0;
}

.wp-caption {
border: 0px none;
text-align: left;
padding-top: 5px;
margin: 0 10px 10px;
font-style: italic;
}

.wp-caption p.wp-caption-text {
padding: 5px 0;
margin: 0;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* New Child Theme styles by Update Content part II */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




.flexslider .slide-container { padding: 0; }
.flex-caption .excerpt { margin: 0 0 5px 0; height: 100%;}

.meta { font-size: 10pt; }
#text-36 .textwidget { padding:0; }

.flexslide-custom-controls li a.flex-active, .flexslide-custom-controls li a.active, .flexslide-custom-controls li a:hover {
  opacity: 1;
  background: url("img/bg-orange-button.png") 0 0 no-repeat;
  color: #fff;
}

.flexslide-custom-controls li a {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DDDDDD;
  display: block;
  float: left;
  height: 22px;
  list-style-type: none;
  margin: 0;
  opacity: 0.4;
  padding: 0 0 0 6px;
  width: 22px;
}

.flexslider .feature-video .video { padding-bottom: 0 !important; }

.map {
	margin:0;
	padding:0;
	width:280px;
	height:250px;
	background:url(img/map.jpg) top left no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
	position: relative;
}

.map li {
	margin:0;
	padding:0;
	list-style:none;
	border: none;
}

.map li a {
	position: absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(img/blank.gif);
	text-decoration:none;
	color:#000;
}

.map li a span { display: none; }

.map li a:hover span {
	position:absolute;
	display:block;
	width:100px;
	left:20px;
	top:20px;
	border:1px solid #000;
	background:#fff;
	padding:5px;
	z-index: 9999;
}

.map a.northwest {
	top:20px;
	left:20px;
	width:50px;
	height:50px;
}

.map a.northerncali {
	top:88px;
	left:0;
	width:50px;
	height:50px;
}

.map a.nebraska {
	top:85px;
	left:125px;
	width:50px;
	height:50px;
}

.map a.wisconsin {
	top:65px;
	left:165px;
	width:50px;
	height:50px;
}
.map a.ohio {
	top:80px;
	left:200px;
	width:50px;
	height:50px;
}
.map a.northcarolina {
	top:111px;
	left:225px;
	width:50px;
	height:50px;
}

.edu { background: url("img/icon-edu.png") no-repeat 0 0; margin: 25px 0; }

.edu h2 {
	letter-spacing:0;
	font-size: 31px;
	margin:0;
	padding: 5px 15px 0 55px;
	background-image: none;
	color: #586B73;
	}
.edu h3 { font-size: 18px; padding: 0 15px 15px 55px; font-weight: normal; }
#ngss { width: 74%; float: left; background: #F1F4F6; height: 135px; margin-bottom: 25px; }
#ngss h3 { color: #586B73; width: 80%; }
#ngss img { background: none; padding: 5px 15px 0 5px; }
#ngss ul li { padding: 0; }

#ngss ul li a.ngss-last { margin-right: 0;  } 
#ngss li a:hover { background: #9AC23B; }
#ngss li a.practices { line-height: 3em; }
#cte { width: 25%; float: right; background: #F1F4F6; height: 135px; margin-bottom: 25px; }
#cte img { background: none; padding: 5px 15px 0 5px; }
#cte ul li { padding: 0; }
#cte ul li a { font-weight: bold; color: #fff;  background: #9AC23B; text-align: center; height: 50px; float: left; width: 98%; padding-top: 10px; margin-top: 10px; }
#ngss ul li a { font-weight: bold; color: #fff;  background: #F7941E; text-align: center; width: 30%; margin-right: 1%; float: left; height: 50px; padding: 10px 5px 0; margin-top: 10px; } 
#cte li a:hover { background: #F7941E; }
#ngss ul li a#current_edu { background: #fff !important; color: #F7941E !important; border-top: 2px solid #F7941E; border-left: 1px solid #F7941E; border-right: 1px solid #F7941E; }
#cte ul li a#current_edu { background: #fff !important; color: #9AC23B !important; border-top: 2px solid #9AC23B; border-left: 1px solid #9AC23B; border-right: 1px solid #9AC23B; }
 

.attachment-post-thumbnail { width: 100%; padding: 5px 0 5px 0; }

.wrap { max-width: 960px; margin: 0 auto; }
#footer { background: #000; padding: 25px 25px; color: #fff; text-align: left; }
.nsf { float: left; width: 275px; font-size: 1.3em; }
.nsf p { padding-top: 10px; }
.nsf a.logo {
background: url("img/nsf-logo.png") no-repeat scroll left center transparent; display: block; float: left; height: 60px; padding: 0 10px 0 0; width: 60px; }
#footer .nsf a { color: #fff; font-weight: bold; }
#footer #footer-menu { float: right; font-size: 1.4em; padding-top: 7px; }
#footer #footer-menu li { float: left; border-right: 1px solid #666; list-style: none; padding: 2px 10px 2px 10px; }
#footer #footer-menu li#menu-item-54241, #footer #footer-menu li#menu-item-60845 { border: none; }
#footer #footer-snub-menu { float: left; padding: 0; font-size: 1.2em; }
#footer #footer-snub-menu li { float: left; list-style: none; padding: 2px 5px 2px 5px; }
#footer #footer-snub-menu li.copyright { color: #999; }

#footer .social { float: right; width: 180px; }
#footer .social h2 { float: left; font-size: 1.2em; color: #999; font-weight: normal; }
#footer .social ul li { float: left; list-style: none; padding-left: 5px; }
#top { background-image: url("img/icon-top.png"); display: block; height: 26px; text-indent: -9999px; width: 26px; }


.featured-roll a { background: #B8D433; display: inline-block; z-index: 99; }
.featured-roll a img:hover  { opacity:0.5; filter:alpha(opacity=50); }

.post-by-2, .archive-title, .content { border: none; }
.page_header { padding-bottom: 20px; }

.team { width: 60%; float: left; padding-right: 3%; }
.team_member {
  background: none repeat scroll 0 0 #F1F4F6;
  margin-bottom: 17px;
  padding: 15px 17px 1px;
}
.team_member img { float: left; height:100px; width: 100px; margin: 0 5px 5px 0; }
.team_member h3 { padding:0; margin: 0; }
.team_member h4 { padding:0; margin: 0 0 10px; font-style:italic; font-size: 12px; font-weight: normal; color: #333; }
.team_member p { font-size: 12px; } 

 .contributors {
  float: left;
  width: 35%;
  overflow: auto;
}



.page-template-page-about-php .contributors {
  float: right;
  height: 3100px;
  width: 35%;
  padding-top: 206px;
}
.contributors ul li img { width: 40px; height: 40px; float: left; padding: 0 5px 5px 0; }
.page-template-page-about-php .contributors-scroll {
  border: 1px solid #CCCCCC;
  height: 3030px;
  overflow: auto;
  padding: 8px;
  width: 83%;
}
.page-template-page-about-php .team { width: 60%; float: none; padding-right: 3%; }

.entry .symple-toggle .symple-toggle-trigger { color: #EB5926 !important; }
.entry .symple-toggle .symple-toggle-trigger:hover, .active { background: #F1F4F6 !important; }
.entry .symple-toggle .symple-toggle-container { border: none !important; font-size: 12px; }
.entry { border: none !important; }

.page-template-page-about-php #alumni {
	overflow: hidden;
	width: 100%;
}

.alumni li { float: left; width: 30%; height: 75px; }


.page-template-page-about-php #alumni strong {
display: block;
}

.page-template-page-about-php #design {
}


.page-template-page-about-php .post ul {
}

.page-template-page-about-php .post ul li {
font-size: 12px;
background: none;
padding: 0 10px 5px 0;
margin: 0;
}

.page-template-page-about-php .post ul li strong { font-size: 14px; }

.page-template-page-about-php img.about-gravatar {
float: left;
margin: 0 10px 10px 0;
}

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

#special_cov_hd { padding-top: 10px; }



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Migrated slider from original QUEST site */

/* These styles are from the original theme quest/style.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.slider-prev { position:absolute; top:135px; left:20px;  width:22px; height:39px; background:url('images/slider-prev.png') no-repeat 0 0; } 
.slider-next { position:absolute; top:135px; right:20px; width:22px; height:39px;  background:url('images/slider-next.png') no-repeat 0 0; } 
/* ---------[ Narrow Featured Content Slideshow ]--------- */

#slider-wrap-narrow {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #DDDDDD;
height: 450px;
margin: 0 0 25px -12px;
overflow: hidden;
padding: 0 0 22px;
position: relative;
text-align: left;
width: 664px;
z-index: 1;
	}

#slider-wrap-narrow #slider {
	overflow:hidden;
	width:664px;
	height:450px;
	background:#fff;
	}

#slider-wrap-narrow #slider ul, 
#slider-wrap-narrow #slider li {
	margin:0;
	padding:0;
	list-style:none;
	}

#slider-wrap-narrow #slider li { /* define width and height of list item (slide) - entire slider area will adjust according to the parameters provided here */ 
	width:664px;
	height:450px;
	overflow:hidden;
	background:#fff;
	}

#slider-wrap-narrow #slider li .feat-content {  
	width:664px;
	height:450px;
	overflow:hidden;
	display:block;
	z-index:2;
	position:relative;
	text-align:center;
	}
	
#slider-wrap-narrow #slider li a img { width:664px; height:374px; }

#slider-wrap-narrow #slider li .entry {
	border:0;
	z-index: 3;
	color:#fff;
	margin:0 auto;
	width:650px;
	padding: 0 10px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	font-size:9pt;
	text-align:left;
	}

#slider-wrap-narrow #slider li .entry p {
color: #000000;
font-size: 1.2em;
line-height: 110%;
margin: 0;
padding: 0;
	}
#slider-wrap-narrow #slider li .entry .post_info { 
font-size: 1em;
font-style: italic;
margin: 10px 0 0;
 }

#slider-wrap-narrow #slider li .entry h2.post-title,
#slider-wrap-narrow #slider li .entry h2.post-title a, 
#slider-wrap-narrow #slider li .entry h2.post-title a:link,
#slider-wrap-narrow #slider li .entry h2.post-title a:visited,
#slider-wrap-narrow #slider li .entry h2.post-title a:hover,
#slider-wrap-narrow #slider li .entry h2.post-title a:active  {
color: #FFFFFF !important;
font-size: 33px;
font-weight: bold;
letter-spacing: 0;
line-height: 36px;
margin: 0 0 26px;
padding: 0;
text-shadow: 0.1em 0.1em 0.2em black;
	}


#slider-wrap-narrow ol#controls {
	position:absolute;
	bottom:7px;
	right:7px;
	list-style:none;
	margin:0 auto;
	clear:both;
	z-index:5;
	}

#slider-wrap-narrow ol#controls li {
	margin:0; 
	padding-right:3px;
	float:left;
	list-style:none;
	}

#slider-wrap-narrow ol#controls li a,
#slider-wrap-narrow ol#controls li a:link,
#slider-wrap-narrow ol#controls li a:visited {
	font-size: 0; line-height: 0; text-indent: -4000px; width:8px; height:7px; float:left; display:inline; background:url('images/slider-nav.png') no-repeat 0 0;
	}

#slider-wrap-narrow ol#controls li a:hover,
#slider-wrap-narrow ol#controls li a:active,
#slider-wrap-narrow ol#controls li.current a,
#slider-wrap-narrow ol#controls li.current a:link,
#slider-wrap-narrow ol#controls li.current a:visited,
#slider-wrap-narrow ol#controls li.current a:hover,
#slider-wrap-narrow ol#controls li.current a:active {
	background:url('images/slider-nav-active.png') no-repeat 0 0;
	}

#slider-wrap-narrow ol#controls li a:focus, 
#slider-wrap-narrow #prevBtn a:focus, 
#slider-wrap-narrow #nextBtn a:focus {
	outline:none;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* We need to eliminate redundancies now that we have combined 4 stylesheets */

/* SCI-Clear/style.css // http://www.kqed.org/lib/css/header-footer.css // clear-theme/style-kqed.css // SCI-Clear/custom.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


body {
     background: url("img/kqed-quest-bg-header.png") no-repeat center top !important; 
}

body#interior-2col-r.mobile, body#interior-2col.mobile, body#interior2.mobile, body#interior.mobile, body#home.mobile {
    background: !important;
}
body#interior-2col-r.device-mobile, body#interior-2col.device-mobile, body#interior2.device-mobile, body#interior.device-mobile, body#home.device-mobile {
    background-image: !important;
}
body#home div#content {
    padding-top: 9px;
}


h2.feature-title, h3.widgettitle, h2.feat-title, h1.archive-title {
background: none;
}



#quest-header {
  font: 13px/15px arial,helvetica,clean,sans-serif;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 1020px;
  z-index: 999;
}


#quest-header h1, #quest-header h2, #quest-header ul, #quest-header ol, #quest-header input, #quest-navbar h1, #quest-navbar h2, #quest-navbar h3, #quest-navbar h4, #quest-navbar ul, #quest-navbar ol, #quest-navbar p, #quest-navbar input {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    letter-spacing: 0;
    font-family: arial,  helvetica,  clean,  sans-serif;
}
#quest-header ul {
    line-height: 15px;
}

#quest-masthead {
  padding: 24px 3% 0;
  width: 94%;
}

*+html #quest-masthead {
    position: relative;
    margin-bottom: 14px;
}

#quest-masthead h1 {
  float: left;
}

#quest-logo {
    background-image:url("img/logo-Quest.png");
    display:block;
    height:64px;
    text-indent:-9999px;
    width:208px;
}

#quest-masthead h2 {
  	float: left;
	margin: 31px 0 0 20px;
}

#quest-tagline {
    /* background-image:url("img/the-science-of-sustainability.png"); */
    display:block;
    height:23px;
    text-indent:-9999px;
    width:302px;
}

#quest-hd-tools {
  margin-top: 14px;
  position: absolute;
  right: 3%;
  text-align: right;
  top: 0;
  width: 400px;
  background: url("img/exploration-innovation-conversation.png") no-repeat top right;
}

#quest-hd-tools .social {
margin: 52px 0 0 0;
}

#quest-hd-tools .social h2, #quest-hd-tools .social ul, #quest-hd-tools .social li {
  display: inline-block;
  vertical-align: middle;
}

#quest-hd-tools .social h2 {
font-weight: normal;
font-size: 15px;
color: #231f20;
}


*+html #quest-hd-tools .social h2, *+html #quest-hd-tools .social ul, *+html #quest-hd-tools .social li {
    display: inline;
}

#quest-hd-tools .social li {
    margin-left: 8px;
}

#googleplus {
	background-image: url("img/icon-googleplus.png");
	width: 26px;
	height: 26px;
	text-indent:-9999px;
	display:block;

}


#quest-hd-tools .social li a:hover {
opacity: .7;
}


/* -------------------[ Category (Top) Navigation ]------------------- */



#quest-navbar {
padding: 0 0 0 26px;
margin: 24px 0 0 0;
font-size: 16px;
font-weight: bold;
width: 100%;
}




#quest-navbar ul { 
	z-index:99; 
	margin:0; 
	padding:0; 
	list-style:none; 
	line-height:1; 
	margin:0;
	}

#quest-navbar ul li  {
	float:left; 
	width: auto; 
	}


#quest-navbar ul li.current-menu-item a  {
	 color: #B8D433;
	}


#quest-navbar li.menu-item-home > a {
  background-image: url("img/icon-nav-home.png");
  background-position: 10px 5px;
  background-repeat: no-repeat;
  height: 24px;
  margin-right: 15px;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 10px;
  text-indent: 100%;
  white-space: nowrap;
  width: 40px;
}

#quest-navbar li.menu-item-home:hover>a, #quest-navbar li.menu-item-home>a:hover, #quest-navbar li.menu-item-home.selected>a
 {
    background-position: 11px -23px;
}



#quest-navbar ul a  {
	position:relative; 
	display:block; 
	z-index:100; 
	padding:5px 13px; 
	line-height:26px; 
	text-decoration:none;
	font-size: 18px;
	color: #586B73;
	}

#quest-navbar ul a:hover { color: #B8D433; }
#quest-navbar ul a:select, #quest-navbar ul a:active { color: #B8D433; }

#quest-navbar ul li.menu-item-63078 a, #quest-navbar ul li.menu-item-63078 a, #quest-navbar ul li.menu-item-60812 a, #quest-navbar ul li.menu-item-60810 a {
font-weight: normal;
padding-right: 22px;
}

#quest-navbar ul a.nav-normal {
	font-weight: normal;
	}

#quest-navbar ul ul  { 
	position: absolute; 
	left: -999em; 
	width: 202px; 
	z-index:99999;
	margin-left:-2px;
	}

#quest-navbar ul ul a  {
	width:100px; 
	line-height:12px;
	background:#f5f5f5;
	font-weight: normal;
	font-size: 14px;
	padding-left: 5px;
	}

#quest-navbar ul ul a:hover  {
	background:#586B73;
	}

#quest-navbar ul ul ul  {
	margin: -32px 0 0 201px; 
	}

#quest-navbar ul li li { 
	margin:0;
	border:0;
	}
	
#quest-navbar ul li li a { padding-top: 3px; }

#quest-navbar ul li:hover,
#quest-navbar ul li.hover  { 
	position:static;
	}

#quest-navbar ul li:hover ul ul, 
#quest-navbar ul li.sfhover ul ul,
#quest-navbar ul li:hover ul ul ul, 
#quest-navbar ul li.sfhover ul ul ul,
#quest-navbar ul li:hover ul ul ul ul, 
#quest-navbar ul li.sfhover ul ul ul ul { 
	left:-999em; 
	}

#quest-navbar ul li:hover ul, 
#quest-navbar ul li.sfhover ul,
#quest-navbar ul li li:hover ul, 
#quest-navbar ul li li.sfhover ul,
#quest-navbar ul li li li:hover ul, 
#quest-navbar ul li li li.sfhover ul,
#quest-navbar ul li li li li:hover ul, 
#quest-navbar ul li li li li.sfhover ul { 
	left:auto; 
	}


.cfix:before, .cfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}



#quest-navbar #quest-navbar-primary {
    position: relative;
    width: 94%;
    padding: 0 3%;
    list-style-type: none;
    background-color: #716f6f;
    background: -webkit-gradient(linear,  0 0,  0 100%,  color-stop(0,  #716f6f),  color-stop(0.5,  #727070),  color-stop(1,  #63615f));
    background: -moz-linear-gradient(center top,  #716f6f 0%,  #727070 50%,  #63615f 100%);
}
#quest-navbar #quest-navbar-primary>li {
    float: left;
    border-right: 1px solid #ccc;
}
#quest-navbar #quest-navbar-primary>li:first-child {
    border-left: 1px solid #ccc;
}
#quest-navbar #quest-navbar-primary>li>a {
    display: block;
    height: 26px;
    padding: 10px 20px 0;
    font-size: 1.153846em;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
}
#quest-navbar #quest-navbar-primary>li.current {
    background: #0280c2;
}
#quest-navbar #quest-navbar-primary>li:hover {
    background: #fff;
    border-bottom-color: #fff;
}
#quest-navbar #quest-navbar-primary>li:hover>a {
    color: #1A4D80;
}

#quest-navbar-secondary {
    display: none;
    opacity: 0;
    position: absolute;
    top: 36px;
    left: 3%;
    width: 94%;
    min-height: 146px;
    padding-bottom: 16px;
    color: #bbb;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 2px 5px 5px #000;
    -webkit-box-shadow: 9px 60px 100px -50px #000;
    -moz-box-shadow: 2px 5px 5px #000;
}
#quest-navbar-secondary a {
    font-weight: bold;
    color: #1A4D80;
}
#quest-navbar-secondary .bu-close {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 9px;
    padding-left: 13px;
    font-size: 0.769230em;
    font-weight: normal;
    text-transform: uppercase;
    background: url("//a.s.kqed.net/img/nav/icons-nav-secondary.png") 0 -223px no-repeat;
}
.touch #quest-navbar-secondary .bu-close {
    display: inline;
}
#quest-navbar-secondary .section {
    position: relative;
    float: left;
    min-height: 162px;
    margin: 16px 0 0 2%;
    padding: 4px 0;
    border-right: 1px solid #ccc;
}
#quest-navbar-secondary .sectionWrap:last-child .section:last-child {
    border-right: 0;
}
#quest-navbar-secondary ul {
    float: left;
    width: 149px;
    margin-right: 20px;
}
#quest-navbar-secondary li {
    margin-bottom: 0.8em;
}
#quest-header #quest-navbar-secondary h1, #kqed-footer #quest-navbar-secondary h1 {
    margin-bottom: 1em;
    font-size: 1.076923em;
    font-weight: bold;
    color: #000;
}
#quest-navbar-secondary h1 a {
    color: #000;
}
#quest-navbar-secondary h1 a:after {
    content: "\00A0\000BB"}
#quest-navbar-secondary h1 span {
    text-transform: lowercase;
}
#quest-navbar-secondary .link-more a {
    font-weight: bold;
}
#quest-navbar-secondary .link-more a:before {
    content: "\000BB\00A0"}
.link-listen a {
    padding-left: 21px;
    font-weight: bold;
    color: #f5561b;
    text-transform: uppercase;
    background: url("//a.s.kqed.net/img/nav/icons-nav-secondary.png") no-repeat;
}
.nav-home #quest-navbar-secondary {
    min-height: 14.3em;
}
.nav-home .section {
    padding-bottom: 0;
    min-height: 0;
    border-right: 0;
}
.nav-home .tools {
    margin-bottom: 16px;
}
.nav-home .tools ul {
    float: none;
    display: inline;
    width: auto;
}
#quest-navbar-secondary .tools li {
    display: inline-block;
    _display: inline-block;
    margin-right: 20px;
}
*+html #quest-navbar-secondary .tools li {
    display: inline;
}
#quest-navbar-secondary .tools a {
    display: inline-block;
    _display: inline;
    min-height: 17px;
    line-height: 20px;
    padding: 3px 0 0 22px;
    background: url("//a.s.kqed.net/img/nav/icons-nav-secondary.png") no-repeat;
}
*+html #quest-navbar-secondary tools a {
    display: inline;
}
#quest-navbar-secondary .tools .link-listen a {
    background-position: 0 2px;
}
#quest-navbar-secondary .link-events a {
    padding-left: 20px;
    background-position: 0 -25px;
}
#quest-navbar-secondary .link-podcasts a {
    padding-left: 16px;
    background-position: 0 -48px;
}
#quest-navbar-secondary .link-rss a {
    padding-left: 21px;
    background-position: 0 -73px;
}
#quest-navbar-secondary .link-blogs a {
    padding-left: 24px;
    background-position: 0 -100px;
}
#quest-navbar-secondary .link-mobile a {
    padding-left: 18px;
    background-position: 0 -125px;
}
#quest-navbar-secondary .link-video a {
    padding-left: 24px;
    background-position: 0 -147px;
}
#quest-navbar-secondary .link-newsletters a {
    padding-left: 29px;
    background-position: 0 -173px;
}
#quest-navbar-secondary .link-social a {
    padding-left: 21px;
    background-position: 0 -200px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* imported styles1 from SCI-Clear http://www.kqed.org/lib/css/header-footer.css - this was called BEFORE SCI-clear/custom.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@charset "UTF-8";
	@font-face { /* Added separate instance of icomoon font files to QUEST-clear to solve cross-domain errors. - 2/3/14 PC */
    font-family: 'icomoon';
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
.icon-font, .quest-navmenu .bu-menu:after, .quest-navbar-mobile .listen-live a:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5em;
    *zoom: 1;
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row .column, .row .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left;
}
.row.collapse .column, .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
.row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1;
}
.row .row:before, .row .row:after {
    content: " ";
    display: table;
}
.row .row:after {
    clear: both;
}
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}
.row .row.collapse:after {
    clear: both;
}

@media only screen {
    .row .column, .row .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
}
.row .small-1 {
    position: relative;
    width: 8.33333%}
.row .small-2 {
    position: relative;
    width: 16.66667%}
.row .small-3 {
    position: relative;
    width: 25%}
.row .small-4 {
    position: relative;
    width: 33.33333%}
.row .small-5 {
    position: relative;
    width: 41.66667%}
.row .small-6 {
    position: relative;
    width: 50%}
.row .small-7 {
    position: relative;
    width: 58.33333%}
.row .small-8 {
    position: relative;
    width: 66.66667%}
.row .small-9 {
    position: relative;
    width: 75%}
.row .small-10 {
    position: relative;
    width: 83.33333%}
.row .small-11 {
    position: relative;
    width: 91.66667%}
.row .small-12 {
    position: relative;
    width: 100%}
.row .small-offset-1 {
    position: relative;
    margin-left: 8.33333%}
.row .small-offset-2 {
    position: relative;
    margin-left: 16.66667%}
.row .small-offset-3 {
    position: relative;
    margin-left: 25%}
.row .small-offset-4 {
    position: relative;
    margin-left: 33.33333%}
.row .small-offset-5 {
    position: relative;
    margin-left: 41.66667%}
.row .small-offset-6 {
    position: relative;
    margin-left: 50%}
.row .small-offset-7 {
    position: relative;
    margin-left: 58.33333%}
.row .small-offset-8 {
    position: relative;
    margin-left: 66.66667%}
.row .small-offset-9 {
    position: relative;
    margin-left: 75%}
.row .small-offset-10 {
    position: relative;
    margin-left: 83.33333%}
[class*="column"]+[class*="column"]:last-child {
    float: right;
}
[class*="column"]+[class*="column"].end {
    float: left;
}
.column.small-centered, .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}
}@media only screen and (min-width: 48em) {
    .row .large-1 {
    position: relative;
    width: 8.33333%}
.row .large-2 {
    position: relative;
    width: 16.66667%}
.row .large-3 {
    position: relative;
    width: 25%}
.row .large-4 {
    position: relative;
    width: 33.33333%}
.row .large-5 {
    position: relative;
    width: 41.66667%}
.row .large-6 {
    position: relative;
    width: 50%}
.row .large-7 {
    position: relative;
    width: 58.33333%}
.row .large-8 {
    position: relative;
    width: 66.66667%}
.row .large-9 {
    position: relative;
    width: 75%}
.row .large-10 {
    position: relative;
    width: 83.33333%}
.row .large-11 {
    position: relative;
    width: 91.66667%}
.row .large-12 {
    position: relative;
    width: 100%}
.row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%}
.row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%}
.row .large-offset-3 {
    position: relative;
    margin-left: 25%}
.row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%}
.row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%}
.row .large-offset-6 {
    position: relative;
    margin-left: 50%}
.row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%}
.row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%}
.row .large-offset-9 {
    position: relative;
    margin-left: 75%}
.row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%}
.push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
}
.pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
}
.push-3 {
    position: relative;
    left: 25%;
    right: auto;
}
.pull-3 {
    position: relative;
    right: 25%;
    left: auto;
}
.push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
}
.pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
}
.push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
}
.pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
}
.push-6 {
    position: relative;
    left: 50%;
    right: auto;
}
.pull-6 {
    position: relative;
    right: 50%;
    left: auto;
}
.push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
}
.pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
}
.push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
}
.pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
}
.push-9 {
    position: relative;
    left: 75%;
    right: auto;
}
.pull-9 {
    position: relative;
    right: 75%;
    left: auto;
}
.push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
}
.pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
}
.small-push-2 {
    left: inherit;
}
.small-pull-2 {
    right: inherit;
}
.small-push-3 {
    left: inherit;
}
.small-pull-3 {
    right: inherit;
}
.small-push-4 {
    left: inherit;
}
.small-pull-4 {
    right: inherit;
}
.small-push-5 {
    left: inherit;
}
.small-pull-5 {
    right: inherit;
}
.small-push-6 {
    left: inherit;
}
.small-pull-6 {
    right: inherit;
}
.small-push-7 {
    left: inherit;
}
.small-pull-7 {
    right: inherit;
}
.small-push-8 {
    left: inherit;
}
.small-pull-8 {
    right: inherit;
}
.small-push-9 {
    left: inherit;
}
.small-pull-9 {
    right: inherit;
}
.small-push-10 {
    left: inherit;
}
.small-pull-10 {
    right: inherit;
}
.column.large-centered, .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}
}p.lead {
    font-size: 1.21875em;
    line-height: 1.6;
}
.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 300;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    direction: ltr;
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 1.25em;
    text-rendering: optimizeLegibility;
}
p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    line-height: 1.2125em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0;
}



hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25em 0 1.1875em;
    height: 0;
}
em, i {
    font-style: italic;
    line-height: inherit;
}
strong, b {
    font-weight: bold;
    line-height: inherit;
}
small {
    font-size: 60%;
    line-height: inherit;
}
code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: bold;
    color: #7f0a0c;
}
ul, ol, dl {
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 1.25em;
    list-style-position: outside;
    font-family: inherit;
}
ul li ul, ul li ol {
    margin-left: 1.25em;
    margin-bottom: 0;
    font-size: 1em;
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
    list-style: inherit;
}
ul.square {
    list-style-type: square;
}
ul.circle {
    list-style-type: circle;
}
ul.disc {
    list-style-type: disc;
}
ul.no-bullet {
    list-style: none;
}
ol li ul, ol li ol {
    margin-left: 1.25em;
    margin-bottom: 0;
}
dl dt {
    margin-bottom: 0.3em;
    font-weight: bold;
}
dl dd {
    margin-bottom: 0.75em;
}
abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #4d4d4d;
    border-bottom: 1px dotted #ddd;
    cursor: help;
}
abbr {
    text-transform: none;
}
blockquote {
    margin: 0 0 1.25em;
    padding: 0.5625em 1.25em 0 1.1875em;
    border-left: 1px solid #ddd;
}
blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #555;
}
blockquote cite:before {
    content: "\2014 \0020"}
blockquote cite a, blockquote cite a:visited {
    color: #555;
}
blockquote, blockquote p {
    line-height: 1.4;
    color: #6f6f6f;
}
.vcard {
    display: inline-block;
    margin: 0 0 1.25em 0;
    border: 1px solid #ddd;
    padding: 0.625em 0.75em;
}
.vcard li {
    margin: 0;
    display: block;
}
.vcard .fn {
    font-weight: bold;
    font-size: 0.9375em;
}
.vevent .summary {
    font-weight: bold;
}
.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625em;
}
.print-only {
    display: none !important;
}
@media print {
    * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")"}
abbr[title]:after {
    content: " (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100% !important;
}
@page {
    margin: 0.5cm;
}
p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
.hide-on-print {
    display: none !important;
}
.print-only {
    display: block !important;
}
.hide-for-print {
    display: none !important;
}
.show-for-print {
    display: inherit !important;
}
}.section-container, .section-container.auto {
    width: 100%;
    display: block;
    margin-bottom: 1.25em;
    border: 1px solid #ccc;
    border-top: none;
}
.section-container section, .section-container .section, .section-container.auto section, .section-container.auto .section {
    border-top: 1px solid #ccc;
    position: relative;
}
.section-container section .title, .section-container .section .title, .section-container.auto section .title, .section-container.auto .section .title {
    top: 0;
    cursor: pointer;
    width: 100%;
    margin: 0;
    background-color: #fff;
}
.section-container section .title a, .section-container .section .title a, .section-container.auto section .title a, .section-container.auto .section .title a {
    padding: 0.9375em;
    display: inline-block;
    color: #fff;
    font-size: 0.875em;
    white-space: nowrap;
    width: 100%}
.section-container section .title:hover, .section-container .section .title:hover, .section-container.auto section .title:hover, .section-container.auto .section .title:hover {
    background-color: #f2f2f2;
}
.section-container section .content, .section-container .section .content, .section-container.auto section .content, .section-container.auto .section .content {
    display: none;
    padding: 0.9375em;
    background-color: #fff;
}
.section-container section .content>*:last-child, .section-container .section .content>*:last-child, .section-container.auto section .content>*:last-child, .section-container.auto .section .content>*:last-child {
    margin-bottom: 0;
}
.section-container section .content>*:first-child, .section-container .section .content>*:first-child, .section-container.auto section .content>*:first-child, .section-container.auto .section .content>*:first-child {
    padding-top: 0;
}
.section-container section .content>*:last-child, .section-container .section .content>*:last-child, .section-container.auto section .content>*:last-child, .section-container.auto .section .content>*:last-child {
    padding-bottom: 0;
}
.section-container section.active .content, .section-container .section.active .content, .section-container.auto section.active .content, .section-container.auto .section.active .content {
    display: block;
}
.section-container section.active .title, .section-container .section.active .title, .section-container.auto section.active .title, .section-container.auto .section.active .title {
    background: #0280c2;
}
.section-container.tabs {
    border: 0;
    position: relative;
}
.section-container.tabs section, .section-container.tabs .section {
    padding-top: 0;
    border: 0;
    position: static;
}
.section-container.tabs section .title, .section-container.tabs .section .title {
    width: auto;
    border: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    z-index: 1;
}
.section-container.tabs section .title a, .section-container.tabs .section .title a {
    width: 100%}
.section-container.tabs section:last-child .title, .section-container.tabs .section:last-child .title {
    border-right: 1px solid #ccc;
}
.section-container.tabs section .content, .section-container.tabs .section .content {
    position: absolute;
    z-index: 10;
    top: -1px;
}
.section-container.tabs section.active .title, .section-container.tabs .section.active .title {
    background-color: #0280c2;
    z-index: 11;
    border-bottom: 0;
}
.section-container.tabs section.active .content, .section-container.tabs .section.active .content {
    position: relative;
}
@media only screen and (min-width: 48em) {
    .section-container.auto {
    border: 0;
    position: relative;
}
.section-container.auto section, .section-container.auto .section {
    padding-top: 0;
    border: 0;
    position: static;
}
.section-container.auto section .title, .section-container.auto .section .title {
    width: auto;
    border: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    z-index: 1;
}
.section-container.auto section .title a, .section-container.auto .section .title a {
    width: 100%}
.section-container.auto section:last-child .title, .section-container.auto .section:last-child .title {
    border-right: 1px solid #ccc;
}
.section-container.auto section .content, .section-container.auto .section .content {
    border: 1px solid #ccc;
    position: absolute;
    z-index: 10;
    top: -1px;
}
.section-container.auto section.active .title, .section-container.auto .section.active .title {
    background-color: #0280c2;
    z-index: 11;
    border-bottom: 0;
}
.section-container.auto section.active .content, .section-container.auto .section.active .content {
    position: relative;
}
.section-container.accordion .section {
    padding-top: 0 !important;
}
.section-container.vertical-nav {
    border: 1px solid #ccc;
    border-top: none;
}
.section-container.vertical-nav section, .section-container.vertical-nav .section {
    padding-top: 0 !important;
}
.section-container.vertical-nav section .title a, .section-container.vertical-nav .section .title a {
    display: block;
    width: 100%}
.section-container.vertical-nav section .content, .section-container.vertical-nav .section .content {
    display: none;
}
.section-container.vertical-nav section.active .content, .section-container.vertical-nav .section.active .content {
    display: block;
    position: absolute;
    left: 100%;
    top: -1px;
    z-index: 999;
    min-width: 12.5em;
    border: 1px solid #ccc;
}
.section-container.horizontal-nav {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
}
.section-container.horizontal-nav section, .section-container.horizontal-nav .section {
    padding-top: 0;
    border: 0;
    position: static;
}
.section-container.horizontal-nav section .title, .section-container.horizontal-nav .section .title {
    width: auto;
    border: 1px solid #ccc;
    border-left: 0;
    top: -1px;
    position: absolute;
    z-index: 1;
}
.section-container.horizontal-nav section .title a, .section-container.horizontal-nav .section .title a {
    width: 100%}
.section-container.horizontal-nav section .content, .section-container.horizontal-nav .section .content {
    display: none;
}
.section-container.horizontal-nav section.active .content, .section-container.horizontal-nav .section.active .content {
    display: block;
    position: absolute;
    z-index: 999;
    left: 0;
    top: -2px;
    min-width: 12.5em;
    border: 1px solid #ccc;
}
}.for-print-only {
    display: none !important;
}
.icon-font, .quest-navmenu .bu-menu:after, .quest-navbar-mobile .listen-live a:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.ir {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}
.hidden {
    display: none;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.cfix:before, .cfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.cfix:after {
    clear: both;
}
.cfix {
    zoom: 1;
}

#kqed-footer {
    clear: both;
    margin-top: 20px;
    padding-bottom: 20px;
    font: 13px/15px arial,  helvetica,  clean,  sans-serif;
    text-align: center;
    background: #ddd url("//a.s.kqed.net/img/nav/bg-nav-footer.png") repeat-x;
}




#quest-navbar #search-box  {
width:144px; 
height:29px;
background-image:url("img/bg-search-icon.jpg");
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#quest-navbar #search-box form { display:inline ; }
 
#quest-navbar input.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
height:21px;
margin: 3px 0 0 8px;
}
 
#quest-navbar input.searchbox_submit {
  background-color: rgba(0, 0, 0, 0);
  border: 0px none;
  height: 22px;
  left: 107px;
  position: absolute;
  top: 4px;
  width: 32px;
}




/*
#quest-hd-tools #search-box {
    float: right;
}
#quest-header #search-box input {
    display: inline-block;
    _display: inline;
    margin: 0;
	padding: 0;
    color: #000;
    font-size: .9em;
    font-family: arial,  sans-serif;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100px;
    border: 0; 
	background: none transparent;
	padding-top: 2px;
}
*+html #quest-header #search-box input {
    display: inline;
    margin-top: -25px;
    font-size: 12px;
}
#quest-header #search-box input.placeholder {
    color: #999;
}
#quest-header #search-box button {
text-indent: -10em;
background: url("img/button-search.png") 0 0 no-repeat;
border: 0;
width: 17px;
height: 24px;
margin: 0 0 1px 0;
}
*+html #quest-header #search-box button {
    display: inline;
    vertical-align: 0%}
*/

#quest-hd-tools .bu-donate {
    display: inline-block;
    _display: inline;
    width: 105px;
    height: 36px;
    margin-right: 26px;
    background-image: url("//a.s.kqed.net/img/nav/bu-donate.png");
}
*+html #quest-hd-tools .bu-donate {
    display: inline;
}
.nav-support .bu-donate a {
    display: block;
    width: 150px;
    height: 120px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    background: url("//a.s.kqed.net/img/nav/banner-donate.jpg") no-repeat;
}
.dontMiss {
    width: 94%;
    margin: 0 3%;
    min-height: 1.53846em;
    margin-top: 0.692307em;
    font-style: italic;
}
.dontMiss h4 {
    float: left;
    font: bold italic 1em/1.2em Helvetica,  Arial,  sans-serif;
    color: #3C3A33;
}
.dontMiss ul {
    float: none;
    width: auto;
    margin-left: 6.5em;
}
.dontMiss li {
    float: left;
    margin-right: 20px;
    padding-bottom: 0.4em;
}
.dontMiss a {
    font-weight: bold;
    color: #1A4D80;
}
*+html .dontMiss a {
    white-space: nowrap;
}
#quest-navbar-secondary .dontMiss {
    margin-top: 0;
}
#quest-navbar-secondary .dontMiss h4 {
    font-weight: bold;
    color: #000;
}
#quest-header #quest-navbar-secondary .dontMiss ul, #quest-navbar-secondary .dontMiss ul {
    margin-left: 7em;
}
#quest-navbar-secondary .dontMiss a {
    color: #1A4D80;
}
.quest-navmenu {
    display: none;
    float: right;
    z-index: 99;
}
.quest-navmenu .bu-menu {
    display: block;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #fff;
    text-align: center;
    background-color: #586B73;
    border: 1px solid #b3b3b3;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 0 2px #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    position: absolute;
    top: 11px;
    right: 3%;
    bottom: auto;
    padding-right: 1.8em;
    font-weight: bold;
    line-height: 1.25em;
    background-image: none;
}
.quest-navmenu .bu-menu:hover {
    color: #000;
    background-color: #B8D433;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.quest-navmenu .bu-menu:after {
  content: "\25BC";
  font-size: 0.9em;
  line-height: 16px;
  margin-left: 0.1em;
  position: absolute;
  right: 0.7em;
  top: 28%;
}
.quest-navmenu .bu-menu.on {
    background-color: #586B73;
    color: #fff;
}
.quest-navmenu .bu-menu.on:after {
    content: "\25B2";
    top: 27%}
.quest-navmenu .dropMenu {
    display: none;
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    padding-bottom: 0.6em;
    background-color: #fff;
    border-top: 1px solid #777;
    border-bottom: 1px solid #82817c;
    box-shadow: 0 16px 16px 0px #000;
    -webkit-box-shadow: 0 16px 16px 0px #000;
    -moz-box-shadow: 0 16px 16px 0px #000;
}
.quest-navmenu .dropMenu a {
    color: #1A4D80;
}
.quest-navmenu .dropMenu .section {
    margin: 0 3.125%;
    border-top: 1px solid #ccc;
}
.quest-navmenu .dropMenu .section:first-child {
    border-top: 0;
}
#quest-header .quest-navmenu .dropMenu ul {
    float: left;
    width: 46.66%;
    list-style: none;
}
#quest-header .quest-navmenu .dropMenu ul:last-child {
    margin-left: 6.66%}
.quest-navmenu .dropMenu li {
    border-bottom: 1px solid #ccc;
}
.quest-navmenu .dropMenu li:last-child {
    border-bottom: 0;
}
.quest-navmenu .dropMenu ul a {
    display: block;
    padding: 8px 0 7px 1px;
}
.quest-navmenu .dropMenu .listenLive, .quest-navmenu .dropMenu .donate {
    font-weight: bold;
}
.quest-navmenu .dropMenu .link-listen a {
    text-transform: none;
    color: #369;
    background: none;
}
.quest-navmenu .dropMenu ul span {
    font-weight: bold;
    color: #999;
}
.quest-navmenu .dropMenu .search {
    padding: 0.9em 0 1em;
    text-align: center;
}
.dropMenu #search-box {
    float: none;
}
#quest-header .dropMenu #search-box button {
    display: block;
    padding: 0.3em;
    font-size: 1em;
    color: #fff;
    text-align: center;
    background-color: #0280c2;
    border: 1px solid #b3b3b3;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 0 2px #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    display: inline-block;
    vertical-align: bottom;
    border-left: 1px solid #999;
}

#quest-header .dropMenu input {
border: 1px solid #CCC;
padding: .7em;
}

#quest-header .dropMenu #search-box button:hover {
    color: #fff;
    background-color: #0280c2;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.quest-navmenu .dropMenu .footer {
    padding: 0.4em 0 0.5em;
}
.quest-navmenu .dropMenu .bu-close {
    float: right;
    padding-left: 1.3em;
    font-size: 0.666667em;
    text-transform: uppercase;
    background: url("//a.s.kqed.net/icon/close-20x20.png") 0 0.4em no-repeat;
    background-size: 10px 10px;
}
.quest-navmenu .dropMenu .footnote {
    float: left;
    width: 75%;
    margin-top: 2px;
    font-size: 0.8em;
    line-height: 1.25em;
    color: #999;
}
.quest-navbar-mobile {
    display: none;
    position: relative;
    z-index: -1;
    margin-top: 10px;
    background-color: #716F6F;
    border-bottom: 1px solid #fff;
}
.quest-navbar-mobile ul {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5em;
    *zoom: 1;
}
.quest-navbar-mobile ul:before, .quest-navbar-mobile ul:after {
    content: " ";
    display: table;
}
.quest-navbar-mobile ul:after {
    clear: both;
}
.quest-navbar-mobile li {
    float: left;
    border-right: 1px solid #fff;
}
.quest-navbar-mobile li:last-child {
    border-right: 0;
}
.quest-navbar-mobile .items-2 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
.quest-navbar-mobile .items-3 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 33.33333%;
    padding-left: 0;
    padding-right: 0;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
.quest-navbar-mobile a {
    display: block;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #fff;
    text-align: center;
    background-color: #716f6f;
    border: 1px solid #b3b3b3;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 0 0 #fff;
    -webkit-box-shadow: inset 0 0 0 0 #fff;
    box-shadow: inset 0 0 0 0 #fff;
    overflow: hidden;
    margin-right: -1px;
    padding: 0.5em 0;
    font-weight: bold;
    line-height: 15px;
    text-overflow: ellipsis;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
}
.quest-navbar-mobile a:hover {
    color: #fff;
    background-color: #0280c2;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.quest-navbar-mobile .listen-live a:after {
    content: "\f028";
    margin-left: 0.4em;
    vertical-align: -5%}
.quest-navbar-mobile li:first-child a {
    border-left: 0;
}
#kqed-footer #quest-navbar {
    width: 1000px;
    height: 240px;
    margin: auto;
    text-align: left;
}
#kqed-footer #quest-navbar #quest-navbar-primary>li:hover, #kqed-footer #quest-navbar .selected {
    background: #ddd;
    border-bottom-color: #ddd;
}
#kqed-footer #quest-navbar-primary>li.selected>a {
    color: #1A4D80;
}
#kqed-footer #quest-navbar-secondary {
    z-index: 1;
    border: 0;
    background-color: #ddd;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
#kqed-footer .selected #quest-navbar-secondary {
    z-index: 100;
}
#kqed-footer #quest-navbar-secondary .section {
    border-right-color: #aaa;
}
#kqed-footer h1 {
    line-height: 1.153846em;
}
#kqed-footer .bu-close {
    visibility: hidden;
}
#kqed-footer #copyright {
    width: 936px;
    margin: auto;
    padding-top: 3px;
    text-align: left;
    color: #666;
    font-weight: bold;
    line-height: 2em;
}
#kqed-footer #copyright a {
    color: #666;
    white-space: nowrap;
}
#kqed-footer #copyright a:hover {
    text-decoration: underline;
}
#kqed-footer #copyright .logo-kqed {
    float: left;
    width: 210px;
    height: 23px;
    margin: -3px 30px 0 0;
}
#kqed-footer #copyright .logo-kqed svg {
    width: 210px;
    height: 23px;
    fill: #444;
}
.no-svg #kqed-footer .logo-kqed {
    background-image: url("//a.s.kqed.net/img/nav/logo-kqed-with-tagline.png");
}
#kqed-footer .linksWrap {
    white-space: nowrap;
}
#kqed-footer.noSecondary {
    padding-bottom: 100px;
}
#kqed-footer.noSecondary #quest-navbar {
    height: 60px;
}

@media only screen and (max-width: 560px) {

div#page-size, body#home div#content, body#interior div#content, body#interior2 div#content, body#interior-2col div#content, body#interior-2col-r div#content, body#interior-2colr div#content, #quest-header, #kqed-footer {
    width: 100% !important;
}

#quest-header {
    position: relative;
    z-index: 99;
    padding-top: 14px;
    border-bottom: 1px solid #777;
}
#quest-masthead {
    padding-top: 0;
}
#quest-masthead h1 {
    width: 91px;
    height: 28px;
}
#quest-masthead h1 a {
    width: 100%;
    height: 28px;
    background-size: 100% auto;
}


#quest-header #quest-tagline {
    visibility: hidden;
}
#quest-masthead .radio a {
    width: 49.375px;
}
#quest-masthead .tv a {
    width: 81.875px;
    margin-left: 11.25px;
}
#quest-masthead .news a {
    width: 48.125px;
}
#quest-masthead .arts a {
    width: 35.625px;
    margin-left: 11.25px;
}
#quest-masthead .food a {
    width: 42.5px;
}
#quest-masthead .science a {
    width: 63.75px;
}
#quest-masthead .education a {
    width: 85.625px;
}
#quest-header #quest-masthead .support a {
    width: 70.625px;
    height: 18.75px;
    background-size: auto 18.75px;
}
#quest-masthead .about a {
    width: 52.5px;
    margin-left: 11.25px;
}
#quest-masthead h2.tagline {
    width: 13em;
    margin-top: 8px;
    margin-left: 11px;
    font-size: 8px;
}
#quest-masthead .partners {
    display: none;
}
#quest-hd-tools {
    width: 100%}
#quest-hd-tools .social {
    display: none;
}
#quest-hd-tools form {
    display: none;
}
#quest-hd-tools .bu-donate {
    display: none;
}
#quest-navbar {
    display: none;
}
.quest-navmenu {
    display: block;
}
.quest-navbar-mobile {
    display: block;
}
#quest-header .dontMiss {
    display: none;
}
#kqed-footer {
    background-color: #ddd;
    background-image: none;
}
#kqed-footer #copyright {
    width: auto;
    padding: 2em 3%}
#kqed-footer #copyright .logo-kqed {
    float: none;
    display: block;
    margin-bottom: 1em;
}
}


#quest-masthead {
    padding-top: 20px;
}

#quest-masthead h1 a {
  background-size: 100% auto;
  height: 64px;
  width: 208px;
}
#quest-masthead h2 {
  background-size: 100% auto;
  height: 23;
  margin-left: 19px;
  margin-top: 32px;
  width: 302;
}
#quest-masthead h1 svg {
    width: 131px;
    height: 40px;
}
#quest-header #quest-masthead h2 a {
    height: 19.00001px;
    margin-top: 15.83334px;
    margin-left: 19.00001px;
    background-size: 100% 19.00001px;
}
#quest-masthead .radio a {
    width: 62.54169px;
}
#quest-masthead .tv a {
    width: 103.70838px;
    margin-left: 14.25001px;
}
#quest-masthead .news a {
    width: 60.95836px;
}
#quest-masthead .arts a {
    width: 45.12502px;
    margin-left: 14.25001px;
}
#quest-masthead .food a {
    width: 53.83336px;
}
#quest-masthead .science a {
    width: 80.75003px;
}
#quest-masthead .education a {
    width: 108.45838px;
}
#quest-header #quest-masthead .support a {
    width: 89.45837px;
    height: 23.75001px;
    background-size: auto 23.75001px;
}
#quest-masthead .about a {
    width: 66.50003px;
    margin-left: 14.25001px;
}
#quest-masthead h2.tagline {
    width: 13em;
    margin-top: 12px;
    margin-left: 14px;
    font-size: 10px;
    line-height: 1.2;
}
#quest-masthead .partners {
    margin-top: 17px;
    margin-left: 11px;
}
#quest-hd-tools .social {
    margin-bottom: 11px;
}
#quest-hd-tools .bu-donate {
    margin-right: 3%}
#quest-hd-tools input {
    width: 140px;
}
#quest-navbar {
margin: 30px 0 6px;
}
	
#quest-navbar ul a {
padding: 0 27px 5px 0;
font-size: 18px;
}



#quest-navbar li.menu-item-home > a {
padding: 10px 0 0 0;
}
#quest-navbar #quest-navbar-primary>li>a {
    height: 24px;
    padding: 8px 12px 0;
    font-size: 14px;
}
#quest-navbar #quest-navbar-primary>li.nav-home>a {
    width: 38px;
    padding: 8px 0 0;
    background-position: 10px 8px;
}
#quest-navbar #quest-navbar-primary>li.nav-home:hover>a, #quest-navbar #quest-navbar-primary>li.nav-home>a:hover, #kqed-footer #quest-navbar #quest-navbar-primary>li.nav-home.selected>a {
    background-position: 10px -22px;
}
#kqed-footer #quest-navbar-secondary {
    display: none !important;
}
li:not(.nav-home) #quest-navbar-secondary {
    background: url("//a.s.kqed.net/img/nav/divider-secondary.gif") 33.3% 0 repeat-y, #fff url("//a.s.kqed.net/img/nav/divider-secondary.gif") 66.6% 0 repeat-y;
}
li:not(.nav-home) #quest-navbar-secondary .sectionWrap {
    float: left;
    width: 33.3%}
li:not(.nav-home) #quest-navbar-secondary .sectionWrap .section {
    float: none;
    width: auto;
    margin-left: 6.5%;
    margin-right: 6.5%;
    border-right: 0;
    min-height: 0;
}
#quest-navbar li:not(.nav-home) #quest-navbar-secondary h1, #quest-navbar li:not(.nav-home) #quest-navbar-secondary ul {
    width: 100%;
    margin-right: 0;
}
#kqed-footer {
    background-color: #ddd;
    background-image: none;
}
#kqed-footer #quest-navbar {
    width: 100%;
    height: auto;
}
#kqed-footer #copyright {
    width: auto;
    padding: 2em 3%}
#kqed-footer #copyright {
    width: auto;
    padding: 2em 3%}
#kqed-footer #copyright .logo-kqed {
    float: none;
    display: block;
    margin-bottom: 1em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* imported styles2 from SCI-Clear clear-theme/style-kqed.css - this was called at the beginning of the SCI-Clear/custom.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


@font-face { /* Added separate instance of icomoon font files to QUEST-clear to solve cross-domain errors. - 2/3/14 PC */
    font-family: 'icomoon';
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
.icon-font {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, h7, #sitetitle .title, #sitetitle .description, #topnav, #catnav, #commentform input#submit, .archive-tabs a, .archive-tabs a:link, .archive-tabs a:visited, a.more-link, a.more-link:link, a.more-link:visited, .widget.sidetabs ul.tabs li a, #footer .footurl, p.email-form .subbutton, #searchform #submitbutton, p.email-form .sub, #searchform #searchfield, .featured.wide.pages .flexslide-custom-controls li a, #footnav {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 0;
}
.for-print-only {
    display: none !important;
}
.for-mobile-only {
    display: none !important;
}

div#usp {
    width: auto;
}
form#usp_form, ul#usp_list, ul#usp_list li, label.usp_label, input.usp_input, select.usp_select, textarea.usp_textarea, input#user-submit-post, div#usp_upload-message, a#usp_add-another, input#user-submitted-image, input#user-submitted-post {
    width: auto;
    float: none;
    font: inherit;
}
ul#usp_list li {
    margin-bottom: 1em;
    background: none;
}
ul#usp_list .usp_header h3 {
    margin: 20px 0 0.6em;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}
ul#usp_list .usp_header:first-child h3 {
    margin-top: 10px;
    padding-top: 0;
    border-top: 0;
}
ul#usp_list .usp_header h4 {
    margin: 20px 0 0;
}
#usp label.usp_label {
    display: block;
    margin: 0 0 0.2em 0;
    color: #4d4d4d;
}
#usp input.usp_input, #usp select#user-submitted-category {
    display: block;
    width: 90%;
    padding: 0.6em 0.6em 0.6em;
    font-size: 1.1em;
    border: 1px solid #B3B3B3;
    color: #666;
}
#usp select#user-submitted-category {
    width: auto;
    padding-right: 10%;
    background: url("images-kqed/icon-select-menu.png") 95% 50% no-repeat;
}
#usp .usp_name input.usp_input, #usp .usp_email input.usp_input, #usp .usp_phone input.usp_input {
    width: 70%}
#usp .usp_zip input.usp_input {
    width: 8em;
}
#usp textarea#user-submitted-content {
    display: block;
    width: 90%;
    height: 10em;
    padding: 0.6em 0.6em 0.6em;
    font-size: 1.1em;
    border: 1px solid #B3B3B3;
    color: #666;
}
#usp a#usp_add-another {
    font-size: 0.8em;
    padding: 2px 0 0 24px;
    background: url(http://blogs.kqed.org/education/wp-content/themes/clear-theme/images/bullet.png) 5px 0 no-repeat;
}
#usp input#user-submitted-post {
    display: block;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #0280c2;
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #b3b3b3;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 0 3px #fff;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff;
    width: auto;
    margin: 30px 0 0;
}
#usp input#user-submitted-post:hover {
    color: #fff;
    background-color: #0280c2;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul#usp_list li small {
    font-size: 0.7em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* imported styles3 from Clear Theme clear-theme/style-font.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* -- Mods for Custom Google Fonts -- */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

h1,h2,h3,h4,h5,h6,h7,
#sitetitle .title,
#sitetitle .description,
#topnav,
#catnav,
#commentform input#submit,
.archive-tabs a,
.archive-tabs a:link,
.archive-tabs a:visited,
a.more-link,
a.more-link:link,
a.more-link:visited,
.widget.sidetabs ul.tabs li a,
#footer .footurl,
p.email-form .subbutton,
#searchform #submitbutton,
p.email-form .sub,
#searchform #searchfield,
.featured.wide.pages .flexslide-custom-controls li a,
#footnav {
	font-family:'Open Sans Condensed',arial,helvetica,sans-serif;
	font-weight:bold;
	}

.featured.wide.pages .flexslide-custom-controls li a {
	font-size:11px;
	text-transform:uppercase;
	}

#sitetitle .title {
	font-size:30px;
	line-height:30px;
	}

#sitetitle .description {
	font-size:13px;
	}

#commentform input#submit,
.archive-tabs a,
.archive-tabs a:link,
.archive-tabs a:visited,
a.more-link,
a.more-link:link,
a.more-link:visited,
p.email-form .subbutton,
#searchform #submitbutton,
p.email-form .sub,
#searchform #searchfield {
	font-size:11px;
	text-transform:uppercase;
	}

.widget.sidetabs ul.tabs li a, 
.widget.sidetabs ul.tabs li a:link, 
.widget.sidetabs ul.tabs li a:visited  {
	font-size:9pt;
	font-weight:bold;
	}

h2.feature-title,
h3.widgettitle,
h2.feat-title,
h1.archive-title {
	letter-spacing:0;
	line-height:1.5em;
	margin:0;
	padding:5px 15px;
	font-size:13px;
	}

h3.widgettitle {
	padding: 0 !important;
	}
	
h3.widgettitle a {

	color: #586B73;
	}

#featured-post-2 h3.widgettitle, #catposts-widget-2 h3.widgettitle {
	display: none;
	}


#footer-widgets h3.widgettitle, 
#alt-home-bottom h3.widgettitle,
.controls-container h2 {
	font-size:13px;
	}

#topnav {
	font-size:12px;
	}

#topnav ul li.rss-content,
#topnav ul li.rss-comments {
	background-position: 10px 6px;
	}

#catnav {
	font-size:11px;
	text-transform:uppercase;
	}

#footer .footurl a  {
	font-weight:bold;
	color:#fff;
	font-size:16px;
	}

#footnav ul a, 
#footnav ul a:link, 
#footnav ul a:visited {
	font-size: 12px;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* imported styles4 from SCI-Clear SCI-Clear/custom.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* -- This is the place to add your own style modifications without touching the original styles -- */

/* -------------------[ Changes to style-font.css ]------------------- */

/* KIP-603: Match KQED.org styles. Use Helvetica Neue for headers, links. */

h1, h2,h3,h4,h5,h6,h7,
#sitetitle .title,
#sitetitle .description,
#topnav,
#catnav,
#commentform input#submit,
.archive-tabs a,
.archive-tabs a:link,
.archive-tabs a:visited,
a.more-link,
a.more-link:link,
a.more-link:visited,
.widget.sidetabs ul.tabs li a,
#footer .footurl,
p.email-form .subbutton,
#searchform #submitbutton,
p.email-form .sub,
#searchform #searchfield,
.featured.wide.pages .flexslide-custom-controls li a,
#footnav { 
	font-family:'Helvetica Neue',helvetica,arial,sans-serif;
	font-weight:bold;
	letter-spacing: 0;
	}


/* -------------------[ From main.css ]------------------- */

/* counterpoint to print.css .do-not-print: apply this class for elements to ONLY be visible on paper */
.for-print-only { display: none !important; }

/* apply this class for elements to ONLY be visible on the mobile site */
.for-mobile-only { display: none !important; }



/* -------------------[ Main Page Elements ]------------------- */

#header { /* KIP-590: Remove WP-clear default masthead entirely. Using KQED chrome instead. */
	display: none;
}

#contentleft { 
	width: 66.67%; /* KIP-603: Increase col width to 640. */
	font-size: 1.25em; /* KIP-603: Bump up font from 12px to 15px in main content well. 12px was too small on both desktop and mobile */
	line-height: 1.5em;
}

#contentright { 
	width: 31.25%; /* 300px / 960px */  /* KIP-603: Reduce col width to 300. */
	font-size: 14px; /* KIP-698: Bump up sidebar widget text to match KQED.org styles and be more readable on mobile. */
	line-height: 1.5;
}

/* -------------------[ Home Page Option 4 - Posts Arranged by Category Stacked ( index4 ) ]------------------- */

.cat-posts-stacked {
	clear:both;
	float:none;
	margin: 0 0 20px;
	padding:0;
	}


.cat-posts-stacked .post {
  border-top: 0 none;
  margin: 11px 0 0;
}

.cat-posts-stacked .entry {
	border-top:0;
	}

.cat-posts-stacked h2.feat-title {
  border: 0 none;
  font-size: 31px;
  margin: 0 0 0 65px;
  padding: 0;
  line-height: .8em;
}

.view-more {margin: 0 0 0 63px;}

.cat-posts-stacked .entry {}

.cat-posts-stacked img.thumbnail {}

.cat-posts-stacked h3.post-title {}

.home-meta {font-style: italic;}

/* -------------------[ Headings ]------------------- */

h3.post-title, h2.post-title { 
	font-size: 15pt;
	line-height: 1.2;
}

h1.post-title { /* Increase bottom margin since we reduced the line height for .meta.single. */
	margin-bottom: 10px;
}

h1.archive-title {
border: 0 none;
font-size: 31px;
line-height: 0.8em;
padding: 0;
color: #586B73;
}


h1.archive-title img { /* KIP-698: On category pages, push RSS link down a little more. */
	margin-top: 10px !important; 
}


h2.feature-title,
h3.widgettitle,
h2.feat-title {
	font-size:9pt;
	letter-spacing:0;
	line-height:1.5em;
	margin:0;
	padding: 10px 15px;
	background-image: none;
	color: #586B73;
	}

#Water { background: url("img/icon-water.png") no-repeat 0 0; }
#Food { background: url("img/icon-food.png") no-repeat 0 0; }
#Climate { background: url("img/icon-climate.png") no-repeat 0 0; }
#Biodiversity { background: url("img/icon-biodiversity.png") no-repeat 0 0; }
#Energy { background: url("img/icon-energy.png") no-repeat 0 0; }
#Videos a { background: url("img/icon-video-white.png") no-repeat 0 0; padding: 6px 0 6px 60px; }


#Water h1.archive-title, #Food h1.archive-title, #Climate h1.archive-title, #Biodiversity h1.archive-title, #Energy h1.archive-title { margin: 0 0 0 60px; padding-top: 10px; }


.category-water #page { background: url("img/QUEST_water_banner.jpg") no-repeat 0 0; padding-top: 135px; }
.category-water #page #Water { background: url("img/icon-water-white.png") no-repeat 0 0; margin: 10px 0 0 15px; }
.category-water #page #Water h1 { color: #fff; text-shadow: 0.1em 0.1em 0.2em black; }

.category-sustainable-food #page { background: url("img/QUEST_food_banner.jpg") no-repeat 0 0; padding-top: 135px; }
.category-sustainable-food #page #Sustainable Food, .category-sustainable-food #page #Food { background: url("img/icon-food-white.png") no-repeat 0 0; margin: 10px 0 0 15px; }
.category-sustainable-food #page #Sustainable Food h1, .category-sustainable-food #page #Food h1 { color: #fff; text-shadow: 0.1em 0.1em 0.2em black; }

.category-food #page { background: url("img/QUEST_food_banner.jpg") no-repeat 0 0; padding-top: 135px; }
.category-food #page #Food, .category-food #page #Food { background: url("img/icon-food-white.png") no-repeat 0 0; margin: 10px 0 0 15px; }
.category-food #page #Food h1, .category-food #page #Food h1 { color: #fff; text-shadow: 0.1em 0.1em 0.2em black; }

.category-energy #page { background: url("img/QUEST_energy_banner.jpg") no-repeat 0 0; padding-top: 135px; }
.category-energy #page #Energy { background: url("img/icon-energy-white.png") no-repeat 0 0; margin: 10px 0 0 15px; }
.category-energy #page #Energy h1 { color: #fff; text-shadow: 0.1em 0.1em 0.2em black; }

.category-climate #page { background: url("img/QUEST_climate_banner.jpg") no-repeat 0 0; padding-top: 135px; }
.category-climate #page #Climate { background: url("img/icon-climate-white.png") no-repeat 0 0; margin: 10px 0 0 15px; }
.category-climate #page #Climate h1 { color: #fff; text-shadow: 0.1em 0.1em 0.2em black; }

.category-biodiversity #page { background: url("img/QUEST_biodiversity_banner.jpg") no-repeat 0 0; padding-top: 135px; }
.category-biodiversity #page #Biodiversity { background: url("img/icon-biodiversity-white.png") no-repeat 0 0; margin: 10px 0 0 15px; }
.category-biodiversity #page #Biodiversity h1 { color: #fff; text-shadow: 0.1em 0.1em 0.2em black; }

.archive-header-bg {
  padding-bottom: 25px;
  width: 100%;
}

.archive-header {
width: 100%;
height: 50px;
}


body.category #contentright {margin: 85px 0 0 0; }



h2.feat-title {}

h2.feature-title { /* KIP-698: Hide "Recent Articles" header from homepage. This class isn't use anywhere else except the carousel header. */
	display: none;
}

h3.widgettitle { 
}

h3.widgettitle a { /* KIP-698: Match KQED.org styles. */
}


.page-id-54183 #sidebar { margin: 32px 0 0 0;}

#sidebar, .widget_text { overflow: visible !important; }

#sidebar h3.widgettitle {
	padding: 9px 9px 0px;
	font-size: 22px; /* 16px/13px */
	line-height: 1.3;
	border: none;
}

#sidebar h3.widgettitle em {
font-style: normal;
color: #333;
display: block;
font-size: 14px;
}

#sidebar #prev { padding-top: 80px; }

#sidebar #next h3.widgettitle {
text-align: right;}

#sidebar h3.widgettitle a:hover {
color: #B8D433; 
}

#sidebar .widget .edu_sidebar li { border: none; }
#sidebar .edu_sidebar .widgetbox { border: 1px solid #ccc; margin-bottom: 15px; }
#sidebar .edu_sidebar .widgetbox h3.widgettitle { margin-left: 7px; }



#catposts-quest-widget-2 #sidebar h3.widgettitle {
display: none;
}

.catposts-quest-widget #sidebar h3.widgettitle {
display: none;
}


#sidebar h4 {
  color: #FFFFFF;
  font-size: 13px;
  font-style: italic;
  line-height: 1;
  padding: 9px 9px 0;
  font-weight: normal;
  margin: 0;
}

#sidebar .widgetwhite { color: #fff; padding-left: 10px; }
#sidebar #text-43 .textwidget  { padding: 0; }
#sidebar .simranwidget  { padding: 0; background: #B8D433; }
#sidebar .simranwidget h3.widgettitlebrown { margin: 0; }
#sidebar .simranwidget h3.widgettitlebrown a { color: #312B24; padding: 0 9px 0; }
#sidebar .simranwidget p { color: #312B24; }



#sidebar h3.widgettitlewhite {
  border: medium none;
  font-size: 22px;
  line-height: 1.3;
  padding: 0 9px 0;
  margin: 0;
}

#sidebar h3.widgettitlewhite a {
 color: #fff;
}



.hentry h2.post-title { 
	margin-bottom: 6px;
	font: normal 18pt/1.2em;
	color: #4D4D4D;
}


h4.post-source { /* KIP-723: Style for slugs that identify the source of the post. */
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0.4em;
	color: #000;
}

h4.post-source a { /* KIP-723: Make source and comments links black. */
	color: #000;
}

h4.post-source .meta-source { /* KIP-723: Make source name bold and uppercase. */
	font-weight: bold;
	text-transform: uppercase;
}




/* -------------------[ Images ]------------------- */

.entry img {
	max-width: 100%;
	padding: 0;
	border: 0;
}

/* -------------------[ Caption Styles for WP 2.6+ ]------------------- */

.wp-caption {
	max-width: 97%; /* Keep images that are aligned left or right from flowing outside the content well. Use 97% instead of 100% to account for 5px padding added around images. */
}

.wp-caption.alignnone {
	width: auto !important;
	padding:5px;
	margin: 0 0 10px;
}

.hentry .wp-caption { /* KIP-603: Hide captions from the Loop. They're coming in from other feeds. */
	display: none;
}

/* -------------------[ Misc Tags and Classes ]------------------- */



/* -------------------[ Simple Pull Quotes - override plug-in styles ]------------------- */

.simplePullQuote {
	width: 45%;
	margin: 1em 0 1em 10%;
	padding: 1em 0 0.5em;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.4;
	color: #fe4819;
	text-indent: 0;
	border-top: 3px solid #fe4819;
	border-bottom: 3px solid #fe4819;
	background: none;
	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
}

@media only screen and (min-width: 561px) {
	.simplePullQuote {
		margin-left: 5%;
		font-size: 1.5em;
		line-height: 1.4;
	}

}


/* -------------------[ Author Bio Info ]------------------- */

.auth-archive { /* KIP-698: .auth-bio contains the default styles. The .auth-archive is added to the same div on Author Profile pages. */
	margin: 0 0 30px;
	padding: 15px 0;
	background: none;
	border: 0;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
}


/* -------------------[ Comments ]------------------- */

#disqus_thread { 
}

/* -------------------[ Top Navigation ]------------------- */

#topnav { 
}

/* -------------------[ Category Navigation ]------------------- */

#catnav { 
}
	

/* --------------[ Basic Post Classes ]-------------- */

.hentry { /* Fixes spacing in the loop for custom post types. In WP-clear's CSS, this is applied to .post, .page.hentry. However, that doesn't work with post types 'audio_reports','slideshows','videos','explainers'. */
	margin: 0 0 20px;
	padding: 0;
	clear: both;
}

.entry { /* KIP-698: Match KQED.org styles. */
	padding: 0 0 15px;
	border: 0;
}

.single .entry { /* KIP-726: Reduce margin so bottom border is closer to share buttons. */
	margin-bottom: 5px;
}

.single-video { /* KIP-807: Using embed/download toolbar so remove margin. */
	margin-bottom: 0;
	padding-top: 0;
}

#mediaplayer_wrapper { /* KIP-807: Fix display bugs by using WP-clear's .single-video styles. */
	position: relative; 
	padding-bottom: 56.25%;
	width: 100% !important;
	height: 0 !important;
	overflow: hidden;
}

#mediaplayer_wrapper iframe,  
#mediaplayer_wrapper object,  
#mediaplayer_wrapper embed { /* KIP-807: Fix display bugs by using WP-clear's .single-video styles. */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.audio-player #mediaplayer_wrapper { /* KIP-807: Shrink container since audio player is much shorter than video player. */
	padding-bottom: 29px;
}

.hentry .meta { /* KIP-723: In the Loop, reduce space between post date and excerpt. */
	margin-bottom: 5px;
}

.hentry .meta-comments { /* Remove comment count from the Loop. */
	display: none;
}


/* --------------[ Embedly ]-------------- */

.mceItemEmbedly { /* KIP-827: Add spacing to embedly widgets in posts. */
	margin-bottom: 30px;
}

.mceItemEmbedly div.embedly { /* KIP-827: Add grey border around embedly widgets in posts. */
	margin: 0;
	padding: 15px;
	border: 1px solid #ededed;
}


/* -------------------[ Widgets ]------------------- */

.widget { /* KIP-698: Match KQED.org styles. */
	border-color: #ccc;
}

#execphp-3 {
	border: 0; /* Google+ widget: Remove extra border. Can't remove border from within iframe. */
}



/* -------------------[ Banner Ad Widgets ]------------------- */

#sidebar .widget.banner300 h3.widgettitle,
#sidebar .widget.bannerad h3.widgettitle {
	padding: 0;
	margin:0 0 2px;
	font-size: 0.8em;
	font-weight: normal;
	border-bottom: 0;
	color: #4d4d4d;
	}


/* -------------------[ Subscribebox Widget ]------------------- */

.widget.subscribebox input[type="text"] { /* KIP-616: Match size of submit button. */
	width: 60%; /* Shorten for FF. */
	padding: 0.6em 0.6em 0.6em;
	font-size: 9pt;
	border: 1px solid #b3b3b3;
	color: #666;
}


/* -------------------[ Twitter Widget ]------------------- */

.widget_twitter {
	text-align: center;
}

.widget_twitter ul.tweets {
border-bottom: 1px dotted #ddd;
text-align: left;
}

.widget_twitter li {
	padding: 5px 9px;
	background: none;
}

.widget_twitter iframe {
	margin: 9px;
}


/* -------------------[ Popular Posts Widget ]------------------- */

.popular-posts {
background: #9A8F82;
}

.popular-posts ul li {
background: #9A8F82;
color: #fff;
}


#sidebar .popular-posts h3.widgettitle { /* KIP-698: Match KQED.org styles. */
color: #fff;
}



/* ----------[ Custom Thumbnail Navigation ]---------- */

.controls-container {
background: none;
margin: 0;
padding: 0;
border: 0px none;
}

/* ---[ Flexslider Featured Image ]--- */

/* KIP-698: For feature, remove grey bg, padding and border. */

.featured {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}

.flexslider {
	background-color: transparent;
	background-position: center 20%; /* Move loading image up to prevent it from showing on small screens. */
	border: 0;
}

.flexslider .full-width .slide-container { /* KIP-698: Remove padding between photos and their borders. */
	margin: 0;
	width: auto;
}

.flexslider .slides {
	background-color: transparent;
}

.flexslider .feature-image { /* .feature-image has higher z-index than .flex-caption to ensure photo credit is clickable. */
	position: relative;
	z-index: 1;
}

.flexslider .feature-image {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E5E5E5;
  float: none;
  margin: 0;
  max-width: 100%;
  padding: 1%;
}

.flexslider .photo-credit { /* Use absolute positioning so if there's no photo credit, space between photo and slug is consistent. */
	position: absolute;
	bottom: -20px;
	right: 0;
	text-align: right;
}

.flexslider .photo-credit a {
	font-size: 11px;
	color: #4D4D4D;
}

.flexslider .photo-credit a:hover {
	color: #0280C2;
}

.full-width .flex-caption {
	position: relative;
	background: none;
}

.full-width .flex-caption .excerpt {
	overflow: visible;
	height: auto; /* KIP-698: Override set height of 5.7em. Longer captions were being cut-off on smaller screens. */
	margin: 0;
	color: #666;
	background-color: transparent;
}

.flex-caption, .full-width .flex-caption, .featured.wide .full-width .flex-caption {
	padding: 0;
}

.flexslider .feature-image, .flexslider .full-width .feature-image, .flexslider .feature-video {
	width: 100%;
	padding: 0;
	border: 0;
}

.flexslider li.full-width {
	background-color: transparent;
}



.flexslider .slides h2 a {
	margin-bottom: 6px;
	color: #fff !important;
	position: absolute; 
	bottom: 10px; 
	left: 20px; 
	color: #fff; 
	text-shadow: black 0.1em 0.1em 0.2em; 
	z-index: 100;
	font-size: 30px;
}

.flexslider .flex-caption h2.post-title a:hover { /* KIP-723: Change to blue on hover. */
	color: #0280c2 !important;
}

.flexslider .flex-caption .excerpt p { /* KIP-698: Reduce spacing below exerpt. */
	margin-bottom: 7px;
	font: normal 13pt/1.4em; /* KIP-698: Use slightly smaller font than homepage since excerpts are longer. */
	color: #4D4D4D;
	float: left;
}

.flexslider .meta { 
	clear: both;
	margin-top: 5px; /* KIP-1362: Add more top margin so carousel nav, which horizontally lines up with meta, doesn't bump up against excerpt text. */
	margin-bottom: 10px;
	max-width: 60%;
}


.flexslider .controls-container {
	position: absolute;
	bottom: 8px;
	right: 0;
}


.flexslide-custom-controls li a {
border: 0px none;
color: #000;
}

.featured.wide {
  width: 66.67%;
  float: left;
}

#slider-right {
width: 33.33%;
float: left;
}


/* ---------[ Subfeatures ]--------- */ 

/* KIP-723: Styles for the 3 subfeatures that appear below the main feature. Uses .cats-by-2 class to take advantage of its responsive styles. */

.subfeatures {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 5px solid #000;
}

.subfeatures .post {
	float: left;
	clear: none;
	width: 31.25%;
	margin-left: 3.125%;
	padding: 0; /* Override .cats-by-2 */
	border-top: 0; /* Override .cats-by-2 */
}

.subfeatures .post:first-child {
	margin-left: 0;
}

.subfeatures .entry {
	overflow: visible; /* Override .cats-by-2 */
	height: auto; /* Override .cats-by-2 */
	padding: 0;
	border: 0;
}

.subfeatures .thumb-container {
	display: block;
	height: 150px;
	overflow: hidden;
	margin-bottom: 10px;
}

.subfeatures img.thumbnail {
	max-width: none;
	height: 150px;
	margin-right: 0; /* Override .cats-by-2 */
}

.subfeatures h4.post-source {
	margin-bottom: 4px;
}

.subfeatures h3.post-title {
	font: normal 13pt/1.2em Georgia, 'Times News Roman', Times, serif;
	color: #4D4D4D;
}


/* -------------------[ Audio and Video Player Tools ]------------------- */

ul.player-tools {
	list-style: none;
	margin: 0 0 1.5em;
	padding: 2px 15px;
	background-color: #eee;
	border: 1px solid #ddd;
}
/*
ul.player-tools.slideshow {
	margin-top: -4px;
}
*/
.single-video.slideshow {
	padding-bottom: 85%;
}
ul.player-tools li {
	float: left;
	margin-right: 2em;
	padding-left: 0;
	background: none;
}

ul.player-tools li.cl {
	float: none;
}

ul.player-tools a {
	display: block;
	padding-top: 3px;
	min-height: 17px;
	color: #666;
}
*+html ul.player-tools a { padding-top: 2px; min-height: 18px; /* IE7,8 */ }

ul.player-tools .downloadhd {
	margin-right: 0;
}

ul.player-tools .downloadhd a {
	padding-left: 30px;
	background: url('img/hd-download.png') no-repeat 0 0.25em; 
}

ul.player-tools a span {
	font-size: 0.9em;
	color: #999;
}

#embed, 
#audioembed,
#embedcode { 
	clear: both; /* IE 7,8 */
	width: 90%; /* IE 7,8 */
	margin-top: 0.8em;
	margin-bottom: 0.6em;
	color: #999; 
}

#embed em {
	white-space: nowrap;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* imported styles5 from SCI-Clear clear-theme/style-kqed.css - this was called at the beginning of the SCI-Clear/custom.css */

/* ---------[ The Responsive Design was pulled from Styles 2 above and added below.  ]--------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#header {
    display: none;
	}
#contentleft {
    width: 66.67%;
    font-size: 1.25em;
    line-height: 1.5em;
	}
#contentright {
    width: 31.25%;
    font-size: 14px;
    line-height: 1.5;
	}
h3.post-title, h2.post-title {
    font-size: 20pt;
    line-height: 1.2;
    margin: 12px 0 0 0;
}
h1.post-title {
    margin-bottom: 10px;
    font-size: 17pt;
    line-height: 1.3;
}
.entry img {
    max-width: 100%;
    padding: 0;
    border: 0;
}
.wp-caption {
    max-width: 97%}
.wp-caption.alignnone {
    width: auto !important;
    padding: 0;
    margin: 0 0 10px;
}
.hentry .wp-caption {
    display: none;
}
#related {
    padding-bottom: 0;
}
#related .related-posts {
    width: auto;
    float: none;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    height: auto !important;
    margin: 0 19px 20px 0 !important;
    border: 0 !important;
    overflow: hidden;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    overflow: visible !important;
    max-height: none !important;
    width: auto !important;
    margin: 0 !important;
    font: normal 10pt/1.4em Georgia, Times, serif !important;
    color: #333;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail:hover .yarpp-thumbnail-title {
    color: #0280c2;
}
.yarpp-thumbnail>img, .yarpp-thumbnail-default {
    width: auto !important;
    height: 130px !important;
    margin: 0 0 8px -25% !important;
}
.simplePullQuote {
    width: 45%;
    margin: 1em 0 1em 10%;
    padding: 1em 0 0.5em;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.4;
    color: #fe4819;
    text-indent: 0;
    border-top: 3px solid #fe4819;
    border-bottom: 3px solid #fe4819;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.auth-archive {
    margin: 0 0 30px;
    padding: 15px 0;
    background: none;
    border: 0;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
}
.single .meta {
    margin-bottom: 4px;
    padding-bottom: 14px;
    font-size: 13px;
    line-height: 1.3;
}
.articletools {
    margin-bottom: 15px;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.5em;
    font-style: italic;
}
.articletools .meta-gestures {
    min-height: 24px;
    margin: 0;
    list-style: none;
}
.articletools ul li {
    float: left;
    margin: 0 6px;
    padding: 0;
    background: none;
}
.articletools .label {
    margin-left: 0;
    font-weight: normal;
}
.articletools .meta-comments {
    margin: 1px 30px 0 0;
}
.articletools .meta-print {
    float: right;
    margin-top: -2px;
    margin-right: 0;
    background-image: none;
}
.articletools .printfriendly a {
    display: block;
    min-height: 18px;
    padding: 2px 0 0 22px;
    background: url("http://cdn.printfriendly.com/pf-icon-small.gif") 0 0 no-repeat;
}
.articletools .printfriendly img {
    display: none;
}
#article-tools-right {
float: right;
}

.hentry, .cat-posts-stacked .post {
    margin: 0 0 20px;
    padding: 0;
    clear: both;
}
.entry {
    padding: 0 0 15px;
    border: 0;
    border-bottom: 1px solid #ededed;
}
.single .entry {
    margin-bottom: 5px;
}
.single-video {
    margin-bottom: 0;
    padding-top: 0;
}
#mediaplayer_wrapper {
    position: relative;
    padding-bottom: 56.25%;
    width: 100% !important;
    height: 0 !important;
    overflow: hidden;
}
#mediaplayer_wrapper iframe, #mediaplayer_wrapper object, #mediaplayer_wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.audio-player #mediaplayer_wrapper {
    padding-bottom: 29px;
}
.hentry .meta {
    margin-bottom: 5px;
}
.hentry .meta-comments {
    display: none;
}
.one-post-per-cat {
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 5px solid #000;
}
.one-post-per-cat .cat-posts-left, .one-post-per-cat .cat-posts-right {
    border: 0;
    margin-bottom: 30px;
}
.one-post-per-cat h2.feat-title {
    padding: 0;
    background: none;
}
.one-post-per-cat .feat-title a {
    display: inline-block;
    margin: 0;
    font: bold 13px/1em Helvetica,  Arial,  sans-serif;
    color: #000 !important;
    text-transform: uppercase;
}
.one-post-per-cat .post {
    overflow: visible;
    padding: 0;
    border-top: 0;
}
.one-post-per-cat .entry {
    overflow: visible;
    height: auto;
    padding-top: 10px;
}
.one-post-per-cat h3.post-title {
    font: normal 14pt/1.3 Georgia,  Times,  serif;
}
.one-post-per-cat p {
    display: none;
}
.one-post-per-cat img.thumbnail {
    width: 100%;
    max-width: none;
    height: auto;
}
.subfeatures {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 5px solid #000;
}
.subfeatures .row {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}
.subfeatures .row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.subfeatures .post {
    float: left;
    clear: none;
    width: 31.25%;
    margin-left: 3.125%;
    padding: 0;
    border-top: 0;
}
.subfeatures .post:first-child {
    margin-left: 0;
}
.subfeatures .entry {
    overflow: visible;
    height: auto;
    padding: 0;
    border: 0;
}
.subfeatures .thumb-container {
    display: block;
    height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
}
.subfeatures img.thumbnail {
    max-width: none;
    width: auto;
    height: 150px;
    margin-right: 0;
    margin-bottom: 0;
}

.subfeatures h4.post-source {
    margin-bottom: 4px;
}
.subfeatures h3.post-title {
    font: normal 13pt/1.2em Georgia, Times, serif;
    color: #4d4d4d;
}

.mceItemEmbedly {
    margin-bottom: 30px;
}
.mceItemEmbedly div.embedly {
    margin: 0;
    padding: 15px;
    border: 1px solid #ededed;
}
.widget {
    border: 0 none;
}
#execphp-3 {
    border: 0;
}
#sidebar .widget.banner300 h3.widgettitle, #sidebar .widget.bannerad h3.widgettitle {
    padding: 0;
    margin: 0 0 2px;
    font-size: 0.8em;
    font-weight: normal;
    border-bottom: 0;
    color: #4d4d4d;
}

#text-43 .widget, #text-43 .widget-wrap {border: none 0;}

#text-43 .widget h3.widgettitle {
display: none;
}

.widget_twitter {
    text-align: center;
}

#featured-quest-post-7 .widget, #text-43 .widget-wrap { background: #EB5926; }


.widget_twitter ul.tweets {
    border-bottom: 1px dotted #ddd;
    text-align: left;
}
.widget_twitter li {
    padding: 5px 9px;
    background: none;
}
.widget_twitter iframe {
    margin: 9px;
}
.google_top_posts { background-color: #9A8F82; }
.google_top_posts h3 { color: #fff; margin-left: 9px; }
.google_top_posts ol {
    margin: 0;
    counter-reset: listNum;
}
.google_top_posts li {
    padding: 0;
    border-top: 1px solid #b3b3b3;
    border-bottom: 0;
    background: none;
}
.google_top_posts li:first-child {
    border-top: 0;
}
.google_top_posts li:last-child {
    border-top: 1px solid #b3b3b3;
}
.google_top_posts li a {
    display: block;
    position: relative;
    margin-bottom: 0;
    padding: 1em 1em 1em 3.6em;
    text-align: left;
    color: #fff;
    border: 0;
    background-color: #9A8F82;
}
.google_top_posts li:nth-child(2n) a {
    background-color: #9A8F82;
}
.google_top_posts li a:hover {
    background-color: #EB5926;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.google_top_posts li a:before {
    content: counter(listNum);
    counter-increment: listNum;
    position: absolute;
    top: 30%;
    left: 0;
    width: 3em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.readmore {
    display: none;
}
input[type="submit"] {
    display: block;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #fff;
    text-align: center;
    background-color: #f34819;
    cursor: pointer;
    border: none;
}
input[type="submit"]:hover {
    color: #fff;
    background-color: #f34819;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.subscribebox input[type="submit"] {
display: block;
font-size: 18px;
color: #586b73;
text-align: center;
background-color: #B8D433;
cursor: pointer;
display: inline;
margin: 0 0 0 0.3em;
padding: 0.3em;
width: 88px;
height: 32px;
padding: 0;
margin-top: .3em;
}

.widget.subscribebox input[type="text"] {
width: 60%;
padding: 8px;
font-size: 9pt;
border: 0px;
color: #666;
margin: 0;
}

.subscribebox input[type="submit"]:hover {
    color: #fff;
    background-color: #f34819;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* imported styles6 from SCI-Clear SCI-Clear/custom.css */

/* ---------[ The Responsive Design is pulled from Styles4 above ]--------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


@media only screen and (max-width:560px) {
	
	#quest-masthead h1 a {
  background-size: 100% auto;
  height: 28px;
  width: 100%;
}

	.subfeatures .post {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #ebebeb;
	}
    .subfeatures .post: last-child {
    border-bottom: 0;
	}
    .subfeatures .entry {
    padding: 9px 0;
	}
    .subfeatures .thumb-container {
    float: left;
    max-width: 33%;
    height: auto;
    margin: 0 9px 2px 0;
    overflow: visible;
	}
	.subfeatures img.thumbnail {
    max-width: 100%;
    height: auto;
    margin-left: auto;
	}
	.subfeatures h3.post-title {
    font-size: 12pt;
    line-height: 1.3em;
	}
	.flexslider .full-width p.readmore {
    display: none;
	}
	.flexslider .meta { 
		max-width: none;
	}
	.flexslider .controls-container {
		position: relative;
		bottom: auto;
		right: auto;
	}
	.flexslide-custom-controls li a {
		padding-left: 0;
	}
    .subfeatures .row {
    margin-bottom: 0;
    padding-bottom: 0;
	}
	#quest-header { 
	    border-bottom: 0;
	    padding-bottom: 14px;
	    padding-top: 0;
	}

	#quest-header #quest-tagline {display: none;}

	#page { /* KIP-698: Reduce whitespace between top nav and page content. */
		padding-top: 10px;
	}

	.flexslider .full-width p.readmore { /* KIP-603: Hide "Continue Reading" buttons */
		display: none;
	}

	.featured { /* KIP-698: Remove bottom margin so grey border sits above 1st subfeature at same distance as the others. */
		margin-bottom: 23px;
	}	
	
	/* KIP-723: Change the subfeatures to vertical display. Match look of .cats-by-2 */

	.subfeatures {
		padding: 0;
	}

	.subfeatures .post {
		width: 100%;
		margin-right: 0;
		border-bottom: 1px solid #ebebeb;
	}

	.subfeatures .post:last-child {
		border-bottom: 0;
	}

	.subfeatures .entry {
		padding: 9px 0;		
	}

	.subfeatures .thumb-container {
		float: left;
		max-width: 33%;
		height: auto;
		margin: 0 9px 0 0;
		overflow: visible;
	}

	.subfeatures img.thumbnail {
		max-width: 100%;
		height: auto;
	}

	.subfeatures h3.post-title {
		font-size: 12pt;
		line-height: 1.3em;
	}

    .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 120px !important;
    margin-right: 15px !important;
	}

    .yarpp-thumbnail>img, .yarpp-thumbnail-default {
    height: 120px !important;
	}

	#cte {
	  float: none;
	  width: 100%;
	}
	#ngss {
	margin-bottom: 20px;
	width: 100%;
	}

	.contributors, .team {
	float: none;
	width: 100%;
	}


}



@media only screen and (min-width: 561px) and (max-width: 768px) {
 
 
 	.select-menu-catnav {
		display:none;
	}
    .simplePullQuote {
    margin-left: 5%;
    font-size: 1.5em;
    line-height: 1.4;
	}

	#page { /* KIP-698: Reduce whitespace between top nav and page content. */
		padding-top: 3px;
	}

	#wrap { /* KIP-603: Reduce default 5% padding. */
		width: 96% !important;
		padding: 0 2% !important; /* Same padding as on <561 wide screens. */
	}

	div#page-size, body#home div#content, body#interior div#content, body#interior2 div#content, body#interior-2col div#content, body#interior-2col-r div#content, body#interior-2colr div#content, #quest-header, #kqed-footer {
	    width: 100% !important;
	}
	
	#quest-navbar {
	padding: 0 2%;
	margin: 35px 0 0 0;
	
	}
	
#quest-navbar ul a {
font-size: 10px;
padding: 5px 4px;
}
#quest-navbar ul li.menu-item-54308 a, #quest-navbar ul li.menu-item-54309 a, #quest-navbar ul li.menu-item-60812 a, #quest-navbar ul li.menu-item-60810 a {
padding-right: 4px;
}


#quest-navbar li.menu-item-home > a {
  height: 24px;
  margin-right: 0;
  width: 36px;
}

	#quest-navbar li.menu-item-home {
	padding: 4px 0 0 0;
}
	
	
	#quest-masthead {
	    padding-top: 28px;
	}
	#quest-masthead h1 {
	    width: 131px;
	    height: 40px;
	}
	#quest-masthead h1 a {
	    width: 100%;
	    height: 40px;
	    background-size: 100% auto;
	}
	#quest-masthead h1 svg {
	    width: 131px;
	    height: 40px;
	}
	#quest-masthead h2 {
	    display: block;
		height: 15px;
		margin-top: 15px;
		margin-left: 19px;
		background-size: 100% auto;
		width: 200px;
		}

	#quest-masthead .radio a {
	    width: 62.54169px;
	}
	#quest-masthead .tv a {
	    width: 103.70838px;
	    margin-left: 14.25001px;
	}
	#quest-masthead .news a {
	    width: 60.95836px;
	}
	#quest-masthead .arts a {
	    width: 45.12502px;
	    margin-left: 14.25001px;
	}
	#quest-masthead .food a {
	    width: 53.83336px;
	}
	#quest-masthead .science a {
	    width: 80.75003px;
	}
	#quest-masthead .education a {
	    width: 108.45838px;
	}
	#quest-header #quest-masthead .support a {
	    width: 89.45837px;
	    height: 23.75001px;
	    background-size: auto 23.75001px;
	}
	#quest-masthead .about a {
	    width: 66.50003px;
	    margin-left: 14.25001px;
	}
	#quest-masthead h2.tagline {
	    width: 13em;
	    margin-top: 12px;
	    margin-left: 14px;
	    font-size: 10px;
	    line-height: 1.2;
	}
	#quest-masthead .partners {
	    margin-top: 17px;
	    margin-left: 11px;
	}
	#quest-hd-tools .social {
	    margin-bottom: 11px;
	}
	#quest-hd-tools .bu-donate {
	    margin-right: -8px;
	}
	#quest-hd-tools #search-box {
	    display: none;
	}
	#quest-navbar {
	    height: 38px;
	}
	

	
	#quest-navbar .nav-support span {
	    display: none;
	}
	#quest-navbar #quest-navbar-primary>li>a {
	    height: 22px;
	    padding: 6px 6px 0;
	    font-size: 12px;
	    line-height: 1.4em;
	}
	#quest-navbar #quest-navbar-primary>li.nav-home>a {
	    width: 38px;
	    padding: 6px 0 0;
	    background-position: 10px 6px;
	}
	#quest-navbar #quest-navbar-primary>li.nav-home:hover>a, #quest-navbar #quest-navbar-primary>li.nav-home>a:hover, #kqed-footer #quest-navbar #quest-navbar-primary>li.nav-home.selected>a {
	    background-position: 10px -24px;
	}
	#quest-navbar-secondary {
	    top: 29px;
	    font-size: 0.92307em;
	    line-height: 1.2em;
	}
	li:not(.nav-home) #quest-navbar-secondary {
	    background: url("//a.s.kqed.net/img/nav/divider-secondary.gif") 33.3% 0 repeat-y, #fff url("//a.s.kqed.net/img/nav/divider-secondary.gif") 66.6% 0 repeat-y;
	}
	li:not(.nav-home) #quest-navbar-secondary .sectionWrap {
	    float: left;
	    width: 33.3%}
	li:not(.nav-home) #quest-navbar-secondary .sectionWrap .section {
	    float: none;
	    width: auto;
	    margin-left: 6.5%;
	    margin-right: 6.5%;
	    border-right: 0;
	    min-height: 0;
	}
	#quest-navbar li:not(.nav-home) #quest-navbar-secondary h1, #quest-navbar li:not(.nav-home) #quest-navbar-secondary ul {
	    width: 100%;
	    margin-right: 0;
	}
	#kqed-footer {
	    background-color: #ddd;
	    background-image: none;
	}
	#kqed-footer #quest-navbar {
	    width: 100%;
	    height: auto;
	}
	#kqed-footer #quest-navbar-secondary {
	    display: none !important;
	}
	#kqed-footer #copyright {
	    width: auto;
	    padding: 2em 3%}
	#kqed-footer #copyright .logo-kqed {
	    float: none;
	    display: block;
	    margin-bottom: 1em;}
	    
	    
	 #quest-navbar #search-box  {
width:144px; 
height:23px;
background-image:url("img/bg-search-icon-smaller.jpg");
background-repeat:no-repeat; /*important*/
margin: 6px 0 0;
}
  
#quest-navbar input.searchbox {
height:15px;
margin: 3px 0 0 8px;
font-size: 10px;
}
 
#quest-navbar input.searchbox_submit {
  height: 16px;
  left: 78px;
  width: 22px;
}
   
	    
}


@media only screen and (min-width: 768px) and (max-width: 862px) {

	/* Ensure that sidebar doesn't fall below 300px wide or else iframe ads get cut off. */
	#contentleft { width: 55.13%; } /* 100% - #contentright - 2.08% margins - 2.08% gutter */
	#contentright { width: 40.71%; } /* 300px / 737px (768px - 4% #wrap margins = 737px) */
	#quest-navbar ul a {padding: 5px 6px;}

}


@media only screen and (min-width: 768px) and (max-width: 960px) {
    div#page-size, body#home div#content, body#interior div#content, body#interior2 div#content, body#interior-2col div#content, body#interior-2col-r div#content, body#interior-2colr div#content, #quest-header, #kqed-footer {
    width: 100% !important;}

#quest-navbar {
  margin: 28px 0 6px;
}

#quest-navbar ul a {
padding: 5px 18px 5px 0;
font-size: 12px;
}

#quest-navbar li.menu-item-home {
padding: 3px 0 0 0;
}

#quest-navbar #search-box  {
width:144px; 
height:23px;
background-image:url("img/bg-search-icon-smaller.jpg");
background-repeat:no-repeat; /*important*/
margin: 6px 0 0;
}
  
#quest-navbar input.searchbox {
height:15px;
margin: 3px 0 0 8px;
font-size: 10px;
}
 
#quest-navbar input.searchbox_submit {
  height: 16px;
  left: 78px;
  width: 22px;
}


}


@media only screen and (min-width: 863px) and (max-width: 960px) {

	/* Ensure that sidebar doesn't fall below 300px wide or else iframe ads get cut off. */
	#contentleft { width: 59.61%; } /* 100% - #contentright - 2.08% margins - 2.08% gutter */
	#contentright { width: 36.23%; } /* 300px / 828px (863px - 4% #wrap margins = 828px) */
}


@media only screen and (min-width: 961px) and (max-width: 1040px) {

	/* Ensure that sidebar doesn't fall below 300px wide or else iframe ads get cut off. */
	#contentleft { width: 65.33%; } /* 100% - #contentright - 2.17% gutter (20px/923px) */
	#contentright { width: 32.50%; } /* 300px / 923px (961px - 4% #wrap margins = 923px) */
	    div#page-size, body#home div#content, body#interior div#content, body#interior2 div#content, body#interior-2col div#content, body#interior-2col-r div#content, body#interior-2colr div#content, #quest-header, #kqed-footer {
    width: 100% !important;
}