.all_site_nav {
    background-image: url("../images/all-site-nav-bg.gif");
    float: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 40px;
    width: 100%;
  }
  .all_site_nav_inner {
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 940px;
  }
  .all_site_nav_inner .nav_list {
    float: left;
    list-style-type: none;
    margin: 11px 0 9px 0;
    padding: 0;
  }
  .all_site_nav_inner .nav_list_schoolreport {
    width: 638px;
  }
  .all_site_nav_inner .nav_list li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
  }
  .all_site_nav_inner .nav_list li a {
    color: #666666;
    font-size: 14px;
    text-decoration: none;
  }
  .all_site_nav_inner .nav_list li a:hover, .all_site_nav_inner .nav_list li.current a:hover {
    color: #999999;
    -moz-transition: none;
  }
  .all_site_nav_inner .nav_list li.current a {
    color: #999999;
    text-decoration: none;
  }
  .all_site_nav_logo {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
  }
  .marginReset{
    margin: 0;
  }
  #sharebar{
    margin: 2px;
  }

    #footer-logos, #footer-sections {
      background-color: #F2F2F2;
      border-top: 1px solid #F9F9F9;
      float: left;
      padding: 20px 0;
      width: 100%;
      font-size: 12px;
    }
    .footer-container {
      margin: 0 auto;
      overflow: hidden;
      width: 940px;
    }
    #footer-sections .footer-links {
      float: left;
      margin: 0 50px 0 0;
      padding-left: 0;
      width: 475px;
    }
    #footer-sections .footer-links li{
      display: inline-block;
      *zoom: 1;
      *display: inline; /* Hack for inline block in IE7 */
      list-style-type: none;
      vertical-align: middle;
      background: none repeat scroll 0 0 transparent;
      padding: 0 20px 15px 0;
    }
    #footer-sections .footer-links li a {
      color: #666666;
      text-decoration: none;
    }
    .grey{
      color: #CCCCCC;
    }
    .storyTease{
      clear: both;
      margin-bottom:20px;
    }
    .storyTease a{
      font-family: Georgia,Times,serif;
      font-size: 15px;
      font-weight: bold;
    }
    .logoFloat{
      float:left;
    }
    .educationFeed{
      background-color: #CCCCCC;
      border-radius: 5px 5px 5px 5px;
      margin-bottom: 20px;
      margin-top: 10px;
      padding: 5px;
    }
    .feedImg{
      width: 115px;
      float:right;
      margin: 0 0 10px 10px;
    }
    .portrait{
      float:right;
      width: 210px;
      margin: 0 0 20px 20px;
    }

    .commentButton:hover{
      color: white;
      text-decoration: none;
      -moz-transition: none;
    }

    .ui-widget-content{
      background-image: none !important;
    }
    .mini{
      font-size: 11px;
    }
    .disclaimer{
      color: #888888;
    }
    .disclaimer a{
      text-decoration: underline;
      color: #888888;
    }
    .disclaimer a:hover{
      color: #AAAAAA;
    }


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 {
    margin: 0;
    padding: 0;
    border: 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;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    line-height: 24px;
}

ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

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%;
}

.label { 
    position: absolute; bottom: 0;
    margin-left: 200px;
}


:focus {
    outline: 0;
}

h1 {
    font-size: 36px;
    line-height: 42px;
}

h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: "ff-meta-serif-web-pro", Georgia,"Times New Roman",Times,serif !important;
}

em,i {
    font-style: oblique;
}


.chapterDeets {
    width: 100%;
    height: 40px;
    background-color: #4b1023;
    overflow: hidden;
    z-index: 999;
    padding: 35px;
}

.chaps {
    width: 100%;
    height: 40px;
    background-color: #4b1023;
    padding: 35px;
}

.giveMeSomeSpace {
    background-color: #4b1023;
    width: 100%;
    height: 20px;
}

.giveMeSomeSky {
    background-color: #3f4d5e;
    width: 100%;
    height: 100%;
}



.chaps h1 {
    font-size: 40px;
    color: #fff;
    font-family: "ff-meta-serif-web-pro", Georgia,"Times New Roman",Times,serif !important;
}

.chapterDeets h1 {
    font-size: 40px;
    color: #fff;
    font-family: "ff-meta-serif-web-pro", Georgia,"Times New Roman",Times,serif !important;
}

#headlong {
    position: relative;
    top: 300px;
}

.nowrap {
    white-space: nowrap;
}

a:link {
    color: #52647a;
    text-decoration: none;
}

