/***** foundation *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1}ul{list-style:none}blockquote,q{quotes: "«" "»" "‹" "›";}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}
body{font-family: 'Crimson Text', serif;line-height:1.5; color:#505050;background-color:#1D1D1D;} /*MATCHSTRIPE*/
*:focus{outline:0;}
h1{font-size:36px;line-height:42px;}
h2{font-size:24px;line-height:30px;margin-bottom:10px;}
em,i{font-style:oblique;}.nowrap{white-space:nowrap;}
a:link{color:#225db7;text-decoration:none;}
a:visited{color:#225db7;text-decoration:none;}
a:hover{color:#225db7;text-decoration:underline;}
a:active{color:#225db7;text-decoration:none;}
#dexter-body{background-color:#1D1D1D;overflow:visible; max-width:1338px; margin:0px auto 0px;} /**# #FFF8F4 #3E3B39 #1d1d1d**/
header#decap.header.header--fixed.slide.slide--reset.headroom--top {height:100px;}
header#itate.header.header--fixed.slide.slide--reset.headroom--top {height:100px;}
.header{background-color:transparent;z-index:9990;}
.header--fixed{position:fixed;z-index:9990;right:0;left:0;top:0;}
#headroom_soc_inc {
width:1020px;
padding: 8px 0px 0px;
margin: auto;
text-align:justify;
text-indent:0px;
text-transform:uppercase;
letter-spacing:1px;
line-height:30px;
position: fixed;
top: 0px;
z-index: 800;
}
#headroom_sty_inc {
width:1020px;
padding: -50px 8px 0px 0px;
margin: auto;
text-align:justify;
text-indent:0px;
text-transform:uppercase;
letter-spacing:1px;
line-height:30px;
position: relative;
top: 150px;
z-index: 801;
}
.slide{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.slide--reset{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.slide--up{-webkit-transform:translateY(-125px);-ms-transform:translateY(-125px);transform:translateY(-125px);} /*formerly -100%*/
#toolbar ul.social a{background-image:url('../_img/social-icons.svg');background-repeat:no-repeat;padding:0px;position:relative;width:50px;height:50px;}
#toolbar ul.social a.ello{background-position:0 0px}#toolbar ul.social a:hover.ello{background-position:0 -50px;}
#toolbar ul.social a.dribbble{background-position:-50px 0px}#toolbar ul.social a:hover.dribbble{background-position:-50px -50px;}
#toolbar ul.social a.gplus{background-position:-100px 0px}#toolbar ul.social a:hover.gplus{background-position:-100px -50px;}
#toolbar ul.social a.vine{background-position:-150px 0px}#toolbar ul.social a:hover.vine{background-position:-150px -50px;}
#toolbar ul.social a.twitter{background-position:-200px 0px}#toolbar ul.social a:hover.twitter{background-position:-200px -50px;}
#toolbar ul.social a.instagram{background-position:-250px 0px}#toolbar ul.social a:hover.instagram{background-position:-250px -50px;}
#toolbar ul.social a.tumblr{background-position:-300px 0px}#toolbar ul.social a:hover.tumblr{background-position:-300px -50px;}
#toolbar ul.social a.pinter{background-position:-350px 0px}#toolbar ul.social a:hover.pinter{background-position:-350px -50px;}
.sprite-page-actions{background-image:url('../_img/social-icons.svg');background-repeat:no-repeat;padding:0px;height:50px;position:relative;width:50px;}
.sprite-page-actions.ello{background-position:0 0px}.sprite-page-actions.ello:hover{background-position:0 -50px;}
.sprite-page-actions.dribbble{background-position:-50px 0px}.sprite-page-actions.dribbble:hover{background-position:-50px -50px;}
.sprite-page-actions.gplus{background-position:-100px 0px}.sprite-page-actions.gplus:hover{background-position:-100px -50px;}
.sprite-page-actions.vine{background-position:-150px 0px}.sprite-page-actions.vine:hover{background-position:-150px -50px;}
.sprite-page-actions.twitter{background-position:-200px 0px}.sprite-page-actions.twitter:hover{background-position:-200px -50px;}
.sprite-page-actions.instagram{background-position:-250px 0px}.sprite-page-actions.instagram:hover{background-position:-250px -50px;}
.sprite-page-actions.tumblr{background-position:-300px 0px}.sprite-page-actions.tumblr:hover{background-position:-300px -50px;}
.sprite-page-actions.pinter{background-position:-350px 0px}.sprite-page-actions.pinter:hover{background-position:-350px -50px;}
.mod-page-actions{float:right;height:50px;position:relative;right:0px;bottom:0px;margin:0px 7px 0px 0px;z-index:9999;}
.mod-page-actions li{float:left;height:50px;margin:0px 2px 0px 0px;}
.mod-page-actions li a{display:block;float:left;white-space:nowrap;cursor:pointer;}
.mod-page-actions li a .sprite-page-actions{float:left;margin:0px 0px 0px 0px;}
/*.mod-page-actions li a .label{float:left;}
.mod-page-actions li .count{display:none!important;}*/
img#toolbar-shadow{position:relative;height:20px;background:transparent; width:100%; bottom:1px;z-index:9988;}
img#toolbar-shadowflip{position:relative;height:14px;background:transparent; background:url('../_img/toolbar-shadowflip_zucker.png'); width:100%; top:-18px;z-index:9988;}
/** #photo-gallery-overlay{position:fixed;width:100%;height:100%;background:rgba(255,255,255,.7);top:60px;z-index:9999} **/
img#overlapperhead{width:640px; background:transparent; background:url('../_img/overlapper_zucker.png'); background-repeat:no-repeat; position:relative; top:0px; right:0px; margin:0 auto !important}
/* ZZZZZZ 1000 */
.stysel_envelope { background-image:url('../_img/'); background-repeat:repeat-x;
width:275px; height:50px;
padding:0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
margin:0px 0px; position:fixed; right:0px; top:0px; z-index:100; }
#styleselect-index {width:250px; height:50px; position:absolute; right:10px; top: 0px; }
div #styleselect_tab01 {background:url('../_img/styleselect_tab-lt_off.svg'); right:104px; top:0px; } /* left:40px; */
div #styleselect_tab02 {background:url('../_img/styleselect_tab-zylo_off.svg'); right:52px; top:0px; } /* left:145px; */
div #styleselect_tab03 {background:url('../_img/styleselect_tab-dk_off.svg'); right:0px; top:0px; } /* left:250px; */
#styleselect_tab01, #styleselect_tab02, #styleselect_tab03 {background:no-repeat right top; width:50px; height:50px; position:absolute; top:0px; display:inline-block; }
section{position:relative;background:none;}
#section-1{background:# url('');} /** #FFF8F4 #EFECEA ../img/wt_garble.png **/
#section-2{background:# url('');} /** #FFF8F4 #3E3B39 ../img/wt_garble.png **/
#section-0 .section-photo-break.chapter01{
background-image: url('../_img/garbleslice.png'); /* url('../img/blackwallnut2.png') */
height:1080px;background-attachment:fixed;background-position:top center;
background-repeat:repeat-y;background-size:cover;border-bottom:0;} /** 768px **/
#section-B .section-photo-break.chapter01{
background-image: url('../_img/garbleslice2.png'); /* url('../img/blackwallnut2.png') */
height:500px;background-attachment:fixed;background-position:top center;
background-repeat:repeat-y;background-size:cover;border-bottom:0;} /** 768px **/
#section-1 .section-photo-break.chapter01,
#section-2 .section-photo-break.chapter01,
#section .section-photo-break.chapter01{
height:768px;background-attachment:fixed;background-position:top center;
background-repeat:repeat-y;background-size:cover;border-bottom:0;} /** 768px **/
.parallax-0 .container{top:50px;margin:0 auto;padding:0;position:absolute;background:transparent;text-align:center;width:100%;background:transparent; z-index:8000}
.parallax-1 .container{top:-125px;margin:0 auto;padding:0;position:absolute;background:transparent;text-align:center;width:100%;background:transparent; z-index:7000}
@-webkit-keyframes slide{from{top:-980px;opacity:0}to{top:0px;opacity:1}}
@-moz-keyframes slide{from{top:-980px;opacity:0}to{top:0px;opacity:1}}
@keyframes slide{from{top:-980px;opacity:0}to{top:0px;opacity:1}}
.parallax-0 .container-top div.chapter-location{background:url('../_img/splash_top.png')top center no-repeat} /** text to 1280 on 1366 graphic **/
.parallax-0 .container-top div.chapter-location{margin:0 auto;position:relative;top:-980px;height:980px;-webkit-animation:slide 2s 2s forwards;-moz-animation:slide 2s 2s forwards;-o-animation:slide 2s 2s forwards;animation:slide 2s 2s forwards;}
.parallax-1 .container-top div.chapter-location{background:url('../_img/splash_bot.png')bottom center no-repeat;}
.parallax-1 .container-top div.chapter-location{margin:0 auto;position:relative;bottom:-625px;height:625px;-webkit-animation:slide 1.5s 1.5s forwards;-webkit-animation-delay: 3.85s;-moz-animation:slide 1.5s 1.5s forwards;-moz-animation-delay: 3.85s;-o-animation:slide 1.5s 1.5s forwards;-o-animation-delay: 3.85s;;animation:slide 1.5s 1.5s forwards;animation-delay: 3.85s} /** bottom:-500px **/
#parallax-scroll {z-index:9985;}
section hgroup{max-width:640px;text-align:center; margin-top:100px;}
section hgroup p,section hgroup h2,.section-photo-break h2{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:50px;line-height:56px;font-weight:400;font-style:normal;background:url('../_img/cutter.png') no-repeat bottom center;padding-bottom:10px; color:#3E3B39;}
section hgroup h3,section hgroup h4,.section-photo-break h3,.section-photo-break h4{font-size:22px;background:url('../_img/cutter.png') no-repeat bottom center;padding-bottom:10px;margin-bottom:10px;}
.section-photo-break h4{background:transparent;}
section hgroup.white-text h2,hgroup.white-text h3,.section-photo-break hgroup.white-text h3{background:url('../_img/h3-border-white.png') no-repeat bottom center;}
section hgroup#_02{max-width:640px;text-align:center; margin-top:50px;}
section hgroup#_02 p,section hgroup#_02 h2,.section-photo-break h2{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:50px;line-height:56px;font-weight:400;font-style:normal;background:url('../_img/cutter.png') no-repeat bottom center;padding-bottom:10px; color:#3E3B39;}
section hgroup#_02 h3,section hgroup#_02 h4,.section-photo-break h3,.section-photo-break h4{font-size:22px;background:url('../_img/cutter.png') no-repeat bottom center;padding-bottom:10px;margin-bottom:10px;}
.section-photo-break h4{background:transparent;}
section hgroup#_02.white-text h2,hgroup#_02.white-text h3,.section-photo-break hgroup_#02.white-text h3{background:url('../_img/h3-border-white.png') no-repeat bottom center;}
.floatright{float:right;clear:both;}
.floatleft{float:left;}
img.full{width:100%;max-width:100%;}
#photo-12422076{width:500px}
#main-header{text-align:center;margin-top:44px}
#main-header .header1{text-align:center;width:400px}
#main-header .header1 h1{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:60px;line-height:60px;color:#fff;margin-bottom:8px}
#main-header .header1 h2{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:16px;line-height:20px;color:#fff;padding:0 50px;letter-spacing:1px}
#main-header .header1 h2>.credit{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;display:block;margin:14px 0;opacity:.9;font-size:18px;font-style:italic}
#main-header .header1 h2>.credit>span{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif}
#main-header .header1 h2>time{font-family:'KlavikaLight',Helvetica,sans-serif;display:block;font-size:14px;letter-spacing:4px}
#main-header .header1 h2>time:before,
#main-header hgroup h2>time:after{content:url('../_img/h3-border-white.png');margin:-4px 0 0;position:absolute;width:80px;overflow:hidden}
#main-header .header1 h2>time:before{left:66px}
#main-header .header1 h2>time:after{right:70px}
#main-header .photo-credit{position:absolute;bottom:-18px;right:10px;z-index:15;font:italic normal 11px/1em Arial,Helvetica,sans-serif;color:#666;letter-spacing:.025em}
#section-1 .container hgroup h2{background:0;font-size:36px;line-height:40px;padding-bottom:40px}
#main-header .header2{text-align:center;max-width:1044px;margin:0px auto;color:#000;display:block;left:0;position:inherit;top:45%}
#main-header .header2 .story-metadata-container{margin:0 20px}
#main-header .header2 .story-metadata{display:table;width:100%;border-top:1px solid #000;margin-bottom:10px}
#main-header .header2 .story-metadata .credit{font-size:25px;line-height:28px;display:table-cell;vertical-align:middle;padding:15px 0 10px 0;font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-style:italic}
#main-header .header2 .story-metadata .credit span{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif}
#main-header .header2 .story-metadata .credit .artist{font-size:13px;color:#999;letter-spacing:1px;padding-top:4px;display:block;font-family:'klavikalight',helvetica,arial,sans-serif}
#main-header .header2 .sub-data{border-left:1px solid #666;display:table-cell;width:20%;text-align:center;vertical-align:middle;font-family:'klavikalight',helvetica,arial,sans-serif;font-size:16px;line-height:20px}
#main-header .header2 .sub-data.first{border-right:1px solid #666;border-left:0 none}
#main-header .header2 .sub-data a{color:#000;text-decoration:none}
#main-header .header2 .sub-data a:hover{color:#000;text-decoration:underline}
#main-header .header2 .sub-data .time{font-size:1.125em}
#main-header .header2 .divider-line{background:#3E3B39; background:url('../_img/dark_stickerpile.png');clear:both;height:30px;margin:0 0px}
#main-header .header2 h1{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:60px;line-height:60px;border-bottom:1px solid #666;margin:20px 20px 20px 20px;word-spacing:-4px;padding-bottom:20px}
#main-header .header2 h2{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:22px;line-height:28px;color:#999;padding:0 0 20px;margin:0 40px}
#main-header{position:relative}
#main-header .header-image>img{width:100%;max-width:100%}
#main-header hgroup{position:fixed;z-index:0;top:130px;right:50px;color:#fff;z-index:0}
.section-header.full-width{position:relative}
.pullquote{float:right;font-family:georgia,times,serif;font-size:16px;line-height:20px;color:#4c4c4c;width:130px}
.pullquote p{padding:0;margin-bottom:0}
.pullquote p span{display:none}
.mod-podcast{padding-top:20px;padding-right:20px;border-color:#b2b2b2;border-width:1px 1px 0 0;border-style:solid;overflow:hidden}
.mod-podcast h4{text-align:right}
.mod-inline.mod-podcast.compact-player{border-width:1px 0;width:100px;padding-bottom:10px;margin-bottom:10px}
.mod-inline.mod-podcast.compact-player.floatleft{margin-right:30px;margin-top:6px;padding-right:0;width:86px}
.jumper{background: repeat scroll 0 0 #3E3B39;background-image:url('../_img/kithkin_hatch.png'); color:#b9b9b9;font-family:Georgia,"Times New Roman",Times,serif;font-size:.750em;line-height:1.375em;margin:0px auto 0px;padding:0px;width:100%;z-index:1000;position:relative}
#jumperstripe { background-color:#F90;}
.jumper h2{background:none repeat scroll 0 0 #505050; font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:20px;font-weight:700;font-style:italic;margin-right:0;margin-bottom:0}.jumper h3,.jumper h3 a,.jumper p{text-align:left;text-decoration:none;margin-bottom:4px}.jumper h3 a{font-weight:600}
.jumper h2{display:block;width:100%;text-decoration:none;text-align:right;color:#3E3B39;padding:10px 0px 5px 0px}
.jumper ul li{border-right:3px solid #3E3B39;float:left;min-height:1px;padding:10px 0 0;text-align: left;width:24.5%;margin:30px 0}
.jumper ul li:last-child{border:0 none;margin-right:0}
.jumper ul li img{margin:0 0 5px;max-width:300px;width:100%;}
.jumper ul li em{color:#606060;font-style:italic;font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif}
.jumper p a{color:#b2b2b2;text-decoration:none}
.jumper ul li .text-container{padding:10px 16%;margin:0 auto}
.jumper ul li .text-container h3 a{color:#bfb5a9;font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:18px;font-style:italic;line-height:1.25em; letter-spacing:1.5px;text-transform:none}
.jumper ul li .text-container h3 a:hover,.jumper ul li .text-container p a:hover{color:#eed3a3;text-decoration:none}.page-actions{padding:0;display:block;width:100%}.page-actions ul{float:right;width:auto}
/* ~~ this fixed width container surrounds all other divs ~~ */
.container{width:1040px;z-index:1; background:# url('../_img/divider.png') repeat-y 682px 50px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 0px 0px 20px; margin:0 auto !important;}
#section-1.chapter-location{margin-top:0px;}
.container p{max-width:628px;overflow:visible;text-align:left; padding-right:6px; padding-left:6px;margin-top:0px;margin-bottom:15px;}
.container p.indent{margin-left:18px;}
.dontainer{width:1040px;z-index:1; background:# url('../_img/divider.png') repeat-y 682px 0px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px 0px 0px 20px; margin:-25px auto !important;}
.dontainer p{max-width:628px;overflow:visible;text-align:left; padding-right:6px; padding-left:6px;margin-top:0px;margin-bottom:15px;}
.dontainer p.indent{margin-left:18px;}
.mod-inline{width:330px;overflow:hidden;position:relative; padding-right:0px; margin:0px auto 38px;}
.mod-inline.inline-1 h4,.mod-inline.inline-2 h4,.mod-inline.inline-3 h4{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:40px;line-height:56px;font-weight:400;font-style:normal;background:url('../_img/cutter.png') no-repeat bottom center;padding:0px 0px 5px 5px; text-align:left;}
.mod-inline .mod-split .right-col{float:left;width:50%;}
.mod-inline .mod-split .left-col{float:left;width:45%;margin-right:5%;}
.mod-inline .image-container img{width:100%;max-width:500px;}
.mod-inline span.credit{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font:italic normal 11px/1.3em;color:#666;letter-spacing:.025em;}
div.photo-credit.caption{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font:italic normal 11px/1.3em;color:#666;letter-spacing:.025em; z-index:9989}
div.caption{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-style:italic;color:#909090; line-height:1.15em; font-size:.8em; padding:6px 30px 6px 6px; text-align:justify;}
.video-container
.video-icon,.mod-inline.video-player.full-width .video-icon{position:absolute;background:url('../_img/play72.png') no-repeat;height:72px;width:72px;top:40%;opacity:1.0;left:0;right:0;margin:0 auto;}
.mod-inline.video-player .video-icon:hover,.section-photo-break .video-container
.video-icon:hover{background:url('../_img/play72-hover.png') no-repeat !important;}
.mod-inline.video-player.full-width{background:url('') no-repeat top center; max-width:636px;}
.mod-inline.video-player.full-width{border-color:none;border-style:none;border-width:0px 0;margin:0px 0px 0px 0px;}
.mod-inline.full-width h4{font-size:18px;line-height:1.2em;}
.mod-inline.video-player img{max-width:100%;width:100%;height:auto;}
.mod-inline.mod-podcast.compact-player.floatleft p{padding:0px 4px 0px 4px}.mod-inline.full-width{width:640px;padding:20px 0px;}
.image-container.full{background:none repeat scroll 0 0 !important;}
.image-container.full .mod-inline.video-player.full-width{border:medium none !important;width:auto;}
.pullquote{font-family:"Crimson Text",Georgia,"Times New Roman",Times,serif;font-size:20px;font-weight:700;font-style:italic;line-height:32px;width:305px;margin:0px 25px 0px 0px;border-top:0px solid #000;border-bottom:5px solid #00CCCC;letter-spacing:.035em;position:relative;}
.pullquote pullquote-1 {}
.pullquote p{position:relative;z-index:1;text-transform:none;font-weight:400;color:#b3afaf;}
.pullquote p.wordybit{position:relative;width:280px;padding-left:6px;margin:0px auto;}
.pullquote img{margin-bottom:0px; z-index:9989;}
.pullquote p:last-child{line-height:20px;padding-top:2px;}
.pullquote cite.pq{font-family:'Crimson Text',Georgia,"Times New Roman",Times,serif;font-size:15px;color:#000;font-style:normal; text-align:right;}
.pullquote .splatter{position:absolute;top:0px;left:-53px;}
.pullquote-2 .splatter{top:inherit;bottom:-50px;left:-53px;}
.pullquote p:first-letter {margin-left:-14px;}
.pullquote p:last-child:first-letter {margin-left:0;}
.image-0{width:330px;}
.image-1{width:330px;}
.image-2{display:none;}
#main-header .header-image2.loaded {
background-color:#3E3B39;
opacity:1;height:1000px;
}
@media screen and (min-height:2000px){
#main-header .header-image2.loaded{height:1000px; width:100%;}
}
@media screen and (min-height:1920px){
#main-header .header2{top:0}
#main-header .header2 h2{margin:0 100px}
#main-header .header2 .story-metadata-container,#main-header .header2 .divider-line{display:block}
#main-header{display:inline}
#main-header .header-image2 img{display:inline;bottom:0}
.parallax-0,.parallax-1,.parallax-2,.parallax-3,#image-text{display: block}
#section-1.chapter-location{margin-top:0}
#main-header .header2{max-width:2100px}
#main-header .header-image2 img{position:relative;right:250px}
}
@media screen and (max-width:850px){
#main-header .header-image2.loaded{height:500px}
}
@media screen and (max-width:736px){
#main-header .header-image2.loaded{width:100%;}
}
@media screen and (max-width:728px){
#main-header .header-image2.loaded{height:460px}
}
@media screen and (max-width:655px){
#main-header .header-image2.loaded{height:400px}
}
@media screen and (max-width:568px){
#main-header .header-image2.loaded{height:360px}
}
@media screen and (max-width:479px){
#main-header .header-image2.loaded{height:300px}
}
@media screen and (max-width:460px){
.elastislide-horizontal{padding:10px 40px;}
}
@media screen and (max-width:375px){
#main-header .header-image2.loaded{height:524px}
}
@charset "UTF-8";b,strong{font-weight:700}
#main-header{display:none}#main-header .header-image{margin-top:44px}.mod-inline.related p.nops{padding-left:0;background:transparent}#main-header .header-image2{background:transparent;height:0;background-size:100% auto;opacity:0;-webkit-transition:opacity .9s;-moz-transition:opacity .9s;-o-transition:opacity .9s;transition:opacity .9s;-webkit-transition:height 1.5s;-moz-transition:height 1.5s;-o-transition:height 1.5s;transition:height 1.5s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#main-header .header2 .story-metadata-container,#main-header .header2 .divider-line{display:none}
#main-header .header2{top:-25px;padding-top:1px;margin-bottom:0;background:#fff;position:relative!important;left:auto;right:auto;margin-top:0}#main-header .header-image2 img{display:none}#main-header .header2 h1{font-size:55px;line-height:55px;word-spacing:0;letter-spacing:1px}#main-header .header2 h2{margin:0 221px;font-size:20px;line-height:26px}#main-header .header2 .sub-data{font-size:14px;font-family:"bentonsanslight",helvetica,arial,sans-serif}#main-header .header2 .story-metadata .credit .artist{font-family:"bentonsanslight",helvetica,arials,sans-serif;font-size:12px}.mod-inline h5{line-height:24px;margin-bottom:6px}hr{width:20%;border:0;height:1px;background:#b2b2b2;margin:40px 0;text-align:left}
.nav-chapters ul li{margin:0}
.section-photo-break{width:100%;position:relative;margin:0px auto;background-position:0 0;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.section-photo-break hgroup{text-align:center;position:absolute;z-index:200;width:500px}.section-photo-break.chapter01 hgroup{top:40px;left:40px}.section-photo-break.chapter02 hgroup,.section-photo-break.chapter03 hgroup{top:45px}.section-photo-break.chapter04 hgroup{top:150px;left:40px}.section-photo-break.video hgroup{top:40px}.section-photo-break hgroup.topright{right:40px}.section-photo-break hgroup.topleft{left:40px}.section-photo-break .photo-credit{bottom:-18px;color:#666;font:11px/1em Arial,Helvetica,sans-serif;position:absolute;right:10px;z-index:15}.section-photo-break
.caption{background:none repeat scroll 0 0 #fff;bottom:-6%;margin:0;padding:0;position:absolute;right:20%;width:300px;font:14px/1.25em KlavikaLight,Helvetica,sans-serif;color:#4c4c4c}.section-photo-break .caption p{padding:20px}.section-photo-break .caption .credit{color:#666;font:italic 11px/1.3em Arial,Helvetica,sans-serif;letter-spacing:.025em}.white-text{color:#fff}
span.dropcap{float:left;color:#000;font-size:95px;line-height:75px;padding-top:4px;padding-right:25px;padding-left:3px;font-family:Georgia}#main-header .header-image{width:100%}#main-header .header-image2,#main-header .header-image2 img{background:0;height:auto;width:100%}#photo-gallery-overlay{background:rgba(241,241,241,.7);position:fixed;width:100%;height:100%;top:60px;z-index:9999}#photo-gallery-overlay .iframe-container{width:80%;margin:0 auto;padding:20px;position:relative}#photo-gallery-overlay .iframe-container .close{display:block;width:28px;height:25px;background:url('../_img/close-overlay.png') no-repeat scroll 0 0;position:absolute;top:30px;right:-20px;text-indent:-9999px}#photo-gallery-overlay .iframe-container .close:hover{background-position:0 -26px}#photo-gallery-overlay .pg-top-bar .close:hover{background-position:0 -26px}#photo-gallery-overlay iframe{border-left:#fff 40px solid;border-right:#fff 40px solid;border-bottom:#fff 40px solid;-moz-box-shadow:0 0 6px 6px #b2b2b2;-webkit-box-shadow:0 0 6px 6px #b2b2b2;box-shadow:0 0 6px 6px #b2b2b2;height:600px}
#main-header .header-image{background-position:14% 0}.container .mod-inline.video-player.floatright{opacity:1!important}.section-photo-break hgroup{margin:0 auto;position:relative;top:30px;left:0!important}section hgroup.prologue{margin:0 auto}#main-header hgroup{position:absolute}#photo-gallery-overlay .iframe-container{margin:0 auto 0 17px!important}#photo-gallery-overlay .iframe-container .close{top:23px!important}.mod-inline.glossary.podcast .podcast-player{border:0}#main-header .header-image2,#main-header .header-image2 img{background:0;height:auto;width:150%}#main-header .header2 h1{font-size:44px;line-height:44px}#main-header .header2 h2{font-size:15px;line-height:20px}#main-header .story-metadata-container .story-metadata .sub-data{font-size:13px;line-height:17px}#main-header .story-metadata-container .story-metadata .credit{font-size:18px;line-height:20px}#main-header .header2 .story-metadata .credit .artist{font-size:9px;padding-top:0}.section-photo-break .caption p{padding:20px 38px}
@media(max-width:1280px){#photo-gallery-overlay .iframe-container iframe{height:600px}}
@media(max-width:1024px){#photo-gallery-overlay .iframe-container iframe{height:552px}}
@media(max-width:768px){#photo-gallery-overlay .iframe-container iframe{height:409px}}
@media(max-width:480){#photo-gallery-overlay .iframe-container iframe{height:185px}}
@media(max-width:320){#photo-gallery-overlay .iframe-container iframe{height:185px}}
@media(max-width:480px){#map-main{display:none}}.map-intro .map-author{width:auto}.map-intro .map-key{width:300px}.map-intro .map-key span.indicate{top:100px;left:6px}.map-intro .map-key span.indicate.two{left:125px;top:51px}.map-intro .map-key span.indicate.three{left:101px;top:110px}.photo-credit.main-header{padding-top:10px;color:#666;font:italic 11px/1em Arial,Helvetica,sans-serif;letter-spacing:.025em;position:absolute;right:10px;z-index:15}.OoyalaVideoPlayer,.video-container-wide div{position:absolute!important;top:0;left:0;right:0;margin:0 auto;z-index:2}#main-header .header-video{position:relative}.mod-inline.video-player a.embed-video{position:relative;display:block}div.mod-inline.video-player.full-width .OoyalaVideoPlayer{margin-top:20px}
@media screen and (max-device-width:2560px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:landscape){#main-header .header-image{background-attachment:scroll}#main-header hgroup{position:absolute!important}}
@media screen and (max-device-height:1600px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait){#main-header .header-image{background-attachment:scroll}#main-header hgroup{position:absolute!important}}
@media screen and (-webkit-device-pixel-ratio:1.5) and (device-width:1280px) and (orientation:landscape){html{zoom:75%;overflow-y:visible;overflow-x:hidden}#main-header hgroup{position:absolute!important}}
@media screen and (-webkit-device-pixel-ratio:1.5) and (device-width:1920px) and (orientation:landscape){html{zoom:110%;overflow-y:visible;overflow-x:hidden}#main-header hgroup{position:absolute!important}}
@media screen and (-webkit-device-pixel-ratio:1.5) and (device-height:1200px) and (orientation:portrait){#main-header hgroup{top:40%;right:5%}.container{max-width:92%;background:0}.container p{max-width:100%}.container .mod-inline.floatright{margin:30px auto;float:none;opacity:1}.pullquote{float:none;padding:20px 0 30px 0;width:100%}.map-intro{left:65%;width:250px;height:200px;bottom:140px;background:url('../_img/map-intro-bg.jpg') no-repeat scroll -28px 31px transparent}.map-intro h3{font-size:20px}.map-intro p{width:150px;font-size:11px}.map-intro span.key{left:4px}.map-intro span.indicate{left:0}.map-intro span.indicate.two,.map-intro span.indicate.three{left:130px}html{zoom:120%}#main-header hgroup{position:absolute!important}}
@media only screen and (max-width:1024px){#main-header .header-image{background-position:18% 0;}.container{width:1024px;background:# url('../_img/divider.png') repeat-y 670px 50px;}.container p{max-width:620px}}
@media screen and (min-width:1920px){.section-photo-break .caption{right:5%}}
@media screen and (max-width:1920px){.section-photo-break .caption{right:100px}}
@media screen and (max-width:1900px){.section-photo-break .caption{right:23%}}
@media screen and (max-width:1800px){
#main-header .header-image2.loaded{height:1000px;}
}
@media screen and (max-width:1750px){
}
@media screen and (max-width:1600px){
#main-header .header-image2.loaded{height:1000px;}
}
@media screen and (max-width:1500px){
#main-header .header-image2.loaded{height:1000px;}
}
@media screen and (max-width:1455px){#section-1.chapter-location{}}
@media only screen and (max-width:1400px){#main-header .header-image{background-position:0 0}}
@media screen and (max-width:1400px){#section-1.chapter-location{}}
@media screen and (max-width:1370px){#section-1.chapter-location{}}
/** 1366x768px - aprox. 27% of displays as of 201502 **/
@media screen
and (max-device-width: 1366px)
and (max-device-height: 768px)
and (-webkit-min-device-pixel-ratio: 1) {
#main-header .header-image2.loaded{height:768px;} /** 768px **/
}
@media screen and (max-width:1300px){#section-1.chapter-location{}}
@media only screen and (max-width:1250px){.map-controls{left:40px}#photo-gallery-overlay .iframe-container{margin:0 auto 0 46px!important}}
@media screen and (max-width:1250px){#section-1.chapter-location{}}
@media only screen and (min-device-width:1200px){.map-controls{left:80px}.section-photo-break .video-container{width:60%} .caption{right:40px}}
@media screen and (max-width:1200px){
#main-header .header-image2.loaded{}
}
@media screen and (min-width:1025px){#section-1.chapter-location{margin-top:0px}}
@media screen and (max-width:1100px){.section-photo-break .caption{right:5%}}
@media screen and (max-width:1100px){
#main-header .header-image2.loaded{height:1000px;}
}
@media screen and (max-width:1040px){.pullQuoteA{width:460px;font-size:36px}.pullQuoteB{width:449px;font-size:36px}.pullCite{width:448px}}
@media screen and (max-width:1024px){
#main-header .header-image2.loaded{height:600px;width:100%;}
}
@media screen and (max-width:1024px){
.container{z-index:1;background:#EFECEA url('../_img/divider.png') repeat-y 670px 0;margin:0 auto!important;overflow:hidden;padding-top:25px;padding-bottom:80px}
.mod-inline{overflow:hidden;position:relative}
#main-header .header2{top:0px;}
#main-header .header2 h2{margin:0 100px}
#main-header .header2 .story-metadata-container,#main-header .header2 .divider-line{display:block}
#main-header{display:inline}
#main-header .header-image2 img{display:inline;bottom:0}
.parallax-0,.parallax-1,.parallax-2,.parallax-3,#image-text{display:none}
#section-1.chapter-location{margin-top:0}
#main-header .header-image2 img{position:relative;right:0px}
#section-1 .section-photo-break.chapter01,#section-2 .section-photo-break.chapter01,#section .section-photo-break.chapter01{background-attachment:scroll;height:700px}
.mod-inline.video-player.full-width{background:url('../_img/h3-border.png') no-repeat top center; max-width:600px}
.pullquote{font-family:"Crimson Text",Georgia,"Times New Roman",Times,serif;font-size:35px;font-weight:700;font-style:italic;line-height:38px;margin:0px;border-top:0px solid #000;border-bottom:5px solid #00D7D7;letter-spacing:.035em;position:relative;}
.bouncyhead{background:url('../_img/h_headline2_568x320.gif'); background-position:center center; height:600px;}
}
@media screen and (device-height:905px) and (-webkit-min-device-pixel-ratio:1.331) and (-webkit-max-device-pixel-ratio:1.332) and (orientation:landscape){html{zoom:85%;overflow-y:visible;overflow-x:hidden}}
@media screen and (max-width:990px){.container{z-index:1;background:#EFECEA url('../_img/divider.png') repeat-y 640px 0;margin:0 auto!important;overflow:hidden;padding-top:25px;padding-bottom:80px}.container p{max-width:4900px}hgroup.prologue{max-width:490px}.section-photo-break .caption{right:5%}}
@media screen and (max-width:860px){.container{background-position:510px 0;width:98%}.container p{max-width:58%}}
@media screen and (max-width:851px){.section-photo-break .caption{right:7%}}
@media screen and (max-width:639px){.mod-page-actions nav .navbar-nav .pull-right .smalls{margin-top:100px;z-index:9991;}
}
@media screen and (max-width:619px){
.jumper{display:none}
}
@media screen and (max-width:568px){
.mod-inline.floatright{float:none}
.map-container,.map-placeholder,.map-jumper,.dogsled-graphic,.map-spaceholder{display:none!important}.map{background:0}
#toolbar>h1.rorenlogo{width:89px;float:none}
.section-photo-break hgroup{width:300px}
span.citation{background:0}
#main-header hgroup{left:0;right:0;width:100%;margin:0 auto}
#main-header hgroup h1{font-size:44px;line-height:1.25em}
#main-header .header-image{background-position:10% 0}
#main-header hgroup h2>time:before,#main-header hgroup h2>time:after{display:none!important}
.section-photo-break.chapter01{background-position:-230px 0}
.section-photo-break.chapter02{background-position:-67px 0}
.section-photo-break.chapter04{background-position:0 0}
.container{padding-top:40px;padding-bottom:40px}
.mod-inline.full-width{width:100%}
.icon-magnify,.icon-gallery{display:none}
}
@media screen and (max-width:531px){
#toolbar>h1.rorenlogo{display:none}
}
@media screen and (max-width:479px){
.elastislide-wrapper nav span{background-position:2px -237px;height:67px;width:50px}.elastislide-horizontal nav span{right:0;top:26%}.elastislide-wrapper nav span:hover{background-position:1px -322px}.elastislide-horizontal nav span.elastislide-prev{background-position:0 -238px;height:67px;width:50px}.elastislide-horizontal nav span.elastislide-prev:hover{background-position:0 -323px}#main-header .header-image2,#main-header .header-image2 img{background:0;height:auto;width:180%}#main-header .header2 .story-metadata{border:0}#main-header .story-metadata-container .story-metadata .sub-data{display:none}#main-header .header2 .story-metadata .credit .artist{font-size:9px;padding-top:0}#main-header .story-metadata-container .story-metadata .credit{padding-top:0}.mod-inline.glossary{width:100%}}
nav.nav-chapters{display:none}
#section-1 .section-photo-break hgroup,#section-2 .section-photo-break hgroup,#section .section-photo-break hgroup{width:100%;max-width:100%;right:0;font-family:"bentonsansbold",helvetica,arial,sans-serif;color:#fff;top:35%}#section-1 .section-photo-break hgroup h2,#section-2 .section-photo-break hgroup h2,#section .section-photo-break hgroup h2{background:transparent;font-size:46px;letter-spacing:.12em;text-indent:-20000px}.section-photo-break.video .photo-credit.caption{display:none;bottom:auto}.section-photo-break hgroup h2{display:none}.mod-inline.related p.intro-parg{background:transparent;padding-left:0}section.chapter-location{max-width:100%}#image-text{margin-top:0}
.parallax-2,.parallax-3{display:none}.mod-inline.inline-2.related.floatright{display:none}.mod-inline.inline-1.related.floatright{display:block}.mod-inline.inline-4.related.floatright{display:none}.mod-inline.inline-3.related.floatright{display:block}.mod-inline.inline-3.related.floatright p{background:0;padding-left:0}.video-head{background:none repeat scroll 0 0 #fff;border-top:1px solid #ccc;font-family:"bentonsans",helvetica,arial,sans-serif;font-size:24px;height:75px;margin-bottom:-20px;padding-top:15px;text-align:center}.video-head img{width:20px;height:20px;margin-top:10px}}
@media screen and (max-width:990px){
#main-header .header2 h2{margin:0 150px}.container{width:890px;padding-left:0}.mod-inline.full-width{width:58%}#photo-10084835{display:none}.pullQuoteA{width:387px;font-size:32px}.pullQuoteB{width:376px;font-size:32px}.pullCite{width:375px}
}
@media screen and (max-width:930px){
.container{width:850px;padding-left:20px}.mod-inline.full-width{width:58%}.pullQuoteA{width:363px;font-size:30px}.pullQuoteB{width:352px;font-size:30px}.pullCite{width:351px}
}
@media screen and (max-width:900px){
#section-2 .section-photo-break.chapter01{height:600px}.container{width:850px;padding-left:0}.mod-inline.full-width{width:58%}.container p{max-width:58%}.container .mod-inline p{max-width:90%;padding-left:15px}.pullquote p{max-width:100%}.pullQuoteA{width:345px;font-size:28px;margin:-8px 0 0}.pullQuoteB{width:334px;font-size:28px;margin:-8px 0 0}.pullCite{width:333px;font-size:10px}.pullQuoteA .container p{max-width:600px}.pullQuoteB .container p{max-width:600px}.container p{max-width:460px;padding-left:20px}
}
@media screen and (max-width:880px){
.container{width:780px;padding-left:20px;background-position:450px 0}.mod-inline.full-width{width:54%}.container p{max-width:54%}.pullquote p{max-width:100%}.pullQuoteA{width:295px;font-size:23px;margin:-11px 0 0}.pullQuoteB{width:284px;font-size:23px;margin:-11px 0 0}.pullCite{width:283px;font-size:10px}.container p{max-width:415px}
}
@media screen and (max-width:850px){
#main-header hgroup{top:14%;right:5%;}
.container{background:0;width:100%;padding-left:40px;padding-right:40px;}
.container p{max-width:100%!important;}
.container .mod-inline.floatright{margin:30px auto;float:none;opacity:1;border-color:#b2b2b2;border-style:solid;border-width:1px 0;padding:30px 0;}
.pullquote{float:none;padding:20px 0 30px 0;width:100%;}
.map-intro{display:none!important;}
#toolbar .nav-chapters ul li a{padding:8px 10px;}
#section-1.chapter-location .container{padding-top:40px;}
#main-header .header2 h1{font-size:45px;line-height:45px;}
#main-header .header2 .story-metadata .credit .artist{font-size:9px;}
#section-2 .section-photo-break.chapter01{height:560px;background-attachment:scroll;background-size:cover;}
#section-1 .section-photo-break.chapter01,#section-2 .section-photo-break.chapter01,#section .section-photo-break.chapter01{background-attachment:inherit;height:500px;}
#section-2 .section-photo-break.chapter01 hgroup h3,#section-2 .section-photo-break.chapter01 hgroup h2,#section .section-photo-break.chapter01 hgroup h2{font-family:"bentonsansbold",helvetica,arial,sans-serif;text-indent:0;background:0;height:auto;padding-top:20px;}
#main-header .header-image2,#main-header .header-image2 img{width:100%;position:relative;right:150px;}
.mod-inline.full-width{width:576px;}
.container h2,ul.chp-teasers,.container h3{width:100%;}
hr{left:35%;margin:40px 0;}
.container{padding-left:40px;width:100%;}
.pullquote{padding-right:0;margin:30px auto;}
.container .mod-inline.floatright{margin:0px auto;float:none;opacity:1;border-color:#b2b2b2;border-style:solid;border-width:0;padding:30px 0;}
.section-photo-break .photo-credit{bottom:-15px}.image-1,.image-6{display:none}.image-2,.image{display:block}.mod-inline.inline-1.related h4{border:0}.pullQuoteA{width:800px;font-size:43px;margin:0;border-right:1px solid #fff}.pullQuoteB{width:800px;font-size:43px;margin:0;border-right:1px solid #fff}.pullCite{width:800px;font-size:10px;border-right:1px solid #fff}.pullquote{padding-right:0;margin:80px auto 40px auto}.container p{max-width:430px}.image-container.full{border-color:#b2b2b2;border-style:solid;border-width:0px 0px;float:none;margin:30px auto}.mod-inline.inline-2.related.floatright{display:block}.mod-inline.inline-1.related.floatright{display:block}.mod-inline.inline-4.related.floatright{display:block}.mod-inline.inline-4.related.floatright p{background:0;padding-left:0}.mod-inline.inline-3.related.floatright{display:none}#main-header .header-image2,#main-header .header-image2 img{position:relative;right:0px;width:130%}
}
@media screen and (max-width:700px){
#main-header .header-image2,#main-header .header-image2 img{position:relative;right:0px;width:130%}
}
@media screen and (max-width:728px){
#section-1 .section-photo-break.chapter01,#section-2 .section-photo-break.chapter01,#section .section-photo-break.chapter01{height:525px}#main-header .header-image2{height:430px;background:transparent}#main-header .header-image2 img{display:inline;bottom:0}#main-header .header2 h2{margin:0 40px}.mod-inline.full-width{width:100%}hr{left:30%}.pullQuoteA{width:800px;font-size:38px;margin:-3px 0 0;border-right:1px solid #fff}.pullQuoteB{width:800px;font-size:38px;margin:-3px 0 0;border-right:1px solid #fff}.pullCite{width:800px;font-size:10px;border-right:1px solid #fff}.mod-inline.related h4{font-size:18px}
}
@media screen and (max-width:655px){
#section-1 .section-photo-break.chapter01,#section-2 .section-photo-break.chapter01,#section .section-photo-break.chapter01{height:500px}#main-header .header2 h1{font-size:38px;line-height:38px}#main-header .header2 h2{margin:0 20px}.container h2,.container h3{max-width:100%}.pullQuoteA{width:800px;font-size:30px;margin:-5px 0 0;border-right:1px solid #fff}.pullQuoteB{width:800px;font-size:30px;margin:-5px 0 0;border-right:1px solid #fff}.pullCite{width:800px;font-size:10px;border-right:1px solid #fff}.image-overlay{display:none}#main-header .header-image2,#main-header .header-image2 img{position:relative;right:0px;width:130%}
}
@media screen and (max-width:568px){
#section-1 .section-photo-break.chapter01,#section-2 .section-photo-break.chapter01,#section .section-photo-break.chapter01{height:450px}#main-header .header2 h2{margin:0 20px}#main-header .header-image2,#main-header .header-image2 img{position:relative;right:0px;width:130%}
.bouncyhead{background:url('../_img/h_headline2_568x320.gif');background-repeat:no-repeat;background-position:center;height:270px; position:relative;}
}
@media screen and (max-width:479px){
#section-2 .section-photo-break.chapter01{height:450px;background-position:center -40px}#main-header hgroup.header2 h1{font-size:36px;line-height:36px}#main-header .header2 h2{font-size:15px;line-height:20px;margin:0 20px}.section-photo-break .video-container .video-icon,.mod-inline.video-player.full-width .video-icon{top:31%;background-size:90%}.pullQuoteA{width:800px;font-size:26px;margin:-12px 0 0;border-right:1px solid #fff}.pullQuoteB{width:800px;font-size:26px;margin:-12px 0 0;border-right:1px solid #fff}.pullCite{width:800px;font-size:10px;border-right:1px solid #fff}#section-2 .section-photo-break.chapter01 hgroup h3,#section-2 .section-photo-break.chapter01 hgroup h2,#section .section-photo-break.chapter01 hgroup h2{font-size:24px}#main-header .header-image2,#main-header .header-image2 img{position:relative;right:0px;width:130%}
}
@media screen and (max-width:442px){
.header-image2{display:block}
}
@media screen and (max-width:426px){
.pullQuoteA{width:800px;font-size:26px;margin:-8px 0 0;border-right:1px solid #fff;border-left:10px solid #000}.pullQuoteB{width:800px;font-size:26px;margin:-8px 0 0;border-right:1px solid #fff;border-left:10px solid #000}.pullCite{width:800px;font-size:10px;border-right:1px solid #fff;border-left:10px solid #000}#main-header .header-image2,#main-header .header-image2 img{position:relative;right:0px;width:130%}
}
@media screen and (max-width:415px){
.pullQuoteA{width:800px;font-size:22px;margin:-12px 0 0;border-right:1px solid #fff;border-left:10px solid #000}.pullQuoteB{width:800px;font-size:22px;margin:-12px 0 0;border-right:1px solid #fff;border-left:10px solid #000}.pullCite{width:800px;font-size:10px;border-right:1px solid #fff;border-left:10px solid #000}#main-header .header-image2,#main-header .header-image2 img{position:relative;right:0px;width:130%}
}
@media screen and (max-width:375px){
.pullQuoteA{width:800px;font-size:18px;margin:-14px 0 0;border-right:1px solid #fff;border-left:10px solid #000}.pullQuoteB{width:800px;font-size:18px;margin:-14px 0 0;border-right:1px solid #fff;border-left:10px solid #000}.pullCite{width:800px;font-size:10px;border-right:1px solid #fff;border-left:10px solid #000}
.bouncyhead{background:url('../_img/h_headline2_375x665.gif');background-repeat:no-repeat;background-position:center center;height:579px;}
.bouncyhead{background-size:93%;}
}
@media screen and (max-width:320px){.container h1{font-size:26px;line-height:30px}.container h2{font-size:18px;line-height:20px}.container{background:0;width:100%;padding-left:30px;padding-right:30px}#main-header hgroup,.section-photo-break hgroup,.mod-inline{max-width:260px!important}.mod-inline.glossary.podcast .podcast-player{float:none;border:0;margin:0 auto}.mod-inline.glossary.animal>img{max-width:100%}#toolbar>h1.rorenlogo{float:none}iframe{display:none}.video-container>img{max-width:100%}.section-photo-break.gallerygrid{height:140px}.section-photo-break.chapter01{background-position:-424px 0}.section-photo-break h2 span{font-size:22px}.section-photo-break h2{font-size:26px}.section-photo-break h2{line-height:26px}.section-photo-break.chapter01 hgroup{top:10px}.section-photo-break.gallerygrid .credit{right:41px}#main-header hgroup h2{font-size:16px;line-height:20px}#main-header hgroup.header2 h1{font-size:50px;line-height:50px}
}
@media screen and (max-width:320px){
#section-2 .section-photo-break.chapter01{height:280px;background-size:120%;background-position:0 -30px}
#main-header hgroup.header2{margin:0px; width:100%;}
#main-header hgroup.header2 h1{font-size:30px;line-height:36px;margin-left:0;margin-right:0}
#main-header .header-image2,#main-header .header-image2 img{width:117%;position:relative;top:0px}
#main-header .header2{top:0}
#main-header .header2 h2{margin:0}
.section-photo-break .video-container .video-icon,.mod-inline.video-player.full-width .video-icon{top:22%;background-size:80%;}
.container .mod-inline.floatright,.mod-inline.inline-1.related.floatright img{width:100%!important}
.video-icon,.mod-inline.video-player.full-width{margin-bottom:0px;}
.image-container.full{margin:0px auto}
.pullquote.pullquote-1,.pullquote.pullquote-2{margin-top:40px;}
#container-1.container{max-width:290px; padding:0px; margin:0px;}
.container p{ max-width:300px; padding:0px;}
.mod-inline .image-container img{max-width:100%}
.mod-inline.glossary img{width:100%}
#main-header hgroup,.section-photo-break hgroup,.mod-inline{max-width:320px!important}
#main-header .header2 .story-metadata-container,#main-header .header2 .divider-line{margin-left:0;margin-right:0}
#main-header .header2 .story-metadata .credit .artist{line-height:22px}
#main-header hgroup.header2 div.story-metadata-container{display:none;}
}
@media screen and (max-width:314px){#toolbar-shadow{top:100px;} .bouncyhead{}} /**272px**/
@media screen and (max-width:251px){#toolbar-shadow{top:150px;} .bouncyhead{} #main-header .header2{top:-150px;}} /**272px**/
@media screen and (max-width:188px){#toolbar-shadow{top:150px;} .bouncyhead{} #main-header .header2{top:-150px;}} /**272px**/
@media screen and (max-width:125px){#toolbar-shadow{top:0px;} #section-1, #section-2, .jumper{display:none;} .bouncyhead{background-size:93%;background-position:center center;height:220px;} #main-header .header2{top:0px;} #main-header .header-image2.loaded{height:200px;} #main-header hgroup.header2 h1 {
font-size: 20px;
line-height: 25px;
margin-left: 0;
margin-right: 0;
bottom:-50px;
}
#main-header .header-image2.loaded{margin-top:0px;}
#main-header .header2 .divider-line {
background: #3E3B39;
background: url('../_img/dark_stickerpile.png');
clear: both;
height: 30px;
margin: 0 0;}
} /**272px**/
.ggg-logowrap, #ggg-grad, #style_ggg-grad, #overlapper, #style_overlapper, #middlelapper, #style_middlelapper, #underlapper, #style_underlapper, nav#sock{
transition: all 1.25s;transition-delay: .25s;
-moz-transition: all 1.25s;-moz-transition-delay: .25s; /* Firefox 4 */
-webkit-transition: all 1.25s;-webkit-transition-delay: .25s; /* Safari and Chrome */
-o-transition: all 1.25s;-o-transition-delay: .25s; /* Opera */
}
#ggg-wrapper, #style_ggg-wrapper{
transition: all 1.7s;
-moz-transition: all 1.7s; /* Firefox 4 */
-webkit-transition: all 1.7s; /* Safari and Chrome */
-o-transition: all 1.7s; /* Opera */
}
/* Basic layout */
ul{
list-style-type: none;
float: right;
}
li{
display: inline;
float: left;
}
#ggg-wrapper{
/*float: left;*/
width: 100%;
/*position: fixed;*/
padding:0px;
border:0px;
margin:0px;
z-index: 9998;
}
/*#ggg-wrapper a{background-color:transparent;}#ggg-wrapper a.active, #ggg-wrapper a:hover{background-color:#3d3d3d;}*/
#ggg-wrapper li{margin: 0px;}
#ggg-grad.lt.biggie{
background-image:url('../_img/keystone_zucker.svg');
background-repeat:no-repeat;
background-position: right center;
background-size:contain;
width:312px;
height:100px;
position: absolute;
top:0px;
left:15px;
opacity: 0.0;
}
#ggg-grad.lt.smalls{
background-image:url('../_img/keystone_zucker2.svg');
background-repeat:no-repeat;
background-position: left center;
background-size:contain;
width:312px;
height:100px;
position: absolute;
top:-50px;
left:15px;
opacity: .35;
}
#style_ggg-grad.lt.style_biggie{
background-image:url('../_img/keystone_zucker.svg');
background-repeat:no-repeat;
background-position: right center;
background-size:contain;
width:312px;
height:100px;
position: absolute;
top:0px;
left:15px;
opacity: 0.0;
}
#style_ggg-grad.lt.style_smalls{
background-image:url('../_img/keystone_zucker.svg');
background-repeat:no-repeat;
background-position: left center;
background-size:contain;
width:312px;
height:100px;
position: absolute;
top:-50px;
left:15px;
opacity: .35;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 0px;
padding-left: 0px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: rgba(50,50,50,1); /* or #323232 */
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
color: rgba(50,50,50,1); /* or #323232 */
text-decoration: underline;
}
ul.nav-boxel a:visited{
shape-inside: polygon(0px 0px, 330px 0px, 330px 3px, 330px 38px, 330px 38px, 330px 38px, 3px 38px, 3px 38px, 3px 38px, 3px 3px);
-webkit-clip-path: polygon(0px 0px, 330px 0px, 330px 3px, 330px 38px, 330px 38px, 330px 38px, 3px 38px, 3px 38px, 3px 38px, 3px 3px);
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
}
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
*/
.sidebar1 {
float: right;
width: 330px;
background: #;
padding-bottom: 10px;
}
.content {
padding: 3px 0;
width: 666px;
float: left;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.element-boxelli{
shape-inside: polygon(0px 0px, 331px 0px, 331px 3px, 329px 34px, 331px 36px, 331px 38px, 0px 38px, 0px 36px, 0px 34px, 0px 3px);
shape-padding: 0px; transition: all .25s ease;
-webkit-clip-path: polygon(0px 0px, 331px 0px, 331px 3px, 331px 34px, 331px 36px, 331px 38px, 0px 38px, 0px 36px, 0px 34px, 0px 3px);
} /* extended py 1 px to avoid half-pixel rendering on the right */
.element-boxelli:hover{
shape-inside: polygon(0px 0px, 329px 0px, 326px 3px, 329px 34px, 329px 36px, 321px 38px, 9px 38px, 1px 36px, 1px 34px, 4px 3px);
-webkit-clip-path: polygon(0px 0px, 329px 0px, 326px 3px, 329px 34px, 329px 36px, 321px 38px, 9px 38px, 1px 36px, 1px 34px, 4px 3px);
}
.element-boxelli:active{
shape-inside: polygon(0px 0px, 330px 0px, 327px 3px, 327px 38px, 327px 38px, 327px 38px, 3px 38px, 3px 38px, 3px 38px, 3px 3px);
-webkit-clip-path: polygon(0px 0px, 330px 0px, 327px 3px, 327px 38px, 327px 38px, 327px 38px, 3px 38px, 3px 38px, 3px 38px, 3px 3px);
}
/* ~~ navigation list styles (can be removed if you use a premade flyout menu like Spry) ~~ */
ul.nav-boxel {
width:330px;
background: #C5C0BD url('../_img/frontsidemctwist.png') repeat-y; /* #0d0d0d #efecea */
list-style: none; /* this removes the list marker */
font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
border-top: 0px solid transparent; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 38px; /* this creates the space between the navigation on the content below */
}
p.nav-boxel-head{
position:relative;
background: #;
/*background-image: url(img/toolbar-shadow.png);
background-repeat:repeat-x;
background-position:bottom;
background-attachment:scroll;*/
height:29px;
max-height:29px;
font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
padding:9px 22px 0px 6px;
border-style: solid;
border-color: #C5C0BD;
border-top-width:0px;
border-right-width:0px;
border-bottom-color: #C5C0BD;
border-bottom-width:1px;
border-left-width:0px;
margin-bottom:0px;
background-color: rgba(244,244,242,1);
color: rgba(244,244,242,1);
font-weight: 300;
font-size: 20px;
line-height: 1em;
text-transform: uppercase;
text-align:justify;
text-shadow: 1px 1px 1px #574848, 2px 2px 1px #C5C0BD;
overflow:hidden;
}
ul.nav-boxel li {
transition: background-color 0.0s linear;
width:330px;
height:38px;
padding:0px 0px 0px 0px;
margin:0px 0px 1px 0px;
background-color: rgba(197,192,189,1);
color: rgba(244,244,242,1); /* or #574848 */
font-weight: 600;
font-size: 10px;
line-height: 1.25em;
text-transform: uppercase;
text-align:justify;
text-shadow: 1px 1px 1px #574848;
overflow:hidden;
}
ul.nav-boxel li span{
transition: all .17s ease;
color: rgba(244,244,242,1); /* or #574848 */
text-transform:lowercase;
text-indent: 3px;
text-shadow: 1px 1px 2px #574848;
}
ul.nav-boxel a, ul.nav-boxel a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
transition: all .17s ease;
height:38px;
max-height:38px;
padding: 6px 18px 0px 18px;
border-style:solid;
border-color: #C5C0BD;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
color: rgba(244,244,242,1); /* or #323232 */
text-decoration: none;
background-color: #;
opacity: 1.0;
}
/* ul.nav-boxel a, */
.element-boxelli{
background-position:left top;
background-repeat: no-repeat;
border:0px;
position:relative;
top:0px;
left:0px;
}
ul.nav-boxel a:hover{
/* Old browsers */
background: rgb(142,132,131);
/* FF3.6+ */
background: -moz-linear-gradient(-180deg, rgba(142,132,131,1) 0%, rgba(51,43,43,1) 5%, rgba(201,193,193,1) 7%, rgba(244,244,242,1) 81%, rgba(142,132,131,1) 81%,rgba(51,43,43,1) 95%);
/*C,Sf4+*/
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(142,132,131,1)), color-stop(5%,rgba(51,43,43,1)), color-stop(7%,rgba(201,193,193,1)), color-stop(81%,rgba(244,244,242,1)), color-stop(81%,rgba(142,132,131,1)), color-stop(95%,rgba(51,43,43,1)));
/* Chrome10+,Safari5.1+ */
background: -webkit-linear-gradient(-180deg, rgba(142,132,131,1) 0%,rgba(51,43,43,1) 5%,rgba(201,193,193,1) 7%,rgba(244,244,242,1) 81%,rgba(142,132,131,1) 81%,rgba(51,43,43,1) 95%);
/* Opera 11.10+ */
background: -o-linear-gradient(-180deg, rgba(142,132,131,1) 0%,rgba(51,43,43,1) 5%,rgba(201,193,193,1) 7%,rgba(244,244,242,1) 81%,rgba(142,132,131,1) 81%,rgba(51,43,43,1) 95%);
/* IE10+ */
background: -ms-linear-gradient(-180deg, rgba(142,132,131,1) 0%,rgba(51,43,43,1) 5%,rgba(201,193,193,1) 7%,rgba(244,244,242,1) 81%,rgba(142,132,131,1) 81%,rgba(51,43,43,1) 95%);
/* W3C */
background: linear-gradient(180deg, rgba(142,132,131,1) 0%,rgba(51,43,43,1) 5%,rgba(201,193,193,1) 7%,rgba(244,244,242,1) 81%,rgba(142,132,131,1) 81%,rgba(51,43,43,1) 95%);
/* IE6-9 fallback on horizontal gradient */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#574848', endColorstr='#FA9632',GradientType=1 );
background-position:left top;
background-repeat: no-repeat;
color: rgba(255,255,255,1);
font-style:italic;
letter-spacing:.015em;
text-indent: 2px;
border:0px;
position:relative;
top:0px;
left:0px;
opacity: 1.0;
}
ul.nav-boxel span a:hover{
letter-spacing:-.030em;
}
ul.nav-boxel a:active{
height:45px;
max-height:45px;
opacity: 0.6;
color:#FFFFFF;
letter-spacing:-.0119em;
font-style:normal;
text-indent: 3px;
text-shadow: 1px 1px 1px #4a4a4a;
}
ul.nav-boxel span a:active{
letter-spacing:-.015em;
}
i {
color: #545454;
text-transform:lowercase;
}
#clickish {
padding: 6px 0px 0px 18px;
}
/* CSS
.element-boxelli {
width: 100px;
height: 100px;
background: red;
opacity: 1.0;
-webkit-transform: scale(0.95) translate3d(0,100%,0);
-webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease;
}
.element-boxelli.active {
opacity: 1.0;
-webkit-transform: scale(1.0) translate3d(0,0,0);
}
.element-boxelli.inactive {
opacity: 0.0;
-webkit-transform: scale(1.0) translate3d(0,0,0);
}
*/
.filter-drop-shadow, #dropitlikeitshot {
-webkit-filter: drop-shadow(0 5px 1px rgba(0,0,0,.25));
-moz-filter: drop-shadow(0 5px 1px rgba(0,0,0,.25));
-o-filter: drop-shadow(0 5px 1px rgba(0,0,0,.25));
filter: drop-shadow(0 5px 1px rgba(0,0,0,.25));
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class can be placed on a
or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#wigger {
margin: 0 0; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
}
#overlapper.biggie {
background-image: url('../_img/toolbar-shadow_zucker.png');
background-repeat: repeat-x;
background-attachment:scroll;
background-position:center bottom;
float: left;
width:100%;
height:100px;
position: absolute;
padding: 0px 0px 20px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
z-index:9999;
}
#overlapper.smalls {
background-image: url('../_img/toolbar-shadow_zucker.png');
background-repeat: repeat-x;
background-attachment:scroll;
background-position:center bottom;
float: left;
width:100%;
height:50px;
position: absolute;
padding: 0px 0px 20px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
z-index:9999;
}
#style_overlapper.style_biggie {
background-image: url('../_img/toolbar-noshadow_zucker.png');
background-repeat: repeat-x;
background-attachment:scroll;
background-position:center bottom;
float: left;
width:100%;
height:100px;
position: absolute;
padding: 0px 0px 20px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
z-index:9999;
}
#style_overlapper.style_smalls {
background-image: url('../_img/toolbar-noshadow_zucker.png');
background-repeat: repeat-x;
background-attachment:scroll;
background-position:center bottom;
float: left;
width:100%;
height:50px;
position: absolute;
padding: 0px 0px 20px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
z-index:9999;
}
.lapper-slip {
position:relative;
width:100%;
height:100px;
right: 0px;
}
nav#sock.biggie {
position:absolute;
width:100%;
right:0px;
bottom:0px;
padding:0px;
border:0px;
margin:0px;
display:block;
z-index:9998;
}
nav#sock.smalls {
position:absolute;
width:100%;
right:0px;
bottom:50px;
padding:0px;
border:0px;
margin:0px;
display:block;
z-index:9998;
}
#underlapper.biggie {
background-color:#1d1d1d; /*#Eff2f2#1D1D1D #F0EAD8 #F3F3F0 #B5ABAA*/
background-image:url('../_img/underlapperstripes2.png');
background-attachment:scroll;
background-position:bottom;
background-size:cover;
float: left;
width: 100%;
height:100px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:0px 0px 0px 0px;
z-index: 9997;
}
#underlapper.smalls {
background-color:#1d1d1d; /*#1D1D1D #F0EAD8 #F4F2ED #F3F3F0 #FFF2DB*/
background-image:url('../_img/underlapperstripes2.png');
background-attachment:scroll;
background-position:top;
background-size:cover;
float: left;
width: 100%;
height:50px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:0px 0px 0px 0px;
z-index: 9997;
}
#style_underlapper.style_biggie {
background-color:#1d1d1d; /*#eff2f2 1D1D1D #F0EAD8 #F3F3F0*/
background-image:url('../_img/underlapperstripes.png');
background-attachment:scroll;
background-position:bottom;
background-size:cover;
float: left;
width: 100%;
height:100px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:0px 0px 0px 0px;
z-index: 9997;
}
#style_underlapper.style_smalls {
background-color:#1d1d1d; /*#1D1D1D #F0EAD8 #F4F2ED #F3F3F0 #FFF2DB*/
background-image:url('../_img/underlapperstripes.png');
background-attachment:scroll;
background-position:top;
background-size:cover;
float: left;
width: 100%;
height:50px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:0px 0px 0px 0px;
z-index: 9997;
}
div#glove {
position:relative;
width:100%;
left:0px;
bottom:0px;
padding:0px;
border:0px;
margin:0px;
display:block;
z-index:9996;
}
#middlelapper.biggie {
background-color:none; /*#1D1D1D #F0EAD8 #F3F3F0*/
background-image:url('../_img/loz.svg');
background-attachment:scroll;
background-repeat:no-repeat;
background-position: left center;
position: fixed;
float: none;
width: 300px;
height:200px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:-75px 0px 0px 15px;
opacity: 1.0;
z-index: 9992;
}
#middlelapper.smalls {
background-color:none; /*#1D1D1D #F0EAD8 #F3F3F0*/
background-image:url('../_img/loz.svg');
background-attachment:scroll;
background-repeat:no-repeat;
background-position: left center;
position: fixed;
float: none;
width: 300px;
height:200px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:-90px 0px 0px 15px; /*-150px 0px 0px 285px*/
opacity: 0.0;
z-index: 9992;
}
#style_middlelapper.style_biggie {
background-color:none; /*#1D1D1D #F0EAD8 #F3F3F0*/
background-image:url('../_img/loz.svg');
background-attachment:scroll;
background-repeat:no-repeat;
background-position: left center;
position: fixed;
float: none;
width: 300px;
height:200px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:-75px 0px 0px 15px;
opacity: 1.0;
z-index: 9992;
}
#style_middlelapper.style_smalls {
background-color:none; /*#1D1D1D #F0EAD8 #F3F3F0*/
background-image:url('../_img/loz.svg');
background-attachment:scroll;
background-repeat:no-repeat;
background-position: left center;
position: fixed;
float: none;
width: 300px;
height:200px;
/*position: fixed;*/
padding:0px 0px 0px 0px;
border:0px;
margin:-90px 0px 0px 15px; /*-150px 0px 0px 285px*/
opacity: 0.0;
z-index: 9992;
}