/******************************************************************
Site Name: NOVA Quanta
Author: Tacita Morway

Stylesheet: Main Stylesheet

The base mobile styling is outside any query. It is the default rendering.
Media queries for other viewports follow.

TODO:
- slim down reset
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */

}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  white-space: normal;
  /* 2 */

  /*margin-left: -7px;*/
  /* 3 */

}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */

  margin: 0;
  /* 2 */

  vertical-align: baseline;
  /*vertical-align: middle;*/
  /* 3 */

}
/* stop rounded corners in ie */
input {
  -webkit-appearance: none;
  border-radius: 0;
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

  overflow: visible;
  /* 4 */

}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

  /*height: 13px;*/
  /*width: 13px;*/
  /* 3 */

}
/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
dfn,
em,
.em {
  font-style: italic;
}
ul,
ol {
  padding: 0;
  list-style: none;
}
dd {
  margin: 0;
}

/* --------------------------------------------------- end reset --------------------- */



/****************************
BASE (MOBILE) SIZE
*****************************/
/* --------------------------------------------------- WRAPPERS .small. -------------- */
body {
  background: #bababa;
}
.home #content {
  background-color: #f7f7f7;
}
.home article.primary-feature,
.home .secondary article,
.home .tertiary article {
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  background-color: #fff;
  padding: 21px;
}
/* avoid content shift after pbs bar renders */
#container {
  position: absolute;
  top: 55px;
  width: 100%;
  background-color: #bababa;
  background-image: -moz-linear-gradient(top, #bababa 0, #e7e7e7 700px); /* FF3.6+ */
  background-image: -webkit-linear-gradient(top, #bababa 0, #e7e7e7 700px); /* Chrome10+,Safari5.1+ */
  background-image: linear-gradient(top, #bababa 0, #e7e7e7 700px); /* W3C */
}
.home #container {
  background-color: #fff;
  background-image: none;
}
/*hack to fix new PBS header bar*/
#pbs_lens {
  width: 48px !important;
}
#pbs_dh {
  max-height: 55px;
  overflow: hidden;
}

.wrap {
  margin: 0 auto;
}
#content, 
#associated-content {
  padding: 17px 10px;
  margin: 0 auto;
  background: #fff;
}
#associated-content {
  padding-top: 10px;
  background: #f7f7f7;
}
#inner-header {
  background: #fff;
}

/* --------------------------------------------------- MAIN CONTENT AREAS (s) -------------- */
/* --------------------------------------------------- Site Header (s) */
.header {
  position: relative;
  z-index: 10;
}
#upper-header {
  min-height: 143px;
  background: #365e86  ; /* Old browsers */
  background: -moz-linear-gradient(top,  #365e86   0%, #0b131b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#365e86  ), color-stop(100%,#0b131b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #365e86   0%,#0b131b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #365e86   0%,#0b131b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #365e86   0%,#0b131b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #365e86   0%,#0b131b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#365e86  ', endColorstr='#0b131b',GradientType=0 ); /* IE6-9 */
  width: 100%;
  padding: 0;
}
#nav-header {
  padding: 0;
  background: #369
}
#header-sponsors {
  min-height: 96px;
  width: 100%;
  overflow: hidden;
}
#header-logos {
  padding-bottom: 10px;
  width: 100%;
  /*float: left;*/
  padding-right: 10px;
  overflow: hidden;
}
.header-sponsor-el {
  float:right;
  margin: 8px 10px 11px 10px;
}
.header-sponsor-el-title {
  display: none;
}
.nova-logo {
  width: 1px;
  height: 1px;
  display: block;
  clear: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 0;
  float: left;
  clear: none;
  background: url('') 0px 0px no-repeat;
}
.site-logo {
  width: 191px;
  height: 37px;
  display: block;
  clear: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 0 0 0 6px;
  float: left;
  clear: none;
  background: url('../images/site-logo-sm.png') 0px 0px no-repeat;
}
.btn-facebook,
.btn-twitter,
.btn-facebook-light,
.btn-twitter-light {
  width: 25px;
  height: 25px;
  display: block;
  clear: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 10px 0 0 10px;
  float: right;
  background-repeat: no-repeat;
}
.inner-content-header .btn-facebook-light, 
.inner-content-header .btn-twitter-light {
  margin: 0 0 0 10px;
}
.btn-facebook {
  background: url('../images/btn-fbook.png') 0 0;
}
.btn-facebook:hover {
  background: url('../images/btn-fbook.png') 0 -25px;
}
.btn-twitter {
  background: url('../images/btn-twitter.png') 0 0;
}
.btn-twitter:hover {
  background: url('../images/btn-twitter.png') 0 -25px;
}
.btn-facebook-light {
  background: url('../images/btn-fbook-light.png') 0 0;
}
.btn-facebook-light:hover {
  background: url('../images/btn-fbook-light.png') 0 -25px;
}
.btn-twitter-light {
  background: url('../images/btn-twitter-light.png') 0 0;
}
.btn-twitter-light:hover {
  background: url('../images/btn-twitter-light.png') 0 -25px;
}
.nav-shop-pbs {
  float: right;
  margin: 4px 10px 0;
}

/* end site header */

/* --------------------------------------------------- Top Nav (s) */
.nav {
  border: 0;
}

#inner-header ul {
  margin: 0 0;
}
.nav li a {
  display: block;
  padding: 10px 10px;
  background-color: #369;
}
.nav li {
  background: #369;
}

/* | separated lists */
.separated #nav-links li:nth-child(n+2):before {
  display: none;
}
.nav #nav-links {
  background-color: #233c56;
  width: 100%;
}
.nav #nav-links li a {
  background-color: #233c56;
  border-top: 1px solid #000;
}
.nav #nav-links li:last-child a {
  border-bottom: 6px solid #000;
}
.nav #nav-links li:first-child a {
  margin-top: 17px;
}
.nav li.searchform {
  float: right;
  margin: 8px 10px 8px 0;
}
.nav li.searchform input {
  height: 26px;
  float: left;
  border: 0;
  padding: 4px;
}

#searchsubmit {
  background: url('../images/menu_search.png') 0 0px no-repeat;
  height: 26px;
  width: 26px;
  border: none;
  padding: 0;
  margin: 0;
}

#searchsubmit:hover {
  background: url('../images/menu_search.png') 0 -26px no-repeat;
}
.nav #nav-links {
  display: none;
  overflow: hidden;
}
.nav #nav-collapse-btn {
  display: block;
}
.nav #nav-collapse-btn a {
  background: url('../images/menu_small.png') 0 0px no-repeat;
  height: 44px;
  width: 47px;
}
.nav #nav-collapse-btn a.open {
  background: url('../images/menu_small.png') 0 -44px no-repeat;
}
/* end top nav */

/* --------------------------------------------------- Main Body Content (s) */
#main {
  margin-bottom: 21px;
}

/* --------------------------------------------------- Sidebar (s) */
.add-container {
  width: 300px;
  height: 269px;
} /* set all elements that need to be add-block container size to same size */
#add-block {
  position: static;
  margin: 10px auto 27px auto;
}
#add-block h4 {
  background: #CFCFCF; /*#c2c2c2;*/
}
#add-block-placer {
  display: none;
}
.widget_title,
.widget_title a {
  margin-bottom: 11px;
}
.sidebar aside {
  background: #e8f0f7;
  border: 1px solid #bacbdd;
  border-left: none;
  border-right: none;
  padding: 28px 30px 25px 30px;
  margin: 0 0 24px 0;
}
.sidebar aside.boxed {
  background: transparent;
  border: none;
  padding: 0;
  margin: 40px 0 24px 0;
}
.sidebar .external {
  background: #f0f0f0;
  border-color: #dadada;
}
.single .sidebar aside.extended {
  width: 100%;
  clear: both;
}
.sidebar ul,
.sidebar ol,
.sidebar dl {
  margin: 14px 0 0 0;
}
.sidebar li {
  margin-bottom: 1em;
}
.sidebar .boxed li {
  margin-right: 0;  
  display: inline-block;
  width: 100%;
  max-width: 300px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  background-color: #fff;
}
.sidebar .boxed li:first-child {
  margin-right: auto;  
}
.sidebar .boxed li img {
  width: 100%;
}
.sidebar .boxed h2 {
  margin: 5px 0 10px 0;
}
.has-more-link {
  padding-bottom: 24px;
}
.names li {
  margin-bottom: 6px;
}
/* end sidebar */