a:visited {
    color: #52647a;
    text-decoration: none;
}

a:hover {
    color: #52647a;
    text-decoration: underline;
}

a:active {
    color: #52647a;
    text-decoration: none;
}

section {
    position: relative;
    background: #fff;
}

section hgroup {
    max-width: 600px;
    text-align: center;
}

section hgroup h2,.section-photo-break h2 {
    font-family: "ff-meta-serif-web-pro",Helvetica,sans-serif;
    font-size: 50px;
    line-height: 56px;
    font-weight: 400;
    font-style: normal;
}

section hgroup h3,section hgroup h4,.section-photo-break h3,.section-photo-break h4 {
    font-size: 22px;
    background: url(images/h3-border.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(images/h3-border-white.png) no-repeat bottom center;
}

.floatright {
    float: right;
    clear: both;
}

.floatleft {
    float: left;
}

img.full {
    width: 100%;
    max-width: 100%;
}

.container {
    width: 800px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
}

.container p {
    max-width: 450px;
    overflow: visible;
    margin-bottom: 15px;
}

.container img {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    overflow: hidden;
    margin-bottom: 15px;
}

.container p.indent {
    margin-left: 25px;
}

#toolbar {
    position: fixed;
    height: 45px;
    background: #000;
    width: 100%;
    z-index: 9999;
    top: 0;
}

#navbar {
    width: 100%;
    z-index: 9999;
}


nav.nav-chapters {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

#toolbar>h1.logo {
    margin: 0 auto;
    width: 245px;
    height: 34px;
    text-align: center;
    padding-top: 10px;
}

#toolbar>h1.logo a {
    display: block;
    height: 100%;
    text-indent: -9999em;
    float: left;
}

#toolbar>h1.logo a.espn {
    background: url(images/logo.png) no-repeat 0 0;
    width: 89px;
    height: 22px;
}

#toolbar>h1.logo a.grantland {
    background: url(images/grantland_logo.png) no-repeat 4px 0;
    border-left: 1px solid #484849;
    width: 150px;
    height: 22px;
}

#toolbar .nav-chapters ul li {
    float: left;
    display: block;
    height: 44px;
}

#toolbar .nav-chapters ul li.selected a {
    border-bottom: 5px solid #52647a;
    color: #52647a;
}

#toolbar .nav-chapters ul li a:hover {
    color: #52647a;
    border-bottom: 5px solid #52647a;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#toolbar .nav-chapters ul li a span.num {
    display: none;
}

#toolbar .nav-chapters ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 44px;
    padding: 8px 15px;
    font: normal normal 14px/2em Klavika,Helvetica,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0 solid #52647a;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#toolbar ul.social {
    height: 44px;
    position: absolute;
    right: 5px;
    top: 0;
}

#toolbar ul.social li {
    height: 44px;
    float: left;
    margin: 0 7px;
}

#toolbar ul.social a {
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    padding: 10px 0;
    display: block;
    position: relative;
    float: left;
    width: 25px;
    height: 22px;
}

#toolbar ul.social a.fb {
    background-position: 0 10px;
}

#toolbar ul.social a:hover.fb {
    background-position: 0 -27px;
}

#toolbar ul.social a.twitter {
    background-position: -40px 10px;
}

#toolbar ul.social a:hover.twitter {
    background-position: -40px -27px;
}

#toolbar ul.social a.comments {
    background-position: -80px 10px;
}

#toolbar ul.social a:hover.comments {
    background-position: -80px -27px;
}

#toolbar ul.social a.email {
    background-position: -118px 10px;
}

#toolbar ul.social a:hover.email {
    background-position: -118px -27px;
}

#main-header {
    position: relative;
}

#main-header .header-image>img {
    width: 100%;
    max-width: 100%;
}

#main-header hgroup {
    position: fixed;
    z-index: 0;
    top: 130px;
    color: #fff;
    z-index: 0;
}

.section-header.full-width {
    position: relative;
}

.pullquote {
    float: right;
    font-family: "brevia",Helvetica,sans-serif;
    padding: 0 170px 100px 0;
    width: 130px;
}

.pullquote p {
    padding: 0;
    color: #4c4c4c;
    margin-bottom: 0;
    line-height: 20px;
}

.pullquote p span {
    display: none;
}

.pullquote .credit {
    font-family: "brevia",Helvetica,sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
}

.mod-inline {
    width: 260px;
    overflow: hidden;
    position: relative;
}

.mod-inline h4 {
    font: normal normal 20px/1.2em Georgia,"Times New Roman",Times,serif;
}

