/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
    font-family: 'ocr_aregular';
    src: url('OCR-A-webfont.eot');
    src: url('OCR-A-webfont.eot?#iefix') format('embedded-opentype'),
         url('OCR-A-webfont.woff') format('woff'),
         url('OCR-A-webfont.ttf') format('truetype'),
         url('OCR-A-webfont.svg#ocr_aregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dconstruct';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    margin: 0;
    background-color: #333;
    color: #fff;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42857;
}
img,
object,
iframe {
    max-width: 100%;
    border: 0;
}
abbr {
    text-decoration: none;
    border: none;
}
a {
    text-decoration: none;
    /*font-weight: bold;*/
    color: #FBE500;
}
a:hover,
a:focus {
    text-decoration: underline;
}
tbody th,
tbody td {
    vertical-align: top;
}
figcaption {
    margin: 0.5em 0;
}

/* GLOBAL CLASSES */

/* Fonts */

.machine {
    font-family: 'ocr_aregular', 'Courier New', monospace;
    font-weight: normal;
    word-wrap: break-word;
}
.master {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.1429;
    margin: 0;
}
.master::after {
    content: '_';
}
.major {
    font-size: 20px;
    font-size: 1.25rem;
}
.lede {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
}
.minor {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.25;
}
@media all and (min-width: 30em) {
    body {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
    }
    .master {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.25;
        letter-spacing: 0.75em;
        margin: 0.5em 0;
    }
    .major {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1;
    }
    .lede {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.2;
        margin: 0.5em 0;
    }
    .minor {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4286;
    }
}

/* End Fonts */

.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}
.highlight {
    background-color: #F6413E;
    color: #600;
    padding: 0.5em 1em;
    box-shadow: 0.25em 0.25em rgba(0,0,0,0.25);
}
.spotlight {
    display: inline-block;
    border-radius: 50%;
    padding: 0.3333em 0.3333em 0;
    background-color: #FBE500;
}
.spotlight .photo {
    border-radius: 50%;
}
.attraction {
    text-align: center;
}
.attraction .spotlight {
    display: block;
    border-radius: 1em;
    background-color: #F6413E;
    color: #FBE500;
}
@media all and (min-width: 64em) {
    .attraction .spotlight {
        border-radius: 50%;
        width: 100%;
        height: 0;
        padding-top: 25%;
        padding-bottom: 75%;
    }
}
.attraction .spotlight a {
    color: #fff;
}
.rollcall li {
    padding: 2px 0;
    padding: 0.125rem 0;
    margin-left: -0.5em;
}
.rollcall a {
    display: block;
    padding: 0.5em;
    color: #87AC00;
}
.rollcall .current a,
.rollcall a:hover,
.rollcall a:focus {
    background-color: #87AC00;
    color: #333;
    text-decoration: none;
}
.quote {
    margin: 1em 0 1.5em;
}
.quote blockquote {
    margin: 0;
    padding: 0.125em 0.5em;
    border-radius: 0.5em;
    background-color: #F6413E;
    color: #fff;
}
.quote blockquote p {
    line-height: 1.25em;
    margin: 0.75em;
}
.quote figcaption {
    text-align: right;
}
.quote cite {
    font-style: normal;
}
.quote cite:before {
    content: '— ';
}
figure.vcard {
    margin: 0;
    text-align: center;
}
.prose {
    margin: 0;
    padding: 0;
}
.prose li {
    display: inline-block;
    list-style: none;
}
.embed {
    position: relative;
    padding-bottom: 60%;
    height: 0;
}
.embed iframe {
    position: absolute;
    top:  0;
    left: 0;
    width: 90%;
    height: 90%;
}
.icons,
.icons li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.icon {
    display: inline-block;
    color: inherit;
    margin-right: 1em;
}
.icon::before {
    vertical-align: bottom;
    font-family: 'dconstruct', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    font-size: 3rem;
    display: inline-block;
    float: left;
    margin-top: -16px;
    margin-top: -1rem;
    margin-right: -12px;
    margin-right: 0.75rem;
    speak: none;
    color: #F6413E;
}
.twitter::before {
    content: '@';
}
.lanyrd::before {
    content: 'L';
}
.calendar::before {
    content: '6';
}
/* END GLOBAL CLASSES */