/* --------------------------------------------------- Footer (s) */
#inner-footer {
  padding: 47px 0px 62px 0px;
  background: #333; /*note: change back to #333*/
}

#inner-footer ul {
  margin: 0px 0;
}

.specific-funders {
  width: 100%;
}
.specific-funders,
#footer-sponsors {
  overflow: hidden;
  max-width: 480px;
  float: left;
  margin: 0 0 13px 0;
}

.footer-chunk:first-child {
  margin-top: 0px;
}

.footer-chunk {
  margin-top: 13px;  /*24-11*/
  overflow: hidden;
}

#footer-wgbh {
  /*margin-top: 13px;*/  /*24-11*/
  overflow: hidden;
  max-width: 500px;
  clear: none;
  float: left;
}


#footer-wgbh p:first-child {
  /*padding-bottom: 0; */
}

.footer p {
  padding: 0 10px 8px 10px;
  margin: 0;
}

.footer-sponsor-el {
  float:left;
  margin: 0px 10px 11px 10px;
}

.footer {
  clear: both;
}
/* end footer */

/* --------------------------------------------------- Shared Styles (s) */

.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.no-margin {
  margin: 0;
  clear: both;
}

.vertical-align-middle {
  display: table-cell; 
  vertical-align: middle; 
}

hr {
  border: none;
  border-bottom: 1px solid #c1d1e0; /* todo: check color with tyler*/
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  left: -9999999px;
}
.nova-read-more,
.nova-read-more:visited {
  display: block;
  margin-bottom: 3px;
}
/* | separated lists */
.separated li:nth-child(n+2):before {
    content: "| ";
}
.horizontal {
  float: left;
  margin: 0;
}

.horizontal li {
  padding: 0;
  list-style: none;
  float: left;
}