.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 {
    max-width: 300px;
}

.mod-inline span.credit {
    font: italic normal 12px/1.2em Arial,Helvetica,sans-serif;
    color: #666;
    letter-spacing: .025em;
}

.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.full-width {
    width: 576px;
    padding: 20px 0;
}



.mod-inline.full-width h4 {
    font-size: 18px;
    line-height: 1.2em;
}


#skrollr-body {
    left: 0;
    right: 0;
    overflow: hidden;
}

.break {
    height: 1px;
    width: 140px;
    background: #b2b2b2;
    margin-bottom: 15px;
    margin: 30px 0;
}

.jumper {
    background: none repeat scroll 0 0 #000;
    color: #b9b9b9;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: .750em;
    line-height: 1.375em;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    z-index: 1000;
    position: relative;
}

.jumper h2 {
    background: none repeat scroll 0 0 #3a3a3a;
    font-family: "brevia",helvetica,arial,sans-serif;
    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: 700;
}

.jumper h2 {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 5px 0;
}

.jumper ul li {
    border-right: 1px solid #333;
    float: left;
    min-height: 1px;
    padding: 10px 0 0;
    text-align: center;
    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: 203px;
    width: 100%;
}

.jumper ul li em {
    color: #686a6f;
    font-style: italic;
    font-family: Arial,Helvetica,sans-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: #52647a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.25em;
    text-transform: none;
}

.jumper ul li .text-container h3 a:hover,.jumper ul li .text-container p a:hover {
    color: #52647a;
    text-decoration: none;
}

.page-actions {
    padding: 0;
    display: block;
    width: 100%;
}

.page-actions ul {
    float: right;
    width: auto;
}

.sprite-page-actions {
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 22px;
    padding: 10px 0;
    position: relative;
    width: 25px;
}

.sprite-page-actions.facebook {
    background-position: 0 10px;
}

.sprite-page-actions.facebook:hover {
    background-position: 0 -27px;
}

.sprite-page-actions.twitter {
    background-position: -40px 10px;
}

.sprite-page-actions.twitter:hover {
    background-position: -40px -27px;
}

.sprite-page-actions.comments {
    background-position: -80px 10px;
}

.sprite-page-actions.comments:hover {
    background-position: -80px -27px;
}

.sprite-page-actions.email {
    background-position: -118px 10px;
}

.sprite-page-actions.email:hover {
    background-position: -118px -27px;
}

.mod-page-actions {
    height: 44px;
    position: absolute;
    right: 5px;
    top: 0;
}

.mod-page-actions li {
    float: left;
    float: left;
    height: 44px;
    margin: 0 7px;
}

.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: 0 4px 0 0;
}

.mod-page-actions li a .label {
    float: left;
}

.mod-page-actions li .count {
    display: none !important;
}

#photo-gallery-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.7);
    top: 60px;
    z-index: 9999;
}

#photo-gallery-overlay .iframe-container {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

#photo-gallery-overlay .iframe-container iframe {
    height: 600px;
}

@mediamax-width1280px {
    #photo-gallery-overlay .iframe-container iframe {
        height: 600px;
    }

}

@mediamax-width1024px {
    #photo-gallery-overlay .iframe-container iframe {
        height: 552px;
    }

}

@mediamax-width768px {
    #photo-gallery-overlay .iframe-container iframe {
        height: 409px;
    }

}

@mediamax-width480 {
    #photo-gallery-overlay .iframe-container iframe {
        height: 185px;
    }

}

@mediamax-width320 {
    #photo-gallery-overlay .iframe-container iframe {
        height: 185px;
    }

}

/** GENERATED: Sun May 26 21:33:33 PDT 2013 **/
.elastislide-horizontal {
    background-color: #eff0f0;
    padding: 30px 60px;
}

.no-touch .elastislide-horizontal {
    opacity: .8;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.no-touch .elastislide-horizontal:hover {
    opacity: 1;
}

.elastislide-carousel ul li a {
    padding: 0;
}

.elastislide-carousel ul li a img {
    border: 0;
}

.elastislide-horizontal.elastislide-loading,.demo-4 .elastislide-horizontal.elastislide-loading {
    background-image: url(img/loading.gif);
}

.lt-ie8 .elastislide-list {
    display: none;
}

@media screen and max-width460px {
    .elastislide-horizontal {
        padding: 10px 40px;
    }

}

.container {
    z-index: 1;
    margin: 0 auto !important;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
}

.nav-chapters ul li {
    margin: 0;
}

#toolbar>h1.logo {
    width: 89px;
    float: none;
}

