@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: 84px;
        left: 16px;
        font-size: 14px;
    }
        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;
            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.emulator {
        background: #333;
        margin: 0;
        padding: 24px 0;
    }

    div.main {
        width: 960px;
        padding: 0 0 0 320px;
        margin: 0 auto;
        position: relative;
    }

    section {
        padding: 64px 0;
        clear: left;
    }
        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.games {}
        section.games > figure {
            margin-bottom: 128px;
        }

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

            section.games > iframe {
                margin: 0 0 128px 0;
            }



            

    figcaption {
        font-size: 11px;
        text-align: center;
    }
        section.games figcaption {
            text-align: left;
            font-size: 14px;
        }
            

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