.date-badge {
  display: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
.sans-serif {
  margin: 0;
  padding: 0;
}
.h2 {
  clear: left;
}
/* --------------------------------------------------- Shared Modules (s) */
.post .contributor,
.box {
  border: 1px solid #d0dce8;
  border-left: none;
  border-right: none;
  background: #f7fafc; /* Old browsers */
  background: -moz-linear-gradient(top,  #f7fafc 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fafc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f7fafc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f7fafc 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f7fafc 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f7fafc 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.post .contributor,
.next-box {
  background: #fdfdfd; /*removed gradient for Next 2/9/15*/
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  border: none;
  border-radius: 2px;
  padding: 13px 10px 13px 15px;
}

.contact {
  margin-bottom: 20px;
  padding: 19px 10px 16px 15px;
}
/* CONTRIBUTOR */
.items .contributor {
  margin-bottom: 12px;
}
.items .contributor section {
  float: left;
}
.contributor .avatar {
  width: 60px;
  height: auto;
  float: left;
  margin-right: 20px;
}
.contributor .author-meta {
  float: left;
}
/* ABOUT PAGE CONTRIBUTOR LIST */
.list .contributor {
  margin-bottom: 18px;
}
.list .contributor section {
  margin-top: 1px;
}
.list .contributor ul {
  margin-top: -2px;
}

/* POST SPECIFIC CONTRIBUTOR */
.post .contributor {
  margin-bottom: 30px;
}
.post .avatar {
  display: none;
}
.post .contributor ul,
.post .bio {
  width: 100%;
  margin-bottom: 2px;
}
.post .bio {
  margin-bottom: 5px;
}

/* HEADERS */
.page-template-archive-nova_categories-php .archive-header, 
.page-template-archive-nova_storylines-php .archive-header {
  margin-top: 0px;
}
#topic-hop p {
  float: right;
  margin-top: 3px;
  margin-bottom: 38px;
}
header h1 {
  margin-bottom: 6px;
}
.archive-header {
  margin-top: 20px;
}
.category .archive-header {
  margin-top: 0;
}
.archive-title {
  margin-bottom: 16px; /* todo: check with tyler */
}
.overline {
  margin-top: 6px;
}
#content.content-continue {
  padding-top: 0;
  background-color: #f7f7f7;
}
#content.content-continue #inner-content {
  background-color: #f7f7f7;
}
.storyline-max #content.content-continue, .storyline-max #content.content-continue #inner-content {
  background-color: #414141;
}
.storyline-header-main-image {
  position: relative;
  opacity: 0.8;
  margin: 0 auto;
  /*max-width: 100%;*/
  display: block;
}
.storyline-header-translucent {
  width: 100%;
  height: 100%;
  background-color: #0358AD;
  position: absolute;
  left: 0;
  right: 0;
  width: 1024px;
  margin: 0 auto;
}
.content-header {
  /*stuff for both storyline top-level and storylines*/
  overflow: hidden;
}
.content-header.wrap {
  background: #000;
  position: relative;
  line-height: 0;
}
.inner-content-header {
  position: absolute;
  width: 95%;
  width: calc(100% - 20px);
  padding: 30px;
  line-height: 16px;
}
.inner-content-header.storyline-recent {
  padding: 30px 5px 20px 5px;
  margin-bottom: 34px;
  min-height: 0;
}
.tax-storyline .inner-content-header.storyline-recent {
  padding-top: 17px;
}
.inner-content-header.storyline-recent .call-out-deco {
  width: 25px;
  height: 11px;
  position: absolute;
  bottom: 0;
  margin-bottom: -11px;
  left: 50%;
  margin-left: -12.5px;
  background: url('../images/deco-down-arrow.png') no-repeat 0 center;
}
.tax-storyline .inner-content-header.storyline-recent .call-out-deco {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 11px 12.5px 0 12.5px;
 border-color: #333 transparent transparent transparent;
 position: absolute;
 bottom: 0;
 margin-bottom: -11px;
 left: 50%;
 margin-left: -12.5px;
 background: none;
}
.tax-storyline.storyline-max .inner-content-header.storyline-recent .call-out-deco {
  border-color: #ffcc00 transparent transparent transparent;
}
.storyline-title {
  left: 0;
  bottom: 0;
  margin-left: 10px;
  background-color: #333;
  color: #fff;
}
.tax-storyline .storyline-title {
  background-color: #fff;
  color: #333;
}
.home-storyline .storyline-title {
  position: relative;
  margin-left: 0;
  background-color: rgba(0,0,0,0.55);
  padding: 31px 24px 24px 24px;
  border-radius: 2px 2px 0 0;
}
.storyline-header-coprod-gfx {
  display: inline-block;  
}
.storyline-header-coprod-gfx img {
  width: 102px;
  height: 29px;
}
.storyline-header-gfx {
  display: inline-block;
  text-indent: -999em;
  background: url('../images/storyline-logo-small.png') no-repeat 0 center;
  height: 30px;
  width: 250px;
}
.tax-storyline .storyline-header-gfx {
  background: url('../images/storyline-block-small.png') no-repeat 0 center;
  height: 25px;
  width: 50px;
}
.storylines-topic-header-gfx {
  background: url('../images/storyline-block-small.png') no-repeat right center;
  height: 64px;
  width: 50px;
  position: absolute;
  right: 10px;
}
.storyline-header-social {
  display: inline-block;
  float: right;
}
.storyline-description p {
  margin-bottom: 0;
}
.storyline-recent {
  position: relative;
  width: 100%;
  min-height: 189px; 
  background-color: #fff;
  color: #999;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  text-align: center;
}
.storyline-recent ul {
  margin-top: 16px;
  margin-bottom: 16px;
}
.home-storyline .storyline-recent ul {
  margin: 0;
}
.storyline-recent ul a {
  margin-left: 5px;
  margin-right: 5px;
}
.tax-storyline .storyline-recent {
  background-color: #333;
  color: #fff;
  min-height: 0; 
}
 .storyline-max.tax-storyline .storyline-recent {
  background-color: #ffcc00;
}
.home-storyline {
  background: #000 url('../images/storylines-band-bg.png');
  background-size: 995px 100%;
  margin-bottom: 20px;
  border-radius: 2px;
}
.home-storyline .storyline-recent {
  min-height: 0; /*230px;*/ 
  box-shadow: none;
  padding: 24px 10px 14px 6px;
  background: transparent;
}
.storyline-recent li {
  display: inline-block;
  padding: 11px;
  margin-bottom: 10px;
  background: #d7e3ee;
  line-height: 10px;
  border-radius: 2px;
}
.storyline-recent a:visited li {
  background: #f2f9ff;
}
.storyline-recent a li:hover,
.storyline-recent a li:focus {
  text-decoration: underline;
  background: #fde587;
}
.storyline-recent .see-all li,
.storyline-recent a.see-all:visited li,
.storyline-recent a.see-all li:hover,
.storyline-recent a.see-all li:focus
 {
  background: #fff;
}
.storyline-title h1 {
  color: #fdd33a;
  margin-top: 0px;
}
.tax-storyline .storyline-title h1 {
  margin-top: 6px;
}
.storyline-title h1 span.number {
  color: #369;
}
.tax-storyline h1 {
  color: #333;
}
#mainMenuBar {
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
  z-index: 999;
  margin-bottom: 10px;
  border-radius: 2px;
  position: absolute;
}
#mainMenuBarSlug { 
  height: 51px;
}
#mainMenuBar.stick {
  position: fixed;
  width: inherit;
  top: 0;
}
.storyline.overline {
  width: 100%;
  background-color: #f7f7f7;
  text-transform: none;
  font-style: italic;
  font-weight: bold;
  margin-top: 0;
  background: #fff url('../images/storyline-block-small.png') no-repeat 8px center;
  padding-left: 51px;
  height: 38px;
  display: table;
  border-radius: inherit;
}
.storyline.overline.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.storyline.overline:hover {
  cursor: pointer;
}
.storyline.overline .sep {
  font-size: 1.5em;
  font-style: normal;
  padding-left: 2px;
  padding-bottom: 5px;
  width: 14px;
}
.storyline.overline div {
  display: table-cell; 
  vertical-align: middle; 
  border-radius: inherit; 
}
.btn-storyline-open-container {
  text-align: right;
  width: 22px;
}
.btn-storyline-open {
  height: 17px;
  width: inherit;
  background: #fff url('../images/storyline-openclose-sprite-small.png') no-repeat;
}
.hover .btn-storyline-open {
  background-position: 0 -17px;
}
.active .btn-storyline-open {
  background-position: 0 -34px;
}
.hover.active .btn-storyline-open {
  background-position: 0 -51px;
}
.storyline-nav-drawer-content-container {
  width: 85%;
  overflow: hidden;
  margin: 0 auto;
  height: inherit;
}
.storyline-nav-drawer {
  background: #f7f7f7;
  height: 200px; 
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  /*text-align: center;*/
  display: none;
}
.storyline-nav-drawer-content {
  margin-top: 22px;
  border-left: 1px solid #d8e0e8;
  height: 140px;
  position: relative;
  border-right: 1px solid #d8e0e8;
  overflow-y: hidden;
  overflow-x: auto;
}
.storyline-nav-drawer-counter {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.storyline-nav-drawer.active {
  display: block;
}
.storyline-nav-drawer ul {
  margin: 0;
  position: absolute;
  left: 0;
  top: 10px;
  width: 200px;  /* todo set this dynamically; */
  opacity: 0;
}
.storyline-nav-drawer li {
  display: inline-block;
  padding: 12px 7px 7px 12px;
  /*border: 1px solid #454522;*/
  width: 140px;
  height: 104px;
  font-size: 75%; /*12/16*/
  line-height: 133.33%; /*16/16*/
  margin-right: 20px;
  text-align: left;
  vertical-align: middle;
  background: #fff;
  font-weight: bold;
}
.storyline-nav-drawer a li.current {
  color: #333;
  cursor: default;
}
.storyline-nav-drawer a li .date {
  font-weight: normal;
}
.storyline-nav-drawer a li:hover {
  text-decoration: underline;
}
.storyline-nav-drawer a li.current:hover {
  text-decoration: none;
}
.h2 {
  margin: 45px 0 25px 0;
}
.byline {
  margin-bottom: 26px;
}
.social {
  margin: 0;
}
.social a {
  display: block;
  height: 20px;
  text-indent: -999999px;
  margin-right: 13px;
  background-repeat: no-repeat;
  opacity: .55;
}
.social a:hover {
  opacity: 1;
}
.instapaper {
  width: 66px;
  background: #f0f0f0 url('../images/social-instapaper.png');
}
.facebook {
  width: 48px;
  background: #e7eaf3 url('../images/social-fbook.png');
}
.twitter {
  width: 56px;
  background: #e2e2e2 url('../images/social-twitter.png');
}
.add-comment-button {
  width: 60px;
  background: #f0f0f0 url('../images/comment-button.png');
}
.single-format-standard .social {
  margin-top: 3px;
}

/* LINK POST FORMAT */
.format-link .entry-title {
  line-height: 134%; /* ~24/18 */
}
.format-link .article-header section {
  overflow: hidden;
  position: relative;
  margin: 10px 0 18px 0;
  padding: 6px 0 8px 0;
  border: 1px solid #c1d1e0; /* todo: check color with tyler*/
  border-left: none;
  border-right: none;
}
.format-link .social {
  margin-top: 7px;
}
.format-link .byline {
  padding: 3px 0 0 38px;
  margin: 0;
}
.related-article .format-link .byline {
  padding-left: 29px;
}
.format-link .byline span {
  display: block;
}
.format-link .date-badge {
  display: none;
}

/* CONTRIBUTOR INFO AS PAGE HEADER */
.archive-header .avatar {
  width: 60px; /* 60/380 */
  height: auto;
}
.archive .bio {
  width: 100%; /* 380/380 */
  min-width: 300px;
  margin-top: 12px;
}
.author .contributor {
  margin-bottom: 0;
}

/* PAGE NAVI STYLES */
.wp-prev-next {
  margin: 20px 0 20px 0;
  padding: 5px 0 5px 0; 
  border-top: 1px solid #d0dce8;
  border-bottom: 1px solid #d0dce8;
  position: relative;
}
.wp-prev-next.storyline {
  padding-top: 56px; 
}
#storyline-nav-drawer .wp-prev-next {
  position: absolute;
  top: 100px;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.wp-prev-next li a:visited,
.wp-prev-next div a:visited {
  color: #369;
}
.wp-prev-next li a,
.wp-prev-next div a {
  padding: 13px 0 10px 0;
  display: block;
  position: relative;
  font-size: 80%;
}
.wp-prev-next div a {
  padding: 13px 0 17px 0;  
}
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}
.wp-prev-next .prev-link a {
  padding-left: 80px;
  background: url(../images/arrow-prev.png) 0 0 no-repeat;
}
.wp-prev-next .next-link a {
  padding-right: 80px;
  background: url(../images/arrow-next.png) right 0 no-repeat;
}
.storyline-nav-title {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 18px;
}
.wp-prev-next div.storyline-nav-title p {
  margin: 0;
}
.wp-prev-next div.storyline-nav-title a {
  padding: 0;
  margin: 0;
  font-size: inherit;
}
/* out-of-box bones navi */
.bones_page_navi li {
  float: left;
  margin-left: 10px;
}
.bones_page_navi li a {
  padding: 12px 0 14px 0;
  display: block;
  position: relative;
}
.bones_page_navi li.bpn-current {
  padding: 12px 0 14px 0;
  position: relative;
}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  /*padding: 0; (took this out for the archive nav styling) */
}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}
/* end .bones_page_navi */
/* fallback previous & next links */

/* end .wp-prev-next */


/* Styles for accordion (from NOVA Beta)*/

.accordion {
  clear: both;
  margin-top: 20px;
}
.accordion h2 {
  font: normal .95em Arial;
  color: #333333 !important;
  padding: 8px 10px 8px 22px;
  background:url(/wgbh/nova/img/twiddle-arr-c.png) no-repeat 13px .86em;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-left: 0px;
  border-right: 0px;
  margin-bottom: 10px;
  text-transform: none !important;
}
.accordion h2{
  width:100%;/*for ie7 to make clickable on more than text*/
}
.accordion h2:hover {
  cursor: pointer;
  cursor: hand;
}
.accordion .twiddle-body {
  padding: 10px 12px 10px 22px;
  background-color: #f6f6f6;
  font-size: 1em;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  display: none;
}
.accordion .on {
  border-bottom: 0px;
  margin-bottom: 0px;
  background:url(/wgbh/nova/img/twiddle-arr-o.png) no-repeat 8px .86em;
  background-color: #f6f6f6;
}
.accordion p { 
  margin-bottom: 10px;
 }
.accordion dl + p{
  margin-top:-20px;
}

/* --------------------------------------------------- PAGE SPECIFIC (s) -------------- */
/* --------------------------------------------------- Home (s) */
.feature {
  margin-bottom: 30px;
}
.feature img,
.tertiary-feature img {
  width: 100%;
}
.secondary h2 {
  margin-top: 2px;
  margin-bottom: 8px;
}
.secondary .post {
  padding-bottom: 4px;
}
.tertiary, 
.home-storyline {
  clear: both;
}
.tertiary h2 {
  margin-bottom:;
}
.tertiary img {
  /*display: none;*/
  width: 100%;
}
.home .excerpt .nova-read-more {
  display: none;
}
.tertiary ul {
  margin: 0;
}
.tertiary .byline {
  margin-bottom: 0px; /*18px*/
}
.home .feature {
  border-bottom: 1px solid #d1d1d1;
}
.feature .byline {
  margin-bottom: 10px;
}
.home .excerpt {
  margin-top: -9px;
}

/* --------------------------------------------------- Posts (s) */
.entry-content {
  clear: left;
}
blockquote {
  margin: -5px 0 -5px 30px;
  padding-left: 12px;
  border-left: 1px solid #c1d1e0;
}
.pulledquote {
  vertical-align: middle;
  border: 1px solid #c1d1e0;
  border-left: none;
  border-right: none;
  padding: 8px 0 9px 0;
}
.pulledquote.related-feature {
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  border-radius: 2px;
  border: none;
}
.sources p {
  margin: .2em 0 1.8em 0;
}
.sources ol {
  list-style-type: decimal;
}
.sources li {
  margin-left: 1.3em;
}
.next-box.sources ol {
  margin-top: 0;
}
.next-box.sources p {
  margin-bottom: 0;
}
.next-box.sources {
  margin-bottom: 20px;
}
.entry-content ol,
.entry-content ul {
  margin: -8px 0;
}
.entry-content ol {
  list-style-type: decimal;
}
.entry-content li {
  margin-left: 8.2353%;
  margin-bottom: 10px;
}
.entry-content ul li:before {
  content: '\2022';
}
.entry-content ul li:before {
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -1em;
  top: 0;
}
.entry-content img {
  width: 100%;
  height: auto;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content .supersize {
  width: 100%;
  margin-left: 0;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
.wp-caption p.wp-caption-text, .inline-caption {
  /*nova defined this*/
  padding: 12px 13px 10px 13px;
  background: #333;
}
/* Flex Video - added 12/30/12 DCH */

.flex-video {
  position: relative;
  padding-bottom: 68.5%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  height: 0;
  overflow: hidden; 
}
.flex-video.widescreen {
  padding-bottom: 57.25%; 
}
.flex-video.vimeo {
  padding-top: 0; 
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}
.cove-box {
  overflow: hidden; /*responsive video*/
  padding-bottom: 56%;
}
.cove-box.allowshare {
  padding-bottom: 70%; /*fallback when calc is not supported*/
  padding-bottom: -webkit-calc(56% + 41px); /*takes into account the topbar with fixed height!*/
  padding-bottom: calc(56% + 41px);
}

.entry-content h2+.flex-video {
  margin-top: 1em;
}
.entry-content .inline-caption+h2 {
  margin-top: 1.5em;
}

audio {
  width: 100%;
}
audio {
  margin: .75em 0 -1.25em 0;
}
div.cove-box+div.inline-caption, div.flex-video+div.inline-caption {
  margin-top: 1px;
}
.wp-caption p.wp-caption-text, img+div.inline-caption {
  margin-top: -6px;
}
p img+div.inline-caption {
  margin-top: -24px;
}
.wp-caption {
  background: #333;
  padding: 0;
  width: 100% !important;
  /* images inside wp-caption */
}
.wp-caption img {
  margin-bottom: 0;
}
img.stacked {
  margin-top: 10px;
}
img.size-thumbnail, img.size-thumbnail+div.inline-caption {
  width: 20%;
}
img.size-small, img.size-small+div.inline-caption {
  width: 30%;
}
img.size-medium, img.size-medium+div.inline-caption {
  width: 45%;
}
img.alignright, img.alignright+div.inline-caption {
  float: right;
  clear: both;
  margin: 6px 0 6px 3%;
}
img.alignleft, img.alignleft+div.inline-caption {
  float: left;
  clear: both;
  margin: 6px 3% 6px 0;
}
img.size-thumbnail+div.inline-caption, img.size-small+div.inline-caption, img.size-medium+div.inline-caption {
  margin-top: -6px;
}

/* end posts */

/* --------------------------------------------------- Topics Archive (s) */
dt h2.box {
  padding: 13px 10px 11px 10px;
}
dd {
  margin: -4px 0 46px 0;
}
dl ul {
  margin: 0;
}
dl li {
  margin: 0 0 10px 0;
}
.textwidget dt {
  margin: 0;
  color: #333;
}
.textwidget dd {
  margin: -4px 0 10px 0;
  color: #333;
  font-size: 85.714%; /*12/14px*/
}

/* --------------------------------------------------- Posts Archive (s) */
.items .post {
  margin-top: 28px;
}
.items .format-link {
  margin-top: 24px;
}
.items .byline {
  margin: 4px 0 0 0;
}
.tertiary .format-link,
.items .format-link {
  margin-bottom: 20px;
  text-indent: 18px;
  background: url(../images/chain-icon-sm.png) 0 0 no-repeat;
}
.single .format-link .byline {
  background: url(../images/chain-icon.png) 0 center no-repeat;
}
.single .related-article .format-link .byline {
  background-size: 22px;
}
.items .format-link h2 {
  text-indent: 20px;
}
.author .items .date-badge {
  display: none;
}

/* --------------------------------------------------- Storyline Archive (s) */



.tax-storyline .items .format-link {
  background-position: 22px center;
  background-size: 16px;    
}
.home                 .format-link {
  background-position: 14px center;
  background-size: 16px;    
}
.tax-storyline .format-standard h2:before {
  content: "Feature";
  text-transform: uppercase;
  color: #333;
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
}
.home                 .format-link h2,
.tax-storyline .items .format-link h2 {
  text-indent: 0;
}
.home hgroup,
.tax-storyline hgroup {
  margin-top: 7px;
}
.home .format-link hgroup,
.tax-storyline .items .format-link hgroup {
  padding-left: 25px;
  margin-top: 0px;
}
.home .format-link hgroup,
#content.content-continue .items .format-link hgroup {
  width: inherit;
}
.home .format-link hgroup a,
.tax-storyline .items .format-link hgroup a {
  text-decoration: none;
}
.home .sidebar aside,
.home .tertiary article.type-post {
  max-width: 300px;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  background-color: #fff;
  margin: 0 auto 24px auto;
  border: none;
}
.home .sidebar aside {
  background-color: #fdfdfd;
}
.home .tertiary article.type-post {
  padding: 14px;
}
.home .tertiary article.type-post.format-link {
  padding-left: 14px;  
}
.tax-storyline article.type-post {
  max-width: 300px;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  background-color: #fff;
  padding: 26px;
  margin: 16px auto 0 auto;
  border: none;
}
.tax-storyline article.type-post img {
  width: 100%;
}

/* --------------------------------------------------- Storylines Archive (s) */
#content.content-continue .topics-list li {
  background-color: #fff;
}
#content.content-continue .items img {
  /*width: 100%;*/
}
#content.content-continue .topics-list dl {
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}    
#content.content-continue .topics-list dd {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 12px;
}
#content.content-continue .topics-list h2, 
#content.content-continue .topics-list dd p, 
#content.content-continue .topics-list dd li {
  padding-left: 23px;
  padding-right: 23px;
}
#content.content-continue .topics-list h2 {
  padding-top: 13px;
  padding-bottom: 8px;
}
#content.content-continue .nova-read-more {
  border-top: 1px solid rgba(0,0,0,0.1); 
  padding: 12px 23px 0px 23px;
  margin-bottom: 0;
}
#content.content-continue .topics-list dd p {
  margin-top: 0;
  margin-bottom: 25px;
}
#content.content-continue .topics-list h2 {
  line-height: 65px;      
}
#content.content-continue .items hgroup {
  margin-left: 0;
  margin-top: 7px;
}
#content.content-continue .items .format-link hgroup {
  margin-left: 0;
  margin-top: 0px;
}

/* --------------------------------------------------- Search Results */
.search .items .format-link {
  text-indent: 0;
  background: none;
}
.items hr {
  width: 22.5806452%;
  min-width: 140px;
}
.has-excerpt article {
  margin-top: 19px;
}
.has-excerpt .byline {
  margin-top: 7px;
}
.has-excerpt .format-link h2 {
  text-indent: 0;
}
.has-excerpt .format-link .byline {
  padding: 7px 0 0 0;
}
.nova-read-more,
.nova-read-more:visited {
  margin-top: 15px;
}
.has-excerpt .format-link span {
  display: inline;
}
.search .items .post {
  margin-top: 18px;
}
.search .post p {
  margin-top: 6px;
}

/* --------------------------------------------------- Small globals */
.hide-when-small, .hide-when-small-inlineblock {
  display: none;
}

/* end small mobile */

@media only screen and (min-width: 480px) {
  .cove-box.allowshare {
    padding-bottom: 63%; /*fallback when calc is not supported*/
    padding-bottom: -webkit-calc(56% + 41px); /*takes into account the topbar with fixed height!*/
    padding-bottom: calc(56% + 41px);
  }
  .home .sidebar aside,
  .home article.type-post {
     max-width: none;
  }
  .home .tertiary article.type-post,
  .tax-storyline article.type-post {
    max-width: none;
    margin: 14px 0 0px 0;
  }
  .tax-storyline article.type-post:last-child {
    margin-bottom: 14px;
  }
  .home .tertiary .visual-rep img,
  #content.content-continue .items .visual-rep img {
    width: 30%;
    float: left;
    margin-right: 3.7037037%;
  }
  .home .tertiary hgroup,
  #content.content-continue .items hgroup {
    margin-top: 0;
  }
  .storylines-topic-header-gfx {
    background: url('../images/storyline-block.png') no-repeat right center;
    width: 140px;
  }
}

/****************************
SMALL TABLETS AND LARGER TABLETS IN PORTRAIT VIEW
note: design decided at launch that the margins
outside the main body content that rendered on iPads
in landscape were undesirable, so a fourth break
point was added.  In the .large. breakpoint, the
max-width is changed on main content wrappers to
force the content to stretch to fill an iPad in
landscape view. This is weird, and it breaks our grid
calculations so layout for that short range between
large tablet and wide screens is off, but it was requested.
*****************************/
@media only screen and (min-width: 700px) {
  /* --------------------------------------------------- WRAPPERS .medium. -------------- */
  /* avoid content shift after pbs bar renders */
  #container {
    top: 55px;
  }
  .wrap,
  #inner-header,
  #content,
  #associated-content,
  #pbs_distribution_header {
    max-width: 768px;
  }

  .storyline-max .wrap,
  .storyline-max #inner-header,
  .storyline-max #content,
  .storyline-max #associated-content,
  .storyline-max #pbs_distribution_header {
    max-width: none;
  }

  #content,
  #associated-content {
    padding: 20px;
  }

  .single #inner-content {
    width: 88.5714286%; /* 620/700 */
    margin: 44px 0 0 0;
  }
  .items,
  .secondary,
  .tertiary,
  .home-storyline {
    width: 54.2857143%; /* 380/700 */
    float: left;
  }
  .home-storyline {
    margin-bottom: 30px;
    min-height: 450px;
  }
  .sidebar {
    clear:none;
    width: 42.8571429%; /* 300/700 */
  }