#main-header {
    text-align: center;
}

#main-header .header1 {
    text-align: center;
    width: 600px;
}

#myTitle {
    width: 40%;
    position: fixed;
    top: 100px;
    left: 100px;
    z-index: 2; 
}

#myTitle h1 {
    font-family: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
    font-style: bold;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-shadow: 4px 4px 4px #000;
    -moz-text-shadow: 4px 4px 4px #000;
    -webkit-text-shadow: 1px 1px 1px #000;
}

#myTitle h2 {
    font-family: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    line-height: 25px;
    color: #465568;
    text-align: center;
    /*text-shadow: 4px 4px 4px #000;
    -moz-text-shadow: 4px 4px 4px #000;
    -webkit-text-shadow: 1px 1px 1px #000;*/
}

#myTitle h3 {
    font-family: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
    font-size: 25px;
    line-height: 25px;
    color: #465568;
    text-align: center;
}



.testing123 {
    position: fixed;
    z-index: 2;
    color: #fff;
    text-align: center;
}

#main-header .header1 h1 {
    font-family: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 8px;
}

#main-header .header1 h2 {
    font-family: "ff-meta-serif-web-pro",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: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
    display: block;
    margin: 14px 0;
    opacity: .9;
    font-size: 18px;
}

#main-header .header1 h2>.credit>span {
    font-family: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
}

#main-header .header1 h2>time {
    font-family: "brevia",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(images/h3-border-white.png);
    margin: -4px 0 0;
    position: absolute;
    width: 80px;
    overflow: hidden;
}

#lostInClouds-4 {
    background-color: #57081e;
}

#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;
    position: static;
    margin: 40px auto;
    color: #000;
}

#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;
    font-family: "ff-meta-serif-web-pro"Italic,Georgia,"Times New Roman",Times,serif;
}

#main-header .header2 .story-metadata .credit span {
    font-family: "ff-meta-serif-web-pro",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: "brevia",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: "brevia",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: #000;
    clear: both;
    height: 30px;
    margin: 0 20px;
}

#main-header .header2 h1 {
    font-family: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
    font-size: 60px;
    line-height: 60px;
    border-bottom: 1px solid #666;
    margin: 20px;
    word-spacing: -4px;
    padding-bottom: 20px;
}

#main-header .header2 h2 {
    font-family: "ff-meta-serif-web-pro",Georgia,"Times New Roman",Times,serif;
    font-size: 22px;
    line-height: 28px;
    color: #999;
    padding: 0 0 20px;
    margin: 0 40px;
}

.map-container {
    width: 100%;
    z-index: 1001;
    left: 0;
    background: url(images/bg-map.jpg) repeat;
    height: 150px;
    -webkit-box-shadow: 0 10px 22px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 10px 22px -3px rgba(0,0,0,0.3);
    box-shadow: 0 10px 22px -3px rgba(0,0,0,0.3);
}

.map-container.unrendered {
    padding-top: 0;
}

.map-container.minimized {
    overflow: visible;
    background: 0;
    box-shadow: none;
}

.map-controls {
    position: absolute;
    width: 88px;
    z-index: 1200;
    margin-top: 130px;
}

.map-controls a {
    display: block;
    background: transparent url(images/map-controls.png) no-repeat 0 0;
    width: 39px;
    height: 40px;
    text-indent: -9999px;
    margin-bottom: 6px;
    opacity: .8;
    filter: 0;
}

.map-controls a:hover {
    opacity: 1;
}

.map-controls a.map-preview {
    display: none;
    width: 39px;
    height: 40px;
}

.map-controls a.enlarge {
    background-position: 0 -137px;
}

.map-controls a.toggle {
    background-position: 0 -45px;
}

.map-container.minimized .map-controls {
    position: fixed;
    top: 44px;
}

.map-container.minimized .map-controls a.toggle {
    display: none;
}

.map-container.minimized .map-controls a.map-preview {
    display: block;
}

.map-container.rendered.minimized .map-controls {
    display: none;
}

.map-wrapper {
    position: relative;
    height: 150px;
    overflow: hidden;
}

.map-container.minimized .map-wrapper {
    height: 0;
    width: 0;
}

.map {
    background: url(images/iditarod-map-v7.jpg) no-repeat right 0;
    position: absolute;
    right: 0;
    width: 2050px;
    height: 676px;
    overflow: visible;
    top: -490px;
    z-index: 1000;
}

