@font-face {
  font-family: "news_gothic_mtcondensedbold";
  src: url("newsgothicmt-condensedbold-webfont.eot");
  src: 
    url("newsgothicmt-condensedbold-webfont.eot?#iefix") format("embedded-opentype"), 
    url("newsgothicmt-condensedbold-webfont.woff") format("woff"), 
    url("newsgothicmt-condensedbold-webfont.ttf") format("truetype"),
    url("newsgothicmt-condensedbold-webfont.svg#news_gothic_mtcondensedbold") format("svg");
  
  font-style: normal;
  font-weight: normal;
}

* {box-sizing: border-box;}

body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", "Arial", sans-serif;

    font-size: 16px;
    line-height: 1.75em;

    background: #fff;
    color: #000;
}

    nav {
        position: fixed;
        display: block;
        top: 64px;
        right: 16px;
        font-size: 14px;
        width: 200px;
    }
        nav > div > a {display: block;}
        nav > div > a.active {
            color: black;
            font-weight: bold;
            text-decoration: none;
        }

        .Rhizome {
            display: block;
            font-family: "news_gothic_mtcondensedbold";
            font-size: 40px;
            line-height: 40px; 
            text-transform: uppercase;
        }
        .exhibition-title {
            display: block;
            margin-bottom: 32px;
        }

    p {
        margin: 0 0 1.75em 0;
    }


    q {}
        q:before {content: "";}
        q:after {content: "";}

    .title {font-style: italic;}

    figure {
        margin: 0 0 1.75em 0;
    }
        figure > img {
            display: block;
        }
        .pullquote {
            font-size: 24px;
            line-height: 1.5em;
        }



    div.container {
        padding: 0 320px 0 0;
        margin: 0 auto;
        position: relative;
    }

    section {
        padding: 64px 0;
        clear: left;
        margin: 0 auto;
        width: 640px;
    }
        section h2 {
            font-weight: normal;
            font-size: 32px;
            line-height: 1.25em;
            margin: 0 0 0.75em 0;
        }

    section.intro {
        padding-top: 64px;
    }
        section.intro h1 {
            color: #222;
            font-size: 48px;
            font-weight: normal;
            line-height: 1.25em;
            margin: 0 0 0.75em 0;
        }
        section.intro p {
            font-size: 24px;
            line-height: 1.5em;
        }

    section.intro {}
        section.panel > figure {

        }

            section.intro > figure img {
                width: 640px;
                display: block;
            }

    section.idpw {
background-color:#202b42;

}            
    section.idpw p {
        width: 960px;
padding-left:300px;
color:white;
}
    section.idpw blockquote {
padding-left:300px;
color:white;
}
    section.idpw h2 {
padding-left:300px;
color:white;
}

    figcaption {
        font-size: 11px;
        text-align: center;
    }
        section.intro figcaption {
			padding-bottom: 20px;

        }
            

    section.maps {}
        blockquote {
            font-style: italic;
            text-align: justify;
            margin: 1.75em 15% 1.75em 10%;
        }
            blockquote p.source {
                font-style: normal;
            }


    section.music {}
        section.music iframe, section.story iframe {
            display: block;
            width: 100%;
            height: 166px;
            margin-bottom: 1.75em;
        }
        
        section.thanks {
            padding-top: 256px;
            font-size: 14px;
        }

    section.conservation {}

        section.conservation p.pullquote {
            margin: 1.75em 0;
        }

        section.conservation img {
            display: block;
            margin: 0 auto;
        }

.indent {
    padding-left: 128px;
    font-size: inherit !important;
}


.footnote { 
    font-size: .8em; 
    position: relative;
    bottom: .4em;
}
    .footnote:before{content: "[";}
    .footnote:after{content: "]";}

.footnotes {
    font-size: 14px;
}
.stickem-container {
  position: relative;
}

.stickit {
    /*margin-left: 480px;*/
    position: fixed;
    /*top: 0;*/
}

.stickit-end {
    bottom: 0;
    position: absolute;
    top: auto;
    left: -9999px !important;
    right: auto;
}
.large-image {
padding-left:50px;
padding-bottom:25px;
}
.sq-image {
padding-left:150px;
padding-bottom:25px;
}
.vert-image {
padding-left:300px;
padding-bottom:25px;
}
    section.others {

}


#grad1 {
    height: 500px;
    background: -webkit-linear-gradient(white, #202b42); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #202b42); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #202b42); s/* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #202b42); /* Standard syntax (must be last) */
}
#grad2 {
    height: 500px;
    background: -webkit-linear-gradient(#202b42, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#202b42, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#202b42, white); s/* For Firefox 3.6 to 15 */
    background: linear-gradient(#202b42, white); /* Standard syntax (must be last) */
}