/* --------------------------------------------------- MAIN CONTENT AREAS (m) -------------- */
/* --------------------------------------------------- Site Header (m) */

  .pbs-header-content {
    display: block;
  }

  .header-sponsor-el-title {
    display: block;
    margin-top: 28px;
  }
  .header-sponsor-el {
    float: right;
  }
  .site-logo {
    width: 256px;
    height: 51px;
    margin: 0 0 0 6px;
    float: left;
    clear: none;
    background: url('../images/site-logo.png') 0 0 no-repeat;
  }
  #upper-header, #nav-header {
    padding: 0 10px;
  }
  #header-sponsors {
    min-height: 105px;
  }
  #header-logos {
    padding-bottom: 23px;
  }
  .btn-facebook, .btn-twitter {
    margin: 10px 0 0 10px;
  }
  /* end site header */

  /* --------------------------------------------------- Top Nav (m) */

  .nav li a {
    padding-left: 14px;
  }

  .nav #nav-links {
    background-color: #369;
    width: 100%;
    margin-top: 5px;
  }

  .nav #nav-links li a {
    background-color: #369;
    border: none;
  }

  .nav #nav-links li:last-child a {
    border: none;
  }

  .nav #nav-links li:first-child a {
    margin-top: 0;
  }

  /* | separated lists */
  .separated #nav-links li:nth-child(n+2):before {
    float: inherit;
    margin-top: 9px;
    padding-right: 8px;
    display: inline;

  }
  .nav {
    background: #369;
  }
  .nav li {
    float: left;
    position: relative;
  }
  .nav li a:hover,
  .nav li a:focus {
  }
  .nav li:hover ul {
    top: auto;
    display: block;
  }

  .nav #nav-links {
    display: block !important; /*important is used to take into account the use of slideToggle*/
    overflow: visible !important;
  }

  .nav #nav-collapse-btn {
    display: none;
  }

  /* end top nav */

 /* --------------------------------------------------- NAVI (m) */

  .wp-prev-next li a {
    padding-top: 9px;
  }
  .wp-prev-next.storyline {
    padding-top: 5px; 
  }
  .storyline-nav-title {
    top: 24px;
  }

  /* --------------------------------------------------- Main Body Content (m) */

  /* --------------------------------------------------- Sidebar (m) */
  /* ADD BLOCK */
  .add-container {
    height: 275px;
  }
  .single .add-container {
    height: 294px;
  }
  .single #add-block-placer {
    display: block;
    float: right;
    margin-left: 3.2258065%; /* 20/620 */
    clear: both;
  }
  #add-block {
    margin-left: 0;
    margin-bottom: 14px;
  }
  .single #add-block {
    position: absolute;
    z-index: 1;
  }
  .single .sidebar {
    width: 100%; /* 620/620 */
  }
  .home .sidebar aside,
  .sidebar aside {
    width: 300px;
    margin: 0 0 20px 0;
  }
  .single .sidebar aside {
    width: 48.3870968%; /* 300/620 */
    float: left;
  }
  .single .sidebar .first {
    margin-right: 3.2258065%; /* 20/620 */
  }
  .single .sidebar.full aside {
    width: 100%;
  } 
  .sidebar .boxed li {
    width: 48%;
    vertical-align: top;
  }
  .sidebar .boxed li {
    display: inline-block;
    max-width: none;
    margin-left: 0;
  }
  .sidebar .boxed li:first-child {
    margin-right: 3%;  
  }
  /* end sidebar */

  /* --------------------------------------------------- Footer (m) */
  #footer-wgbh p:first-child {
    padding-bottom: 10px;
  }

  .specific-funders,
  #footer-sponsors {
    margin-left: 10px;
  }

  #footer-wgbh {
    margin-right: 10px;
    max-width: 240px;
  }
  /* end footer */

  /* --------------------------------------------------- Shared Styles (m) */
  .first {
    margin-left: 0;
  }
  .last {
    float: right;
  }
  .hide-when-small {
    display: inline;
  }
  .hide-when-large {
    display: none;
  }
  .hide-when-small-inlineblock {
    display: inline-block;
  }


  /* --------------------------------------------------- Shared Modules (m) */


  /* CONTRIBUTOR */
  /* contributor */
  .contributor .avatar {
    display: inline;
    margin-right: 5.2631579%; /* 20/380 */
    width: 36.8421053%; /* 140/380 */
  }
  .contributor .name {
    margin-top: -2px;
  }

  /* ABOUT PAGE CONTRIBUTOR LIST */
  .list .contributor {
    margin-bottom: 32px;
  }
  .list .contributor section {
    margin-top: 47px;
  }
  .list .contributor ul {
    margin: -2px 0 -4px 0;
    width: 100%;
  }

  /* POST SPECIFIC CONTRIBUTOR */
  .post .contributor {
    /*padding: 20px 3.2258065%;*/ /* 20/620 */
  }
  .post .contributor .avatar {
    width: 17.496444%; /* 122/703 */
    margin-right: 1.75%; /* ~11/620 */
  }
  .post .contributor section {
    width: 74.8620690%; /* 440/580 */
    float: left;
  }

  /* HEADERS */
  /* date badge */
  .date-badge {
    width: 9.6774194%; /* 60/620 */
    display: inline;
    float: left;
  }
  .day {
    padding: .6em 0 .7em 0;
    background: #435e9d; /* Old browsers */
    background: -moz-linear-gradient(top,  #435e9d 0%, #2b2f56 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435e9d), color-stop(100%,#2b2f56)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #435e9d 0%,#2b2f56 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #435e9d 0%,#2b2f56 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #435e9d 0%,#2b2f56 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #435e9d 0%,#2b2f56 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435e9d', endColorstr='#2b2f56',GradientType=0 ); /* IE6-9 */
  }
  .month {
    background: #a1bcfb;
  }
  .h2 {
    margin: 40px 0 35px 0;
  }
  .page-template-archive-nova_categories-php .archive-header,
  .category .archive-header {
    margin-top: 30px;
  }
  .entry-title,
  .archive-title {
    margin: -7px 0 14px 0;
  }
  .archive-title {
    margin-bottom: 50px;
  }

  /* STANDARD POST FORMAT */
  .article-header {
    /*margin-top: 34px;*/
  }
  .article-header section {
    margin-left: 12.9032258%; /* 80/620 */
    margin-bottom: 41px;
  }
  .home .tertiary .byline {
    margin-bottom: 0;
  }
  .format-standard .byline, 
  .format-video .byline  {
    margin-bottom: 10px;
  }
  .format-standard .social, 
  .format-video .social  {
    margin-top: 36px;
    width: 100%;
    margin-left: -14.8148148%; /* 80/540 */
  }

  /* LINK POST FORMAT */
  .format-link .article-header section {
    width: 61.2903226%; /* 380/620 */
  }
  .format-link .social {
    margin-left: 0;
  }
  .format-link .entry-title {
    float: left;
    clear: left;
    margin-top: 7px;
    width: 61.2903226%; /* 380/620 */
  }

  /* CONTRIBUTOR INFO AS PAGE HEADER */
  .archive-header .avatar {
    width: 20.0000000%; /* 140/700 */
    margin-right: 2.8571429%; /* 20/700 */
  }
  .bio {
    width: 54.2857143%; /* 380/700 */
    min-width: 0;
  }

  /* PAGE NAVI STYLES */
  .wp-prev-next {
    padding: 0;
    /*border-bottom: none;*/
  }
  .home .tertiary .visual-rep img,
  .storyline-max #content.content-continue .items .visual-rep img {
    max-width: 180px;
    float: left;
    width: 30%;
    margin-right: 3.7037037%;
  }
  #content.content-continue .items .visual-rep img {
    width: inherit;
    float: none;
    margin-right: 0%;
  }
  .home .tertiary .visual-rep img {
    width: 100%;
  }
  .home .tertiary .items hgroup,
  #content.content-continue .items hgroup {
    margin-left: 0;
    margin-top: 0px;
  }

  /* --------------------------------------------------- PAGE SPECIFIC (m) -------------- */
  /* --------------------------------------------------- Home (m) */
  #home-sidebar {
   float: right;
   margin-top: -791px;
  }
  #sidebar-nova_home {
    margin-top: -298px;
  }
  .home .primary-feature {
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: none;
  }
  .secondary-feature {
    min-height: 340px;
    margin-bottom: 30px;
  }
  .feature h2 {
    margin-bottom: 7px;
  }
  .primary-feature img {
    width: 65.7142857%; /* 460/700 */
    float: left;
  }
  .primary-feature hgroup {
    width: 31.4285714%; /* 220/700 */
    margin-left: 68.5714286%; /* 480/700 */
    padding-top: 12px;
  }
  .tertiary .post {
    margin-bottom: 30px;
  }
  .tertiary img {
    display: block;
    float: left;
    width: 36.8421053%; /* 140/380 */
  }
  .tertiary hgroup {
    /*width: 57.8947368%;*/ /* 220/380 */
    /*float: right;*/
    padding-top: 8px;
  }
  .tertiary .format-link hgroup {
    padding-top: 0px;
    padding-left: 43px;
  }
  .tertiary .format-link {
    border: 1px solid #c1d1e0; /* todo: check color with tyler*/
    border-left: none;
    border-right: none;
    text-indent: 0;
    padding: 10px 0 15px 0;
    background: url(../images/chain-icon.png) 14px center no-repeat;
  }