.map-hotspots {
    position: absolute;
    top: 488px;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 1100;
}

.map-hotspots a {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.map-hotspots a:hover {
    background: rgba(255,255,122,.3);
}

.map-hotspots .map1 {
    top: 35px;
    right: 149px;
}

.map-hotspots .map2 {
    top: 87px;
    right: 202px;
}

.map-hotspots .map3 {
    top: 44px;
    right: 222px;
}

.map-hotspots .map4 {
    top: 7px;
    right: 495px;
}

.map-hotspots .map5 {
    top: -91px;
    right: 740px;
}

.map-hotspots .map6 {
    top: -99px;
    right: 791px;
}

.map-hotspots .map7 {
    top: -37px;
    right: 930px;
}

.map-hotspots .map8 {
    top: -144px;
    right: 1175px;
}

.map-hotspots .map9 {
    top: -196px;
    right: 1181px;
}

.map-hotspots .map10 {
    top: -310px;
    right: 1422px;
}

.map-hotspots .map11 {
    top: -278px;
    right: 1620px;
}

.map-hotspots .map12 {
    top: -411px;
    right: 1936px;
}

.map-hotspots a:hover {
    background: url(images/pin-hover.png) no-repeat 5px 7px;
}

.map-hotspots .map2:hover,.map-hotspots .map3:hover {
    background-position: 5px 6px;
}

.map-hotspots .map4:hover {
    background-position: 7px 4px;
}

.map-hotspots .map5:hover {
    background-position: 6px 4px;
}

.map-hotspots .map6:hover {
    background-position: 7px 3px;
}

.map-hotspots .map7:hover {
    background-position: 7px 4px;
}

.map-hotspots .map8:hover,.map-hotspots .map9:hover,.map-hotspots .map10:hover {
    background-position: 6px 3px;
}

.map-hotspots .map11:hover {
    background-position: 7px 5px;
}

.map-hotspots .map12:hover {
    background-position: 7px 0;
}

.map-trails {
    position: absolute;
    width: 100%;
    height: 150px;
    top: 487px;
    z-index: 1000;
}

.map-trails>div {
    position: absolute;
}

.map-trails .trail-container11 {
    height: 176px;
    width: 297px;
    right: 1655px;
    top: -381px;
}

.map-trails .trail-container4-2 {
    height: 14px;
    width: 18px;
    top: -68px;
    right: 604px;
}

.map-trails .trail-container8-1-2 {
    height: 28px;
    width: 21px;
    top: -258px;
    right: 1214px;
}

.trail1 {
    background: url(images/trails/trail1.png) no-repeat right 0;
    height: 54px;
    width: 0;
    top: 63px;
    right: 164px;
}

.trail2 {
    background: url(images/trails/trail2.png) no-repeat right 0;
    height: 23px;
    width: 0;
    top: 73px;
    right: 218px;
}

.trail3 {
    background: url(images/trails/trail3.png) no-repeat right 0;
    height: 78px;
    width: 0;
    top: 30px;
    right: 238px;
}

.trail4 {
    background: url(images/trails/trail4-1.png) no-repeat right 0;
    height: 98px;
    width: 0;
    top: -54px;
    right: 509px;
}

.trail4-2 {
    background: url(images/trails/trail4-2.png) no-repeat left 0;
    height: 14px;
    width: 0;
    top: -68px;
    right: 604px;
}

.trail4-3 {
    background: url(images/trails/trail4-3.png) no-repeat right 0;
    height: 29px;
    width: 0;
    top: -87px;
    right: 605px;
}

.trail5 {
    background: url(images/trails/trail5.png) no-repeat right 0;
    height: 70px;
    width: 0;
    top: -87px;
    right: 755px;
}

.trail6 {
    background: url(images/trails/trail6.png) no-repeat right 0;
    height: 84px;
    width: 0;
    top: -132px;
    right: 804px;
}

.trail7 {
    background: url(images/trails/trail7.png) no-repeat right 0;
    height: 29px;
    width: 0;
    top: -168px;
    right: 1192px;
}

.trail8 {
    background: url(images/trails/trail8-1-1.png) no-repeat right 0;
    height: 43px;
    width: 0;
    top: -230px;
    right: 1201px;
}

.trail8-1-2 {
    background: url(images/trails/trail8-1-2.png) no-repeat left 0;
    height: 28px;
    width: 0;
    top: -258px;
    right: 1214px;
}

.trail8-1-3 {
    background: url(images/trails/trail8-1-3.png) no-repeat right 0;
    height: 38px;
    width: 0;
    top: -296px;
    right: 1214px;
}

.trail8-2 {
    background: url(images/trails/trail8-2.png) no-repeat right 0;
    height: 51px;
    width: 0;
    top: -301px;
    right: 1234px;
}

.trail9 {
    background: url(images/trails/trail9.png) no-repeat right 0;
    height: 68px;
    width: 0;
    top: -301px;
    right: 1437px;
}

.trail10 {
    background: url(images/trails/trail10.png) no-repeat right 0;
    height: 165px;
    width: 0;
    top: -407px;
    right: 1636px;
}

.trail11 {
    background: url(images/trails/trail11.png) no-repeat left 0;
    height: 176px;
    width: 0;
    top: -381px;
    right: 1655px;
}

.map-container.enlarge {
    height: auto;
    padding-top: 10px;
    background: #ccc;
}

.map-container.enlarge .map-wrapper,.map-container.enlarge .map-intro,.map-container.enlarge .map-controls {
    display: none !important;
}

.map-enlarge {
    position: relative;
    width: 97%;
    margin: 0 auto;
    height: auto;
    display: none;
}

.map-container.enlarge .map-enlarge {
    display: block;
}

.map-enlarge>img {
    max-width: 100%;
    border: #fff 10px solid;
    left: -10px;
    position: relative;
}

.map-enlarge .close {
    position: absolute;
    height: 43px;
    width: 40px;
    display: block;
    top: -10px;
    right: -16px;
    z-index: 100;
    background: transparent url(images/map-controls.png) no-repeat 0 -183px;
    text-indent: -9999px;
    opacity: .8;
}

.map-enlarge .close:hover {
    opacity: 1;
}

.section-photo-break {
    width: 100%;
    height: 750px;
    position: relative;
    margin: 0 auto;
    background-image: url(images/section_placeholder.jpg);
    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;
    left: 40px;
}

.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;
}

