/* ==========================================================================
   Primary ('mobile first') styles
   ========================================================================== */

/* -- General typography -- */

/* Links */
a:link, a:active, a:visited
{
    color: #2774a1;
}

a:hover, a:focus
{
    color: #4886c3;
}

/* Headings */
h1, h2, h3, h4, h5, h6
{
    font-family: 'Copse', serif;
}

/* -- Layout -- */
html
{
    background: #353768;
    box-shadow: inset 0 0 200px rgba(0,0,0,.5);
    color: #46282d;
    font: 10pt/1.8 'Lato', sans-serif;
}

/* Branding */

header h1
{
    display: none;
    margin: 0;
}

header img
{
    max-width: 100%;
}

    header img:hover
    {
        background-color: rgba(0,0,0,0.15);
    }

/* Navigation */
nav
{
    background-color: #f5df41;
    clear: both;
}

    nav ul
    {
        border-bottom: 2px solid #26274A;
        border-top: 2px solid #26274A;
        margin: 0;
        padding: 0;
    }

        nav ul li
        {
            border-bottom: 1px solid #CFB239;
            margin: 0;
            padding: .5em;
            text-transform: uppercase;
        }

            nav ul li:last-child
            {
                border: none;
            }

            nav ul li.selected
            {
                background-color: #f8ea82;
            }

    nav a
    {
        text-decoration: none;
    }

        nav a:link, nav a:active, nav a:visited
        {
            color: #994526;
            opacity: 0.80;
        }

    nav li.selected a
    {
        color: #000;
    }

    nav a:hover, nav a:focus
    {
        opacity: 1;
    }

/* Footer */
footer
{
    color: #ccc;
    padding: .5em;
}

/* Content */
.main
{
    background: #fff;
    margin: 0 auto;
    overflow: auto;
    padding: 1em;
    border-radius: 0 0 .75em .75em;
    box-shadow: inset 0 0 220px #a1c6e1;
}

article h1
{
    font-size: 1.8em;
    margin: 0 0 0.79em 0;
    color: #333;
}

article h2
{
    font-size: 1.4em;
    margin: 0 0 .79em 0;
    color: #dd673e;
}

article h3
{
    font-size: 1em;
    margin: 0 0 1em 0;
    color: #663;
}

article img
{
    margin: 0 0 1em 1.25em;
}

.notice
{
    color: #a30;
    background-color: #ffc;
    margin: .5em 0 1em -7%;
    padding: .75em 1em .75em 7%;
    border-radius: 0 .5em .5em 0;
    font-size: 1.1em;
    box-shadow: 0 0 1px #353768;
}

/* Pricing and schedule tables */
tr
{
    border-bottom: 1px solid #999;
}

th, td.headerRow
{
    background-color: #BCDBEC !important;
    font-size: .85em;
    text-transform: uppercase;
}

table.schedule td.time, .tierDisplay table tr td:first-child
{
    background-color: #D4E5F1;
}

/* Registration form */
#countdown
{
    background: #000;
    color: #fff;
    box-shadow: 0 0 1em rgba(0,0,0,0.5);
}

#javascript_countdown_time
{
    color: #F1C01B;
}

.form
{
    padding: 1em 0;
}

    .form input[type=submit]
    {
        background-color: #ad1d1b;
        border: 1px solid #ad1d1b;
        color: #fff;
        font-family: 'Lato', sans-serif;
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
        text-transform: uppercase;
        transition: all 0.3s ease;
    }

        .form input[type=submit]:hover
        {
            border-color: #6B0D0B;
            box-shadow: inset 0 -.5em 1em rgba(0,0,0,.25);
        }

    .form blockquote
    {
        border-top: 1px dotted #46282d;
    }

        .form blockquote p:first-child:first-letter
        {
            font-family: 'Copse', serif;
            padding: .125em .25em .125em 0;
        }

    .form fieldset legend
    {
        border-bottom: 1px dotted #46282d;
    }

/* Sidebar */
aside
{
    clear: both;
    font-size: .95em;
    line-height: 1.4;
    margin-top: 2em;
}

    aside h2
    {
        color: #dd673e;
        margin-bottom: .5em;
    }

    aside p
    {
        margin-left: 1em;
    }

    aside #music h1
    {
        background-color: #fff;
        border-radius: .5em;
        box-shadow: 0 0 6px rgba(0,0,0,0.25);
        color: #404F6A;
        font-size: 1.4em;
        line-height: 1.4;
        padding: .5em 3% .66em 3%;
        text-shadow: none !important;
    }

    aside section h1 a
    {
        font-family: "Lato",sans-serif;
        text-transform: uppercase;
    }
/* Map */
.thumb
{
    display: none;
}



/* ==========================================================================
   Media Queries for Responsive Design.
   Theses override the primary ('mobile first') styles.
   ========================================================================== */
@media only screen and (min-width: 36em)
{
    /* Style adjustments for viewports that meet the condition */

    body
    {
        font: 12pt/1.8 'Lato', sans-serif;
        max-width: 970px;
    }

    /* Navigation */
    nav
    {
        border-radius: 0;
        text-align: center;
        padding: 0;
    }

        nav ul li
        {
            border: none;
            display: inline-block;
            padding: 0;
        }

        nav a
        {
            display: block;
            height: 3em;
            line-height: 3;
            padding: 0 .75em;
        }

    /* Footer */
    footer
    {
    }

    /* Content */
    .main
    {
        clear: both;
        padding: 1em;
    }

    .form
    {
        border-radius: .5em;
        box-shadow: inset 0 0 1em rgba(0,0,0,.5);
        padding: 1em;
    }

    /* Plugins */
    .flexslider
    {
        float: left;
        margin: 0;
        width: 49%;
    }

    #fitVids
    {
        float: right;
        /*margin-left: 1%;*/
        margin: 0;
        height: 225px;
        width: 49%;
    }
}

@media only screen and (min-width: 66em)
{
    /* Style adjustments for viewports that meet the condition */

    /* Content */
    article
    {
        float: left;
        width: 65%;
    }

    /* Sidebar */
    aside
    {
        clear: none;
        float: right;
        margin-top: 0;
        width: 31%;
    }

        aside #music h1
        {
            margin-right: -5%;
            border-radius: .5em 0 0 .5em;
        }


    /* Plugins */

    /*.flexslider
    {
        float: left;
    }
    #youtube
    {
        display: block;
        float: right;
        width: 400px;
    }*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)
{
    /* Style adjustments for high resolution devices */
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */