@import 'https://fonts.googleapis.com/css?family=Noticia+Text|Playfair+Display|Raleway|Roboto|Josefin+Sans';
body {
margin: 0;
padding: 0;
width: 100%;
font-family: 'Noticia Text', serif;
overflow-x: hidden;
}
body a {
text-decoration: none;
color: #444; 
}
div#splash_image_container {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
img#splash_image {
width: 100%;
}
div#folio {
background-color: #1e4971;
height: 20px;
padding: 1px 0;
position: fixed;
top: 0;
left: 0;
width: inherit;
z-index: 40;
}
div#overlay_container a {
text-decoration: none;
border: none;
color: #fff;
}
div#site_logo_container {
height: 15px;
padding: 0 0 0 5px;
}
div#folio #folio_text {
top: -2px;
right: 20px;
margin: 1px 2px 0 5px;
color: #fff;
position: absolute;
font-weight: bold;
}
img#site_logo {
height: 100%;
padding: 1px 0 0 1px;
}
div#overlay_container {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
}
div#overlay_container > div {
background-color: transparent;
}
#overlay_main_headline, #overlay_subhead, #overlay_credit {
color: #ffffff;
text-shadow: 3px 3px 10px #000;
}
#overlay_main_headline {
font-family: 'Playfair Display', serif;
font-size: 5em;
margin: 0 auto;
padding: 0 0 0 30px;
}
#overlay_subhead {
font-family: 'Playfair Display', serif;
font-size: 3em;
font-weight: bold;
margin: 20px auto 50px auto;
padding: 0 0 0 30px;
}
#overlay_credit {
font-weight: bold;
font-size: 1.1em;
margin: 10px 0 0 0;
font-family: 'Raleway', sans-serif;
padding: 0 0 0 30px;
}
#overlay_credit p {
padding: 5px 0 0 0;
margin: 0;
}
#overlay_credit p#overlay_date {
padding: 10px 0 0 0;
}
#chapter_headline {
font-family: 'Playfair Display', serif;
}
div#chapter_container {
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 1.2em;
line-height: .6em;
background-color: transparent;
width: 100%;
height: 24px;
margin: 0;
padding: 50px 0;
position: relative;
filter: alpha(opacity=0); /* For IE8 and earlier */
z-index: 2;
}
div#chapter_container p {
margin: 0;
padding: 0;
}
#chapter_container.pinned {
background-color: #1e4971;
width: 100%;
color: #fff;
padding: 0 10px 20px 0;
z-index: 31;
}
#chapter_container.pinned a {
color: #fff;
}
div.chapter_link {
display: inline-block;
padding: 3px 20px;
margin: 10px 0 0 0;
}
div.chapter_link.today {
background-color: #e7e7e7;
padding: 7px 5px;
}
#chapter_container.pinned div.chapter_link.today {
background-color: #000;
padding: 6px 5px 5px 5px;
}
div.chapter_link.today a {
pointer-events: none;
}
#chapter_container.pinned div.chapter_link.today a {
pointer-events: none;
}
#chapter_container .inactive a {
pointer-events: none;
color: #ccc;
}
div.chapter_link a {
text-decoration: none;
}
div#chapter_popup {
font-weight: bold;
font-size: 1em;
}
div#chapter_popup p {
margin: 5px 0 0 0;
}
div#chapter_popup a {
text-decoration: none;
}
div.share_buttons {
width: 100px;
position: relative;
margin: 0 auto;
z-index: 1;
padding: 10px 0 0 0;
}
div.share_buttons a {
text-decoration: none;
}
div#top_share_buttons {
top: 40px;
position: relative;
margin: 0 auto 50px auto;
}
div.fb-share-button, div.twitter-share-button, div.email-share-button {
display: inline;
}
div.fb-share-button, div.twitter-share-button {
margin: 0 10px 0 0;
}
img.share_icon {
height: 20px;
}
#lower_share_buttons {
position: fixed;
width: 16px;
bottom: 100px;
left: 10px;
display: none;
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
#lower_share_buttons > div.share_buttons {
display: block;
float: none;
width: 16px;
}
div#story_body {
z-index: 0;
width: 100%;
margin: 0;
padding: 0;
opacity: 1;
background-color: #fff;
}
div#lower_head {
font-weight: bold;
text-align: center;
}
div#lower_head p.chapter_overline {
font-family: 'Josefin Sans', sans-serif;
font-size: 1em;
}
div#lower_head p#chapter_headline {
font-size: 3em;
margin: 0 auto;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0 0 5px 0;
width: 50%;
}
div#lower_head p.chapter_byline {
font-weight: normal;
font-size: 1em;
margin: 30px 0;
}
div#lower_head.chapter_byline a {
text-decoration: none;
}
div#story_body #text {
padding: 0 24% 150px 24%;
font-size: 1.1em;
line-height: 1.8em;
}
div#story_body #text p.separator {
text-align: center;
font-size: 3em;
font-weight: bold;
margin: 30px 0 45px 0;
}
#story_body div.inset {
padding: 5px;
position: relative;
font-size: .9em;
}
#story_body div.inset img {
width: 100%;
}
#story_body div.right {
float: right;
margin: 20px -100px 20px 20px;
width: 33%;
}
#story_body div.left {
float: left;
margin: 20px 20px 20px -100px;
width: 33%;
}
#story_body div.full {
width: 100%;
margin: 40px 20px;
}
p.caption {
font-style: italic;
margin: 0 0 5px 0;
padding: 0 5px;
line-height: 1.2em;
}
div.ng_endnote_contact {
font-style: italic;
text-align: center;
font-size: .9em;
border-top: 1px dashed #ccc;
}
div.next_promo {
margin: 40px 0 20px 0;
text-align: center;
}
div.next_promo p {
font-style: italic;
font-size: 1.2em;
margin: 0;
}
div.next_promo.inactive a {
pointer-events: none;
}