/* STRUCTURE */

/* Banner */

[role="banner"] {
    margin: 0;
    position: relative;
    background-color: #8a1;
    color: #333;
}

/* menu */

[role="banner"] .menu {
    background-color: #370;
    background-color: rgba(51,119,0,0.2);
    margin: -16px -16px 16px;
    margin: -1rem -1rem 1rem;
}
[role="banner"] .menu a {
    color: #fff;
    padding: 0.5em 1em;
    display: block;
}
[role="banner"] .menu li::first-letter {
    text-decoration: underline;
}
@media all and (min-width: 25em) {
    [role="banner"] .menu {
        overflow: hidden;
    }
    [role="banner"] .menu li {
        float: left;
    }
}
@media all and (min-width: 50em) {
    role="banner"] .menu {
        margin: 0;
        padding: 0;
    }
    [role="banner"] .menu {
        background-color: transparent;
        position: relative;
        float: right;
        margin-top: 1em;
    }
}
@media all and (min-width: 62.5em) {
    [role="banner"] .menu {
        margin-right: 11em;
    }
}

/* end menu */

/* vevent */

[role="banner"] .vevent {
    line-height: 1.25;
}
[role="banner"] .summary,
[role="banner"] .dtstart,
[role="banner"] .location {
    display: block;
}
[role="banner"] .dtstart {
    font-weight: bold;
}
[role="banner"] .url {
    color: #fff;
}
[role="banner"] .dconstruct {
    width: 205px;
    height: 35px;
    margin-bottom: 0.5em;
}
@media all and (min-width: 20em) and (min-height: 35em) {
    [role="banner"] .dconstruct {
        width: 265px;
        height: 46px;
    }
}
@media all and (min-width: 40em) {
    [role="banner"] .vevent {
        display: inline-block;
        position: relative;
        float: left;
    }
}

/* end vevent */

/* tickets */

[role="banner"] .tickets {
    margin: 16px -16px 16px 16px;
    margin: 1rem -1rem 1rem 1rem;
}
.tickets a {
    color: #fff;
    text-transform: uppercase;
}
@media all and (min-width: 30em) {
    [role="banner"] .tickets {
        margin-top: 0;
        display: inline-block;
        position: relative;
        float: right;
    }
}
@media all and (min-width: 40em) and (max-width: 45em) {
    [role="banner"] .tickets {
        margin-top: 8px;
        margin-top: 0.5rem;
    }
}
@media all and (min-width: 62.5em) {
    .tickets {
        text-align: center;
    }
    .tickets .price {
        display: block;
    }
    [role="banner"] .tickets {
        margin: 0;
        width: 10em;
        position: absolute;
        top: 0;
        right: 16px;
        right: 1rem;
        padding-top: 20px;
        padding-top: 1.25rem;
    }
}

/* end tickets */

/* masthead */

[role="banner"] .masthead {
    clear: both;
    background-image: url('img/tickertape.svg');
    background-repeat: repeat-x;
    background-size: auto 7em;
    padding-top: 4em;
}
[role="banner"] .masthead .master {
    text-transform: uppercase;
}
.home [role="banner"] .masthead .master {
    text-transform: lowercase;
}
@media all and (min-height: 25em) {
    [role="banner"] .masthead {
        background-size: auto 8em;
        padding-top: 6em;
    }
}
@media all and (min-height: 35em) {
    [role="banner"] .masthead {
        background-size: auto 9em;
        padding-top: 8em;
    }
}

/* end masthead */

/* End Banner */

/* Main */

[role="main"] {
    margin: 0;
    display: block;
}

/* roster */