.white-text {
    color: #fff;
}

#section-3 .section-photo-break hgroup {
    left: auto;
    right: 40px;
}

#section-5 .header-5 hgroup {
    color: #fff;
}

.section-photo-break.chapter01 {
    background-image: url(images/section_placeholder.jpg);
    border-bottom: 25px solid #fff;
}

.section-photo-break.chapter02 {
    background-image: url(images/section_placeholder.jpg);
}

.section-photo-break.chapter03 {
    background-image: url(images/section_placeholder.jpg);
}

.section-photo-break.chapter04 {
    background-image: url(images/section_placeholder.jpg);
}

.section-photo-break.video {
    height: 800px;
}

.section-photo-break .video-container {
    right: 0;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 20%;
    width: 80%;
    height: 80%;
    z-index: 300;
}

.section-photo-break .video-container a {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    height: 100%;
}

.section-photo-break .video-container .video-icon {
    position: absolute;
    background: url(images/icon-video-play.png) no-repeat;
    height: 62px;
    width: 62px;
    top: 40%;
    opacity: .8;
}

.section-photo-break.gallerygrid {
    background: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
}

.section-photo-break.gallerygrid .credit {
    margin-top: 10px;
    color: #666;
    font: italic 11px/1.3em Arial,Helvetica,sans-serif;
    position: absolute;
    right: 61px;
    z-index: 3301;
}

.section-photo-break.gallerygrid .credit a:link {
    color: #999;
    text-decoration: none;
}

.section-photo-break.gallerygrid .credit a:visited {
    color: #999;
    text-decoration: none;
}

.section-photo-break.gallerygrid .credit a:hover {
    color: #999;
    text-decoration: underline;
}

.section-photo-break.gallerygrid .credit a:active {
    color: #999;
    text-decoration: none;
}

span.citation,span.citation2 {
    cursor: pointer;
    background-color: #ddeffd;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.mod-inline.related h4 {
    font-size: 24px;
    border-bottom: #b2b2b2 1px solid;
    padding-bottom: 10px;
}

.mod-inline.related h5 {
    font-size: 18px;
    margin-top: 20px;
}

.mod-inline.related h5 a {
    color: #333;
}

.mod-inline.related h5:first-child {
    margin-top: 12px !important;
}

.mod-inline.related p {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 6px;
}

.mod-video-playlist object#videoPlayer {
    width: 300px;
    height: 169px;
}



a.icon-magnify:link,a.icon-magnify:hover {
    position: absolute;
    z-index: 300;
    height: 56px;
    width: 54px;
    background: url(images/icon-magnify.png) no-repeat 0 0;
    background-size: 100% 100%;
    text-indent: -1000em;
}