/*  .tertiary .format-link,
  .items .format-link {
    margin-bottom: 20px;
    text-indent: 18px;
    background: url(../images/chain-icon-sm.png) 0 0 no-repeat;
  }*/



  .tertiary .first {
    margin-top: 0;
  }
  .tertiary .format-standard h2, .tertiary .format-video h2  {
    margin-bottom: 8px;
  }

  /* --------------------------------------------------- Posts (m) */
  blockquote {
    margin: 17px 0 17px 60px;
    padding-left: 20px;
  }
  .pulledquote {
    padding: 7px 0;
  }
  .pulledquote.related-feature {
    float: left;
    width: 35.4838710%; /* 240/620 */
    margin: 0 3.2258065% 0 0; /* 20/620, 80/620  */
    border: none;
  }
  .single-format-standard .entry-content .pulledquote.related-feature img {
    width: 100%;
    margin: 27px 0 0 0;

  }
  .entry-content li {
    margin-left: 12.6%; /* approx result = 60px w/li margins */
    margin-bottom: 10px;
  }
  /* end posts */

  /* --------------------------------------------------- Topics Archive (m) */
  dl {
    margin-top: 21px;
  }
  dt img {
    float: left;
    width: 30.4347826%; /* 140/460 */
    height: 80px;
  }
  dt h2.box {
    padding: 27px 10px 27px 10px;
    margin-left: 42.1052632%; /* 160/380 */
  }
  dd {
    clear: left;
    margin-bottom: 77px;
  }
  dl li {
    margin-bottom: 15px;
  }

  .textwidget dd {
    margin: -10px 0 6px 0;
  }


  /* --------------------------------------------------- Posts Archive (m) */
 .items .post {
    margin-top: 32px;
  }
  .items .date-badge {
    display: none;
  }
  .items img {
    float: left;
    /*width: 36.8421053%;*/ /* 140/380 */
    width: inherit; /*for NOVA Next*/
  }
  .items hgroup {
    margin-left: 42.1052632%; /* 160/380 */
  }
  .items .format-link {
    border: 1px solid #c1d1e0; /* todo: check color with tyler*/
    border-left: none;
    border-right: none;
    padding: 15px 0 12px 0;
  }
  .items .format-link {
    background: url(../images/chain-icon.png) 0 center no-repeat;
  }
  .items .format-link hgroup {
    margin-left: 0;
    padding-left: 42.1052632%; /* 160/380 */
    width: 100%;
  }
  .items .format-link h2 {
    text-indent: 0;
  }

  /* --------------------------------------------------- storyline (m) -------------- */
  .inner-content-header {
    width: calc(54.1% - 20px);
  }
  .storyline-max .inner-content-header {
    width: 620px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .storyline-title {
    margin-left: 20px;
  }
  .storyline-title h1 {
    margin-bottom: 0px;
  }
  .tax-storyline .storyline-header-gfx {
    background: url('../images/storyline-block.png') no-repeat 0 center;
    width: 140px;
  }
  .storylines-topic-header-gfx {
    background: url('../images/storyline-block-small.png') no-repeat right center;
    width: 50px;
  }
  .inner-content-header.storyline-recent {
    width: 100%;
  }
  .storyline.overline {
    background: #fff url('../images/storyline-block.png') no-repeat 8px center;
    padding-left: 131px;
  }
  .btn-storyline-open {
    background: #fff url('../images/storyline-openclose-sprite.png') no-repeat;
  }
  .btn-storyline-open-container {
    width: 62px;
  }

  /* --------------------------------------------------- storyline-max (m) -------------- */

  .storyline-max #content.content-continue #inner-content {
    max-width: 620px;
    margin: 0 auto;
  }
  .storyline-max #content.content-continue .items {
    width: 100%;
  }
  .storyline-header-coprod-container {
    width: 168px;
    height: 168px;
    border-radius: 84px;
    position: absolute;
    right: -30px;
    top: -84px;
    background-color: black;
  }
  .storyline-header-coprod-container p{
    margin-top: 15px;
  }
  .storyline-header-coprod-container img {
    width: 144px;
    height: 42px;
  }
  .co-producer .storyline-header-social {
    margin-right: 116px;
  }
  .storyline-max .storyline-header-main-image {
    margin-top: -185px;
  }

  /* --------------------------------------------------- Storylines Archive (m) */

  #content.content-continue .items img {
    float: none;
    height: inherit;
  }
  .storyline-recent {
    min-height: 164px;
  }
  .tax-storyline .storyline-recent {
    min-height: 0;
  }  
  .storyline-recent ul {
    margin-bottom: 30px;
  }
  .inner-content-header.storyline-recent {
    padding-bottom: 14px;
  }
  .tax-storyline .inner-content-header.storyline-recent {
    padding-bottom: 17px;
  }
  #content.content-continue .topics-list h2, 
  #content.content-continue .topics-list dd p, 
  #content.content-continue .topics-list dd li {
    padding-left: 21px;
    padding-right: 21px;
  }
  #content.content-continue .topics-list h2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #content.content-continue .topics-list dd ul {
    padding-bottom: 10px;
  }

  #content.content-continue .nova-read-more {
    border-top: 1px solid rgba(0,0,0,0.1); 
    padding: 11px 21px 0px 21px;
    margin-bottom: 0px;
  }

  #content.content-continue .topics-list h2 {
    line-height: 65px;      
  }
  #content.content-continue .items hgroup {
    margin-top: 7px;
  }
  #content.content-continue .items .format-link hgroup {
    margin-left: 0;
  }
  .inner-content-header {
    /*width: 64.583333%;*/ /*(620)/960*/
  }
  .storyline-title {
    /*margin-left: 10px;*/
  }
  .storyline-header-gfx {
    background: url('../images/storyline-logo-small.png') no-repeat 0 center;
    width: 250px;
    height: 30px;
  }
  .tax-storyline .items .format-link {
    border: none;
  }

  /* --------------------------------------------------- Search Results */
  .has-excerpt article {
    margin-top: 27px;
  }
  .has-excerpt .format-link {
    border: none;
  }
  .has-excerpt hgroup {
    margin-left: 0;
  }
  .has-excerpt .format-link .byline {
    padding: 7px 0 10px 0;
  }
  .has-excerpt .format-link hgroup,
  .has-excerpt .format-link .byline {
    padding-left: 0;
    width: 100%;
  }
  .nova-read-more {
    margin-top: 15px;
  }
  .search .items .format-standard, .search .items .format-video {
    margin-top: 30px;
  }
  .search .items .format-link {
    margin: 10px 0 17px 0;
    padding: 15px 0 0 0;
  }
  .search .post p {
    margin-top: 6px;
  }
  .search .byline {
    margin-bottom: 0;
  }
  .search .nova-read-more {
    margin-bottom: 20px;
  }
  /* end medium layout */

}

  /****************************
  TABLET LANDSCAPE VIEW AND DESKTOP
  *****************************/
  @media only screen and (min-width: 940px) {
    /* --------------------------------------------------- WRAPPERS .large. -------------- */
    .wrap,
    #content,
    #associated-content,
    #inner-header,
    #inner-footer {
      max-width: 1024px;
    }

    #content,
    #associated-content {
      padding: 20px 10px;
    }
    .home #content {
      padding-top: 30px;
    }
    .single #inner-content {
      width: 100%
    }
    .single #comments-are-here {
      width: 100%; /* 940/940 */
    }
    .single .post {
      width: 65.9574468%; /* 940/940 */
      margin-left: 17.0212766%; /* 160/940 */
    }
    .single .boxed .post  {
      width: 100%;
      margin-left: 0
    }
    /* --------------------------------------------------- MAIN CONTENT AREAS (l) -------------- */
    /* --------------------------------------------------- Site Header (l) */

    #upper-header, #nav-header {
      padding: 0;
    }
    /* end site header */


    /* --------------------------------------------------- Sidebar (l) */
    .sidebar {
      width: 31.9148936%; /* 300/940 */
    }
    .single .sidebar {
      width: 100%; /* 940/940 */
      margin: 0 auto;
    }
    .single .sidebar.full {
      width: 100%;
    }    
    .single .sidebar aside {
      width: 48.3870968%; /* 300/620 */
      float: left;
    }
    .single .sidebar .first {
      margin-right: 3.2258065%; /* 20/620 */
    }
    .home #add-block {
      margin-top: 0;
    }
    /* end sidebar */

    /* --------------------------------------------------- Footer (l) */
    .specific-funders,
    #footer-sponsors {
      margin: 0 80px 13px 80px;
    }
    #footer-wgbh {
      margin-right: 0px;
      max-width: 250px;
    }

    .wp-prev-next .prev-link {
      margin-left: -80px;
    }    
    .wp-prev-next .next-link {
      margin-right: -80px;
    }

    /* --------------------------------------------------- Shared Modules (l) */
    .items {
      width: 57.4468085%; /* 540/940 */
      margin-left: 8.5106383%; /* 80/940 */
      float: left;
    }
    #content.content-continue .items {
      margin-left: 0;
      width: 65.957447%; /* (540+80=620)/940 */
       
    }
    .header-title {
      width: 57.4468085%; /* 540/940 */
      margin-left: 8.5106383%; /* 80/940 */
      float: left;
    }
    /* CONTRIBUTOR */
    .contributor .avatar {
      margin-right: 3.7037037%; /* 20/540 */
      width: 25.9259259%; /* 140/540 */
    }
    /* POST SPECIFIC CONTRIBUTOR */
    .post .contributor {
      padding: 20px 3.2258065%; /* 20/620 */
    }
    .post .contributor section {
      width: 74.8620690%; /* ~440/580 */
      float: left;
    }
    .post .contributor .avatar {
      width: 21%;
    }

    /* HEADERS */
    .archive-header {
      margin-left: 8.5106383%; /* 80/940 */
    }

    /* LINK POST FORMAT */

    /* CONTRIBUTOR INFO AS PAGE HEADER */
    .archive-header .avatar {
      width: 16.2790698%; /* 140/860 */
      margin-right: 2.3255814%; /* 20/860 */
    }
    .bio {
      min-width: 0;
    }

    /* PAGE NAVI STYLES */
    .wp-prev-next {
     /* width: 82.9787234%;*/  /* 780/940 */
      width: 100%;
      /*margin: 0 auto;*/
    }
    #storyline-nav-drawer .wp-prev-next {
      width: 100%;  
    }

    /* --------------------------------------------------- PAGE SPECIFIC (l) -------------- */
    /* --------------------------------------------------- Home (l) */
    .home #main {
      width: 100%;
    }
    #home-sidebar {
      float: none;
      margin-top: 0;
      margin-left: 68.0851064%; /* 640/940 */
    }
    #home-sidebar aside {
      margin-top: 289px;
      position: absolute;
      right: 10px;
    }
    #sidebar-nova_home,
    #sidebar-nova_home aside:first-child {
      margin-top: 0;
    }
    .home #add-block-placer {
      display: inline;
      float: right;
    }
    .home #add-block {
      position: absolute;
      z-index: 1;
    }
    .primary-feature {
      width: 65.9574468%; /* 620/940 */
      float: left;
      min-height: 462px; /* ~add-block + more from nova */
    }
    .feature img {
      margin-bottom: 4px;
    }
    .tertiary img {
      margin-bottom: 7px;
    }
    .primary-feature img {
      width: 100%; /* 940/940 */
      float: none;
    }
    .primary-feature hgroup {
      width: 100%; /* 940/940 */
      margin-left: 0;
      padding-top: 0;
    }
    .secondary {
      width: 100%;
    }
    .secondary-feature {
      float: right;
      width: 48.936170%; /* sixcol */
      margin-left: 2.1276596%;
      min-height: 433px;
      padding-bottom: 20px;
    }
    .secondary-feature:first-child {
      float: left;
      margin-left: 0;
    }
    .tertiary {
      width: 65.9574468%; /* 620/940 */
      margin-bottom: 25px;
    }
    .home .tertiary article.type-post {
      margin-bottom: 26px;
      margin-top: 0;
    }
    .home .tertiary article.type-post.format-link {
      margin-bottom: 34px;
    }
    .home .tertiary .visual-rep img {
      max-width: none;
    }
    .tertiary ul {
      float: left;
      width: 48.3870968%; /* 300/620 */
      margin-left: 3.2258065%; /* 20/620 */
    }
    .tertiary .first {
      margin-left: 0;
    }
    .tertiary img,
    .tertiary hgroup {
      width: 100%;
    }
    .tertiary .format-standard, .tertiary .format-video {
      padding-bottom: 3px;
      border-bottom: 1px solid #cbcbcb;
    }
    .tertiary .format-link hgroup {
      /*width: 73.3333333%;*/ /* 220/300 */
    }
    .home-storyline {
      width: 100%;
      min-height: 0;
      height: auto;
    }
    .home-storyline .storyline-title {
      float: left;
      width: 31.91489%;
      min-height: 164px;
      border-radius: 2px 0 0 2px;
    }
    .home-storyline .storyline-recent ul {
      margin-left: 300px;
      padding-left: 5px;
    }
    /* --------------------------------------------------- Posts (l) */
    .pulledquote,
    .pulledquote.related-feature {
      float: left;
      width: 35.4838710%; /* 240/620 */
      margin: 0 3.2258065% 0 -12.9032258%; /* 20/620, 80/620  */
      border: none;
    }
    .wp-caption p.wp-caption-text, .inline-caption {
      padding: 17px 19px 15px 19px;
    }
    .article-header section {
      margin-left: 0;
    }
    .single-post .date-badge {
      margin-left: -12.9032258%; /* 80/620 */
    }
    .single-post .social {
      margin-left: 0;
    }
    /* LINK POST FORMAT */
    .format-link .date-badge {
      display: inline;
    }
    .format-link .article-header section {
      width: 74.1935484%; /* 460/860 */
      padding: 12px 0 11px 0;
    }
    .format-link .byline {
      margin-bottom: 5px;
    }
    .format-link .byline span {
      display: inline;
    }
    .single .format-link .byline {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    /* end posts */

    /* --------------------------------------------------- Storyline-max Archive (l) */

    .storyline-header-coprod-container {
      right: -86px;
    }
    .co-producer .storyline-header-social {
      margin-right: 66px;
    }

    /* --------------------------------------------------- Storylines Archive (l) */

    #content.content-continue .items img {
      width: inherit;
    }
    #content.content-continue .items .visual-rep img:not(.storyline-max #content.content-continue .items .visual-rep img) {
      max-width: 180px;
      float: left;
      width: 30%;
    }
    #content.content-continue .items .visual-rep img {
      max-width: 180px;
      float: left;
    }
    #content.content-continue .topics-list dl {
      box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
      background-color: #fff;
      margin-top: 45px;
      margin-bottom: 0;
    }    
    #content.content-continue .topics-list dd {
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 1px;
    }

    #content.content-continue .topics-list h2 {
      line-height: 65px;      
    }
    #content.content-continue .items hgroup {
      margin-left: 3.7037037%;
      width: 55%;
      margin-top: 7px;
    }
    #content.content-continue .items .format-link hgroup {
      margin-left: 0;
    }
    .inner-content-header {
      width: 64.583333%; /*(620)/960*/
      min-height: 220px;
    }
    .storyline-title {
      margin-left: 10px;
    }
    .inner-content-header .storyline-header-gfx {
      background: url('../images/storyline-logo.png') no-repeat 0 center;
      width: 410px;
      height: 49px;
    }
    .tax-storyline .storyline-header-gfx {
      background: url('../images/storyline-block.png') no-repeat 0 center;
      width: 140px;
    }    
    .storylines-topic-header-gfx {
      background: url('../images/storyline-block.png') no-repeat right center;
      width: 140px;
    }
    /* homepage */
    .home-storyline .storyline-recent {
      padding: 24px 15px 14px 5px;
    }

    /* --------------------------------------------------- Topics Archive (l) */
    dt h2.box {
      margin-left: 29.6296296%; /* 160/540 */
      padding: 24px 10px;

    }

    /* --------------------------------------------------- Posts Archive (l) */
    .items .post,
    .items .page {
      margin-left: 0;
      width: 100%;
      margin-bottom: 38px;
    }
    .items .date-badge {
      display: block;
      width: 11.1111111%; /* 60/540 */
      margin: 0 3.7037037% 0 0; /* 20/540 */
    }
    .items img {
      width: 25.9259259%; /* 140/540 */
    }
    .items hgroup {
      float: left;
      margin-left: 3.7037037%; /* 20/540 */
      width: 55.5555556%; /* 300/540 */
    }
    .items .format-link hgroup {
      margin-left: 0;
      padding-left: 44.4444444%; /* 240/540 */
    }
    .author .format-link hgroup {
      width: 100%; /* 540/540 */
      padding-left: 29.6296296%; /* 160/540 */
    }
    /* --------------------------------------------------- Search Results */
    .has-excerpt hgroup,
    .has-excerpt .format-link hgroup {
      margin-left: 0;
      padding-left: 0;
    }

    /* end large layout */
  }

  /****************************
  DESKTOPS
  *****************************/