.roster .vcard {
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    max-width: 240px;
    max-width: 15rem;
}
@media all and (min-width: 30em) {
    [role="main"] .roster .vcard {
        vertical-align: top;
        display: inline-block;
        width: 48%;
        padding: 1% 2% 1% 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    [role="main"] .roster .vcard,
    [role="main"] .roster .vcard .photo {
        width: 100%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    [role="main"] .roster .vcard:hover,
    [role="main"] .roster .vcard:focus  {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media all and (min-width: 40em) {
    [role="main"] .roster .vcard {
        width: 31%;
    }
}
@media all and (min-width: 50em) {
    [role="main"] .roster .vcard {
        width: 23%;
    }
}
@media all and (min-width: 62.5em) {
    [role="main"] .roster .vcard {
        width: 18%;
    }
}

/* end roster */

/* icons */

@media all and (min-width: 62.5em) {
    [role="main"] .icons li {
        display: inline-block;
        width: 31%;
    }
}

/* end icons */

/* End Main */

/* Complementary */

[role="complementary"] {
    background-color: #222;
}

/* intro */

.intro {
    margin-bottom: 1em;
}

/* End intro */

/* rollcall */

@media all and (min-width: 30em) {
    [role="complementary"] .rollcall {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media all and (min-width: 50em) {
    [role="complementary"] .rollcall {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

/* end rollcall */

/* End Complementary */

/* Contentinfo */

[role="contentinfo"] {
    margin: 0;
    background-color: #fff;
    color: #333;
}
[role="contentinfo"] a {
    color: inherit;
}
[role="contentinfo"] h3 {
    margin-bottom: -0.5em;
}
[role="contentinfo"] .clearleft {
    margin: 0.5em;
    width: 200px;
}
[role="contentinfo"] .metanav {
    border-top: 1px solid #ddd;
    margin: 0.5em 0;
    padding: 1.5em 0;
}
[role="contentinfo"] .metanav li {
    margin-right: 1em;
}
@media all and (min-width: 45em) {
    [role="contentinfo"] .clearleft {
        width: 66%;
    }
}

/* End Contentinfo */

/* Group */

.group:before,
.group:after {
    content: ' ';
    display: table;
}
.group:after {
    clear: both;
}
.group .primary p a {
    font-weight: bold;
}
@media all and (min-width: 45em)  {
    .group .primary {
        float: right;
    }
    .group .secondary {
        float: left;
    }
    .flipped .primary {
        float: left;
    }
    .flipped .secondary {
        float: right;
    }
    .group .split {
        float: left;
        width: 45%;
        margin: 2.5%;
    }
}
@media all and (min-width: 45em) and (max-width: 64em) {
    [role="main"] .primary,
    [role="contentinfo"] .primary {
        width: 55%;
    }
    [role="main"] .secondary,
    [role="contentinfo"] .secondary {
        width: 40%;
    }
}
@media all and (min-width: 64em) {
    .group .primary {
        width: 62%;
    }
    .group .secondary {
        width: 30%;
    }
    [role="main"] .balloon {
        margin-top: -6.5em;
        position: relative;
    }
}

/* End Group */

/* Content */

.content {
    padding: 16px;
    padding: 1rem;
}
@media all and (min-width: 68em) {
    .content {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    [role="banner"] .tickets {
        right: 2.5%;
    }
}
@media all and (min-width: 72em) {
    .content {
        padding-left: 5%;
        padding-right: 5%;
    }
    [role="banner"] .tickets {
        right: 5%;
    }
}
@media all and (min-width: 80em) {
    .content {
        padding-left: 7.5%;
        padding-right: 7.5%;
    }
    [role="banner"] .tickets {
        right: 7.5%;
    }
}
@media all and (min-width: 86em) {
    .content {
        padding-left: 10%;
        padding-right: 10%;
    }
    [role="banner"] .tickets {
        right: 10%;
    }
}
@media all and (min-width: 92em) {
    .content {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }
    [role="banner"] .tickets {
        right: 12.5%;
    }
}
@media all and (min-width: 98em) {
    .content {
        padding-left: 15%;
        padding-right: 15%;
    }
    [role="banner"] .tickets {
        right: 15%;
    }
}

/* End Content */

/* END STRUCTURE */