a.icon-gallery:link,a.icon-gallery:hover {
    position: absolute;
    z-index: 300;
    height: 56px;
    width: 54px;
    background: url(images/icon-gallery.png) no-repeat 0 0;
    background-size: 100% 100%;
    text-indent: -1000em;
}

a.icon-magnify:link,a.icon-gallery:link {
    opacity: .8;
}

a.icon-magnify:hover,a.icon-gallery:hover {
    opacity: 1;
}

.map-container a.icon-magnify:link,.map-container a.icon-magnify:hover {
    z-index: 1002;
}

.mod-inline h5 {
    display: block;
    font-weight: 700;
    font: normal normal 16px/1.4em Georgia,"Times New Roman",Times,serif;
    color: #000;
}

.mod-inline p {
    font: normal normal 13px/1.2em "brevia",Helvetica,sans-serif;
    margin-bottom: 0;
    color: #4c4c4c;
}


.inline-2 {
    height: 2510px;
    position: relative;
    padding-bottom: 60px;
}

.inline-2 h4 {
    border-bottom: 0 solid #fff !important;
}


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 {
    background: url(images/splash.jpg) no-repeat 50% 0;
    height: 700px;
    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(images/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;
}

@mediamax-width1280px {
    #photo-gallery-overlay .iframe-container iframe {
        height: 600px;
    }

}

@mediamax-width1024px {
    #photo-gallery-overlay .iframe-container iframe {
        height: 552px;
    }

}

@mediamax-width768px {
    #photo-gallery-overlay .iframe-container iframe {
        height: 409px;
    }

}

@mediamax-width480 {
    #photo-gallery-overlay .iframe-container iframe {
        height: 185px;
    }

}

@mediamax-width320 {
    #photo-gallery-overlay .iframe-container iframe {
        height: 185px;
    }

}

@mediamax-width480px {
    #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;
}

.whiteAndRight {
    position: relative;
    top: 50px;
    left: 50px;
    color: #ffffff;
}

.whiteAndLeft {
    position: relative;
    top: 50px;
    color: #ffffff;
}

.blackAndRight {
    position: relative;
    top: 50px;
    float: right;
}

.blackAndLeft {
    position: relative;
    top: 50px;
}

.centred {
    text-align: center;}

    /** GENERATED: Wed May 29 16:58:57 PDT 2013 **/
.elastislide-list {
    list-style-type: none;
    display: none;
}

.no-js .elastislide-list {
    display: block;
}

.elastislide-carousel ul li {
    min-width: 20px;
}

.elastislide-wrapper {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    min-height: 60px;
}

.elastislide-wrapper.elastislide-loading {
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.elastislide-horizontal {
    padding: 10px 40px;
}

.elastislide-vertical {
    padding: 40px 10px;
}

.elastislide-carousel {
    overflow: hidden;
    position: relative;
}

.elastislide-carousel ul {
    position: relative;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.elastislide-horizontal ul {
    white-space: nowrap;
}

.elastislide-carousel ul li {
    margin: 0 5px;
    -webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
    height: 100%;
    display: inline-block;
}

.elastislide-vertical ul li {
    display: block;
}

.elastislide-carousel ul li a {
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.elastislide-carousel ul li a img {
    display: block;
    border: 2px solid #FFF;
    max-width: 100%;
}

.elastislide-wrapper nav span {
    position: absolute;
    background: url(images/arrows-gallerygrid.png) no-repeat scroll -72px -8px transparent;
    width: 56px;
    height: 90px;
    text-indent: -9000px;
    cursor: pointer;
}

.elastislide-wrapper nav span:hover {
    background-position: -72px -137px;
}

.elastislide-horizontal nav span {
    top: 35%;
    right: 0;
}

.elastislide-horizontal nav span.elastislide-prev {
    background-position: 0 -8px;
    right: auto;
    left: 0;
}

.elastislide-horizontal nav span.elastislide-prev:hover {
    background-position: 0 -137px;
}

@charset  UTF-8;

/** GENERATED: Wed May 29 17:01:16 PDT 2013 **/
html.lt-ie8 {
    overflow-x: hidden;
}

.lt-ie8 .map-container {
    position: relative !important;
    float: right;
    width: 100%;
    height: 10px;
    background: 0;
    top: 0;
    box-shadow: none;
    float: right;
}

.lt-ie8 .map-wrapper {
    height: 300px;
    top: 0 !important;
    left: 0 !important;
}

.lt-ie8 .map {
    top: 0 !important;
    width: 300px;
    background: url(images/map.jpg) no-repeat right -376px !important;
    margin-right: 150px;
}

.lt-ie8 .map-intro,.lt-ie8 .map-hotspots,.lt-ie8 .map-controls .toggle,.lt-ie8 .map-container .map-trails {
    display: none !important;
}

.lt-ie8 .map-controls {
    left: auto !important;
    right: 362px !important;
    margin-top: 0 !important;
}

.lt-ie8 .map-controls .enlarge {
    background: url(images/icon-magnify-ie.png) no-repeat 0 0 !important;
    height: 56px;
    width: 54px;
    background-size: 100% 100%;
}

.lt-ie8 .map-spaceholder {
    padding: 0 !important;
    margin: 0 !important;
}

@media only screen and (min-width:2001px){

#main-header hgroup{left:60%}

}

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

    #main-header .header-image{background-position:20% 0}

    #toolbar>h1.logo{width:89px;float:none}
}

@media only screen and (min-device-width:1200px){

    .map-controls{left:80px}

    .section-photo-break .video-container{width:60%}
}

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

.map-controls{left:40px}

#photo-gallery-overlay .iframe-container{margin:0 auto 0 46px!important}
}

@media only screen and (max-width:1160px){
.map-controls{
left:5px}

}

@media only screen and (max-width:1200px){
body{
font-size:18px;line-height:28px}

}

@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("images/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:1040px){
#main-header .header-image{
background-position:18% 0}

.container{
width:960px;background-position:635px 0}

.container p{
max-width: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{
background-position:61% 0;width:844px}

.container p{
max-width:500px}

hgroup.prologue{
max-width:475px}

}

@media screen and (max-width:860px){
.container{
background-position:510px 0;width:98%}

.container p{
max-width:58%}

}

@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}

.small-map-border{
border:0}

#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-photo-break.chapter01{
background-position:-460px 0}

section hgroup.prologue{
margin:0 auto}

#main-header hgroup{
position:absolute}

.break.hide{
display:none}

#photo-gallery-overlay .iframe-container{
margin:0 auto 0 17px!important}

#photo-gallery-overlay .iframe-container .close{
top:23px!important}

#section-4 .section-photo-break.video hgroup{
position:absolute}

.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}

}

@media screen and (max-width:619px){
#toolbar ul.mod-page-actions,#toolbar>h1.logo a.grantland{
display:none}

#toolbar>h1.logo,#toolbar>h1.logo.grantland{
float:none;width:89px}

.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 ul.mod-page-actions li{
margin:0 3px}

.section-photo-break{
height:550px;background-attachment:scroll!important}

.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:479px){
nav.nav-chapters,#toolbar .mod-page-actions{
display:none}

#toolbar>h1.logo{
float:none}

.elastislide-wrapper nav span{
background-position:-72px -237px;height:67px;width:50px}

.elastislide-horizontal nav span{
right:0;top:26%}

.elastislide-wrapper nav span:hover{
background-position:-71px -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:12px;padding-top:0}

#main-header .story-metadata-container .story-metadata .credit{
padding-top:0}

.mod-inline.glossary{
width:100%}

}

@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.logo{
float:none}

iframe{
display:none}

.video-container>img{
max-width:100%}

.section-photo-break.gallerygrid{
height:140px}

.section-photo-break{
height:400px}

.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(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){
#toolbar>h1.logo a.espn{
background:url(images/logo.png) no-repeat 0 1px;background-size:79px 21px}

#toolbar>h1.logo a.grantland{
background:url(images/logo2.png) no-repeat 4px 0;background-size:150px 26px}

}

#section-1 {
    background-color: #3f4d5e;
}

.videoContainer {
    background-color: #3f4d5e;
    width: 1920px;
    height: 1080px;
}

.Fairfax_video {
    overflow: hidden;
}

video {
  width: 100%;
  height: auto;
}

.mod-inline img {
    -moz-box-shadow: 4px 4px 4px #000;
    -webkit-box-shadow: 4px 4px 4px #000;
    box-shadow: 4px 4px 4px #000;
}

.finalRoll {
    font: normal normal 13px/1.2em "brevia",Helvetica,sans-serif;
    margin-bottom: 0;
    color: #4c4c4c;
}

#stuffTopBanner {
    z-index: 99999;
}

.socialFB {
    position: absolute;
    right: 10px;
    padding-top: 5px;
}

.socialTwitter {
    position: absolute;
    right: 40px;
    padding-top: 5px;
}