@media only screen and (min-width: 1030px) {
      /* --------------------------------------------------- WRAPPERS .extra large. -------------- */
      .wrap,
      #content,
      #associated-content,
      #inner-header,
      #inner-footer{
        max-width: 960px;
      }

    /* --------------------------------------------------- PAGE SPECIFIC (el) -------------- */
    /* --------------------------------------------------- Home (el) */
    #home-sidebar aside {
      position: static;
    }

    /* --------------------------------------------------- Storyline-max Archive (l) */
    .storyline-header-main-image {
      min-width: 100%;
      /*margin-top: -86px;*/
    }
    .storyline-max .wrap,
    .storyline-max #content,
    .storyline-max #associated-content,
    .storyline-max #inner-header,
    .storyline-max #inner-footer,
    .storyline-header-translucent {
      max-width: 960px;
    }

    .storyline-max #container {
      background: black;
      overflow: hidden;
    }

    .storyline-max .content-header {
      max-width: 100%;
      overflow: visible;
    }

  }

/***********************
PRINT STYLESHEET
************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }  
  .byline a:after,
  .byline a:visited:after {
    content: "";
  }
  a abbr[title]:after,
  a:visited 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;
  }
  @page  {
    margin: 2.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  img {
    max-width: 100% !important;
    /*max-height: 250px;*/
  }
  .inline-caption {
    padding-left: 0 !important;
  }
  #header-sponsors {
    height: 0;
    min-height: 0;
  }
  .site-logo {
    /*background: black url('../images/site-logo-sm.png') 14px 2px no-repeat !important;*/
  }
  #inner-header {
    height: 2em;
    overflow: hidden;
  }
  #inner-header:before {
    content: "NOVA Next";
    font-size: 1.5em;
  }
  .format-link .article-header section {
    border: none;
  }  
  .format-link h3.byline {
    padding: 0;
    margin: 0;
  }
  .social {
    display: none;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav,
  .cove-box {
    display: none;
  }
  body #pbs_dh, #pbs_dh_wrap {
    display: none !important;
  }
  body.single-post {
    padding-top: 0px !important;
  }
  body #container {
    top: 0;
  }
  #footer-sponsors, #footer-wgbh, footer .contact, .yarpp-related {
    display: none !important;
  }
}