div.support_journalism {
font-family: 'Josefin Sans', sans-serif;
margin: 50px 0 0 0;
background-color: #e7e7e7;
padding: 30px;
font-size: 1.1em;
}
div.inset#support_journalism_top {
padding: 30px;
font-size: 1.1em;
} 
div.support_journalism a {
color: #0184c1;
}
div.support_journalism p {
margin: 0;
padding: 0;
}
#text p span.dropcap {
float: left;
font-size: 8em;
display: inline-block;
padding: 0 2px 0 0;
margin: 0;
line-height: .7em;
}
#ad_container {
width: 100%;
height: 90px;
background-image: url(images/ad_bg2.png);
background-repeat: repeat-x;
position: fixed;
bottom: 0;
text-align: center;
box-shadow: 0 -5px 60px -5px;
z-index: 2;
}
#ad_container img {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 768px;
}
#ad_container.mobile {
height: 50px;
bottom: 1px;
}
#ad_container.wide {
height: 90px;
bottom: 0px;
}
#ad_container.small_ad {
background-image: none;
height: 25px;
font-size: .7em;
font-weight: bold;
color: #fff;
background-color: #065c2f;
font-family: 'arial',sans-serif;
box-shadow: 0 -5px 60px -5px #000;
}
#ad_container #small_ad {
padding: 3px 0 0 0;
color: #fff;
}
#ad_container #close_button {
color: #fff;
background-color: #ccc;
border-radius: 50% 50%;
position: absolute;
right: 15px;
top: -15px;
font-family: sans-serif;
font-size: 1.3em;
cursor: pointer;
font-weight: bold;
height: 30px;
width: 30px;
}
/*  intro page styles */
#intro_container {
width: 100%;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
z-index: 2;
}
#intro_container img#opening_gif {
width: 100%;
opacity: 1;
z-index: 10;
}
#intro_container #text_blocks {
position: absolute;
top: 100px;
left: 30px;
font-size: 40pt;
font-family: 'Playfair Display', serif;
line-height: 1.1em;
z-index: 30;
margin: 0 5px 0 0;
padding: 0 0 5px 0;
width: 90%;
}
#intro_container .intro_text {
opacity: 0;
text-shadow: -1px -1px 10px #444, 1px -1px 10px #444, -1px 1px 10px #444, 1px 1px 10px #444;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 0;
}
#skip_intro {
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
z-index:40;
position: absolute;
top: 90px;
left: 30px;
height: 50px;
width: 50px;
text-shadow: -1px -1px 10px #444, 1px -1px 10px #444, -1px 1px 10px #444, 1px 1px 10px #444;
cursor: pointer;
margin: 0 20px 0 0;
}
#skip_intro p#skip_text {
margin: 0;
padding: 0;
font-size: 1em;
text-transform: uppercase;
}
p#scroll_prompt {
opacity: 0;
filter: alpha(opacity=0);
margin: 30px 0 0 0;
}
iframe {
min-height: 336px;
}