/**
 * The Eagles
 * ==========
 * Design:      Anthony Ordonez : ground(ctrl)   
 * Development: Matt Goucher : ground(ctrl)
*/
@import url(/public/type/crimson/stylesheet.css);

body {
    color: #fff;
    font: 100 18px/1.5em 'CrimsonRoman', serif;
    background: #000;
}
html, body { height: 100%; }
a, a:active { color: #688c99; text-decoration: none; } a:hover { color: #fff; }
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,ul li ul li,ol li ul li,li p,li dl,p,li,td,dl,address,input,select,textarea,.vcard,legend,dl,dt,dd,#breadcrumbs { font: 100 18px/1.5em 'CrimsonRoman', serif; }

    /* Typeography */
    h1, h2, h3, h4, h5, h6 {
        padding: 0;
        margin: 0;
        font: 100 36px/1em 'CrimsonRoman', serif;
    }
    h3 {
        font-size: 43px;
        text-transform: none;
    }

    /* g(c) Reset */
    p { padding: 0; margin: 0 0 10px 0; }
    table, ol, ul { margin: 0; padding: 0; }
    .content em, .meta { font-family: 'CrimsonItalic', serif; }
    .content strong { font-weight:bold; }
    .home #breadcrumbs, .footer .meta, .footer .actions, .meta .author, #aside .header .actions, .meta .comments { display: none; }
    .title a { color: #fff; } .title a:hover { color: #688c99; }
    #main .meta {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 10px 0;
        padding: 2px 20px;
        text-transform: capitalize;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid #688c99;
    }

    /* Formatting */
    .content p iframe { padding: 10px 0; }

/**
 * Header
 * ======
 * Global, Navigation
*/

    /* Global */
    #header {
        height: 200px;
        background: #131313;
        border-bottom: 1px solid #688c99;
    }
    #header .section {
        padding: 70px 0 0 0;
        width: 100%;
        max-width: none;
    }

    /* Navigation */
    #header .site {
        position: relative;
        height: 45px;
        text-align: center;
        background: #020405;
        border-top: 1px solid #2b3538;
        border-bottom: 1px solid #2b3538;
    }
    #header .site li {
        position: relative;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 25px 0 0;
    }
    #header .site a {
        display: block;
        color: #fff;
        line-height: 43px;
        text-transform: uppercase;
    }
    #header .site a:hover { color: #688c99; }
    #header .site .media { margin-right: 480px; }
    #header .site .store { margin-right: 0; }
    #header .site .home {
        position: absolute;
        top: 0; left: 50%;
        margin: -22px 0 0 -212px;
        width: 424px;
        height: 88px;
        text-indent: -999em;
        background: url(../img/global/logo.png) center top no-repeat;
    }
    #header .site .account,
    #header .site .register,
    #header .site .logout,
    #header .site .login{display: none;}
    #header .site .home a {
        display: block;
        width: 424px;
        height: 88px;
    }
    #footer .site .nav-toggle, #header .site .nav-toggle { display: none; }

        /* Dropdown */
        .nav.site .drop {
            position: absolute;
            z-index: 9999;
            top: 45px; left: 77%;
            margin: 0 0 0 -69px;
            padding: 5px 0;
            opacity: 0;
            visibility: hidden;
            background: rgba(12, 26, 36, 0.8);
            -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
               -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
                 -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
                    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        }
        #header .nav.site .drop li {
            position: relative;
            top: auto;
            display: block;
            float: none;
            padding: 0;
            margin: 0;
            width: 125px;
            text-align: center;
        }
        #header .site .drop a {
            display: block;
            width: 100%;
            color: #fff;
        }
        #header .site .drop a:hover {
            color: #688c99;
        }
        .nav.site li:hover .drop { 
            opacity: 1;
            visibility: visible;
        }


/* Containers */
#dashboard .section, #page, #breadcrumbs, #footer .section {
    width: 100%;
    max-width: 940px;
}

#page { min-height: 600px; }

    /* Dashboard */
    #dashboard{
        max-width: 940px;
        height: 0;
        margin: 0 auto !important;
        background: #fff;
        position: relative;
    }
    #dashboard .nav.controls{
        position: absolute;
        top: -70px; right: 0;
    }
    #dashboard .nav.controls li a{
        display: block;
        color: #fff;
        border: 1px solid #688c99;
        border-top: 0;
        margin-left: 5px;
        padding: 2px 10px 5px;
    }
    #footer #dashboard{display: none;}

    /* Breadcrumbs */
    #breadcrumbs {
        display: block;
        height: 0;
        top: -40px;
        position: relative;
        left: 10px;
    }
        #breadcrumbs .here { display: none; }

    /* Main */
    #main {
        float: left;
        margin: 0 0 40px 0;
        width: 100%;
        max-width: 605px;
        overflow: hidden;
    }
    #main.full {
        width: 100%;
        max-width: 940px;
    }
    #main .section { margin: 0 0 60px 0; }

        /* Section Headers */
        #main .section > .header {
            margin: 0 0 40px 0;
            overflow: hidden;
        }
        #main .section > .header .title, .store #main > .header .title {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            float: left;
            margin: 0 20px 0 0;
            padding: 15px;
            text-transform: uppercase;
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.6);
            border: 1px solid #688c99;
        }
        #main .section:first-of-type > .header .title, .store #main > .header .title { border-top: none; }
        #main .section > .header .actions a {
            color: #fff;
            font-family: 'CrimsonItalic', serif;
            line-height: 68px;
            text-transform: lowercase;
        }

    /* Sidebar */
    #aside { 
        margin: 0 0 40px 0;
        width: 100%;
        max-width: 300px;
    }
    #aside .section {
        margin: 0 0 40px 0;
        padding: 20px 25px;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid #688c99;
    }
    #aside .section:first-of-type { border-top: none; }
    #aside .section:last-of-type { margin: 0; }

        /* Section Headers */
        #aside .section > .header { margin: 0 0 30px 0; }
        #aside .section > .header .title { text-transform: uppercase; }

    /* Listing Full */
    .listing.full .item {
        display: block;
        margin: 0 0 40px 0;
        padding: 0 0 40px 0;
        overflow: hidden;
        border-bottom: 1px solid #688c99;
    }
    .listing.full .item:last-of-type { padding: 0; border: none; }
    .listing.full .item .header,
    .listing.full .item .title { margin: 0 0 10px 0;}
    .listing.full .item .figure {
        margin: 0 0 10px 0;
        max-height: 325px;
        overflow: hidden;
    }
    .listing.full .footer .actions {
        display: block;
        padding: 20px 0 0 0;
        text-align: left;
    }
    .listing.full .actions a {
        color: #fff;
        font-family: 'CrimsonItalic', serif;
    }
    .listing.full .actions a:hover { color: #688c99; }
    .section.news .article > .footer .nav.actions > .readmore { float: left; }

    /* Listing Compact */
    .listing.compact .item {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #363636;
    }
    .listing.compact .item:last-of-type { padding: 0; border: none; }
    .listing.compact .header { position: relative; }
    .listing.compact .item .title {
        padding: 25px 0 0 0;
        font-size: 25px;
        text-transform: capitalize;

    }
    .listing.compact .item .meta {
        position: absolute;
        top: 0; left: 0;
    }

    /* Section Footers */
    .section > .footer .actions {
        margin: 0 -25px -5px;
        padding: 10px 25px 0;
        text-align: center;
        overflow: hidden;
        border-top: 1px solid #688c99;
    }
    .section > .footer .actions li {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        float: none;
        text-align: center;
        margin: 0 10px 0 0;
    }
    .section > .footer .actions a {
        color: #fff;
        font-family: 'CrimsonItalic', serif;
    }
    .section > .footer .actions a:hover { color: #688c99; }

    /* Hackery */
    .feature.video .viewall:after { content: ' videos'; }
    .asset.video .all a:after,
    .gallery.video .viewall:after { content: ' videos'; }
    .asset.photo .all a:after,
    .gallery.photo .viewall:after { content: ' photos'; }
    .events .viewall:after        { content: ' events'; }


/* Pages */

    /**
     * Homepage
     * ========
     * Global, Slider, Arrows
    */

        /* Global */
        .home #main, .home #page {
            margin: 0;
            width: 100%;
            max-width: none;
        }
        .home-section {
            position: relative;
            margin-bottom: 0 !important;
            padding: 0 0 60px 0;
            overflow: hidden;
            border-bottom: 1px solid #688c99;
        }
        .home-section:last-of-type { border: none; }
        .home-section .wrapper {
            margin: 0 auto;
            width: 100%;
            max-width: 940px;
        }

        /* Header */
        .home #header {
            position: absolute;
            top: 0; left: 0;
            z-index: 100;
            width: 100%;
            background: none;
            border: none;
        }
        .home #header .site {
            background: rgb(12, 26, 36);
            background: rgba(12, 26, 36, 0.8);
        }

        /* Slider */
        .home .home-featured { padding: 0; min-height: 0px; }
        #home-slider, #store-slider {
            position: relative;
            padding: 0;
            /*height: 200px;*/
            /*-webkit-transition: height 800ms ease;
               -moz-transition: height 800ms ease;
                 -o-transition: height 800ms ease;
                    transition: height 800ms ease;*/
        }
        /*#home-slider.loaded {
            -webkit-transition: none;
               -moz-transition: none;
                 -o-transition: none;
                    transition: none;
        }
        #home-slider.loading { background: url(//groundctrl.s3.amazonaws.com/clients/the_eagles/site/home/slider-loader.gif) center center no-repeat; }*/
        #home-slider .css-slide, #store-slider .css-slide {
            opacity: 1;
            position: absolute;
            top: 0; left: 100%;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            -webkit-transition: left 800ms ease-in-out, opacity 500ms ease;
               -moz-transition: left 800ms ease-in-out, opacity 500ms ease;
                 -o-transition: left 800ms ease-in-out, opacity 500ms ease;
                    transition: left 800ms ease-in-out, opacity 500ms ease;
        }
        #home-slider .css-slide a, #store-slider .css-slide a {
            display: block;
            width: 100%;
            height: 100%;
        }
        #home-slider .css-slide img, , #store-slider .css-slide img { width: 100%; }
        #home-slider .css-active, #store-slider .css-active { left: 0; }
        #home-slider .css-old, #store-slider .css-old { left: -100%; }
        #home-slider.loading .css-slide, #store-slider.loading .css-slide { opacity: 0; }

        /* Arrows */
        .home .css-next, .home .css-prev, .store .css-next, .store .css-prev {
            cursor: pointer;
            position: absolute;
            top: 50%; left: 0;
            display: block;
            margin: -24px 0 0 0;
            width: 48px;
            height: 48px;
            text-indent: -999em;
            background: url(../img/global/arrows.png) left top no-repeat;
        }
        .home .css-next, .store .css-next {
            left: auto; right: 0;
            background-position: right top;
        }
        .home .css-disabled, .store .css-disabled { opacity: 0.2; }

        /* Media */
        .home .media-section {
            background: url(../img/media/background.jpg) center top no-repeat;
            background-size: cover;
        }
        .home .media-section #featured_video { 
            position: relative;
            margin: 0 auto 40px auto; 
            padding: 0 0 56.25%;
            width: 100%; height: 0;
        }
        .home .media-section #featured_video #video_player {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
        }
        .home .media-section #featured_video #video_player iframe {
            width: 100%;
            height: 100%;
        }

            /* Recent Media */
            .home .recent-media { position: relative; }
            .home .recent-media .css-slider {
                position: relative;
                height: 170px;
                overflow: hidden;
            }
            .home .recent-media .slide {
                position: absolute;
                top: 0; left: 100%;
                width: 100%;
                height: 170px;
                -webkit-transition: left 500ms linear;
                   -moz-transition: left 500ms linear;
                     -o-transition: left 500ms linear;
                        transition: left 500ms linear;
            }
            .home .recent-media .css-active { left: 0; }
            .home .recent-media .css-old    { left: -100%; }
            .home .recent-media .item {
                position: relative;
                display: block;
                float: left;
                margin: 5px;
                width: 225px;
                height: 160px;
                text-indent: -999em;
                overflow: hidden;
            }
            .home .recent-media img {
                display: block;
                min-height: 100%;
                max-width: 200%;
                min-width: 100%;
            }
            #page .recent-media .video img { /* aspect ratio hack */
                max-width: 126%;
                margin-left: -13%;
            }
            .home .recent-media .css-prev { left: -53px; }
            .home .recent-media .css-next { right: -53px; }

        /* News */
        .home .news-section {
            background: url(../img/news/background.jpg) center top no-repeat;
            background-size: cover;
        }
        .home .news .item {
            margin: 0 auto;
            padding: 0;
            max-width: 636px;
            border: none;
        }

        /* Events */
        .home .events-section {
            background: url(../img/events/background.jpg) center top no-repeat;
            background-size: cover;
        }



    /**
     * Events
     * ======
     * Global, Detail, Hackery, Full, Compact
    */

        /* Global */
        body.events { 
            background: url(../img/events/background_blur.jpg) center top no-repeat #131313; 
            background-attachment: fixed;
        }
        body.events .events.upcoming > .footer { display: none; }

        /* Detail */
        .detail .events #main { max-width: 100%; }
        .detail .events #aside { display: none; }
        .detail .events #main #GC { min-width: 0px; }

        /* Hackery */
        #events-page { position: relative; }
        #events-page > div {
            opacity: 1;
            -webkit-transition: opacity 500ms ease;
               -moz-transition: opacity 500ms ease;
                 -o-transition: opacity 500ms ease;
                    transition: opacity 500ms ease;
        }
        #events-page.loading > div { opacity: 0; }
        #events-page.loading:before {
            position: absolute;
            top: 10px; left: 50%;
            content: '';
            margin: -16px 0 0 -16px;
            width: 32px;
            height: 32px;
        }
        .events .history-shows { margin-bottom: 60px; }
        .events .solo-section .title { border-top: 1px solid #688c99 !important; }
        #events-page .soloDates { display: none; }

        /* Full */
        .events .full table {
            margin: 0; padding: 0;
            border-collapse:separate; 
            border-spacing: 0 3px;
        }
        .events .full thead th {
            padding: 10px 15px;
            font-size: 18px;
            font-family: 'CrimsonItalic', serif;
            border: none;
        }
        .events .full td {
            padding: 15px 15px;
            vertical-align: middle;
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.6);
        }
        .events .full .date {
            width: 100px;
            text-align: center;
            border-right: 1px solid #688c99;
        }
        .events .full .locality a,
        .events .full .venue .name {
            color: #fff;
            text-transform: uppercase;
        }
        .events .full .region,
        .events .full .headliner {
            display: block;
            color: #688c99;
        }
        .events .full .location { border-right: 1px solid #688c99; }

            /* Tickets */
            .events .full .tickets {
                position: relative;
                padding: 0 0 0 15px;
            }
            .events .full .tickets ul { overflow: hidden; }
            .events .full .ticket {
                display: block;
                float: left;
                padding: 0;
                text-align: center;
                width: 100px;
            }
            .events .tickets a, .events .tickets span {
                width: auto;
                font-family: 'CrimsonItalic', serif;
                text-indent: 0;
                background: none;
            }
            .events .tickets .vip a { color: #fff; }
            .events .tickets .na { color: #555; }

        /* Compact */
        .events .compact .title a { text-transform: uppercase; }
        .events .compact .headliner { font-size: 22px; }
        .events > .footer .actions { display: block; }



    /**
     * News
     * ====
     * Global, Detail, Listing Full
    */

        /* Global */
        body.news { background: url(../img/news/background_blur.jpg) center 200px no-repeat #131313; }

        /* Detail */
        .story > .footer .meta { display: none !important; }



    /**
     * Media
     * =====
     * Global, Detail, Listing
    */

        /* Global */
        body.media {
            background: url(../img/media/background_blur.jpg) center 200px no-repeat #131313;
        }

        /* Detail */
        .section.asset > .figure {
            margin: 0 0 40px 0;
            text-align: center;
        }

            /* Content */
            .section.asset .content {
                padding: 15px;
                background: rgb(0, 0, 0);
                background: rgba(0, 0, 0, 0.6);
                border: 1px solid #353535;
                border-bottom: none;
            }
            .section.asset .content p:last-of-type { margin: 0; }

            /* Footer */
            .section.asset > .footer {
                padding: 15px;
                overflow: hidden;
                background: rgb(0, 0, 0);
                background: rgba(0, 0, 0, 0.6);
                border: 1px solid #353535;
            }
            .section.asset > .footer .actions {
                float: right;
                padding: 0;
                margin: 0;
                border: none;
            }
            .section.asset > .footer .GC_sharing {
                float: left;
                height: 48px;
                line-height: 55px;
            }
            .section.asset > .footer .facebook { padding-left: 10px; line-height: 45px; }

            /* Actions*/
            .section.asset .footer .prev,
            .section.asset .footer .next {
                display: block;
                float: left;
                margin: 0 0 0 15px;
                width: 48px;
                height: 48px;
            }
            .section.asset .prev a, .section.asset .prev span,
            .section.asset .next a, .section.asset .next span {
                cursor: pointer;
                display: block;
                line-height: 48px;
                text-indent: -999em;
                overflow: hidden;
                background: url(../img/global/arrows.png) left top no-repeat;
            }
            .section.asset .footer .next a, .section.asset .footer .next span { background-position: right top; }
            .section.asset .footer li > span { cursor: default; opacity: 0.2; }
            .section.asset .footer .all { display: none; }
            .section.asset .footer .actions { display: block; }
            .section.asset .footer .all a:after, .section.asset .header .prev, .section.asset .header .next { display: none; }

        /* Listing */
        .listing.media .item {
            position: relative;
            display: block;
            float: left;
            margin: 0 4px 4px 0;
            width: 232px;
            height: 160px;
            overflow: hidden;
        }
        .listing.media .first { clear: left; }
        .listing.media .fourth { margin-right: 0; }
        .listing.media .item .figure {
            width: 100%;
            height: 160px;
        }
        .listing.media .figure img {
            min-width: 100%;
            /*min-height: 100%;*/
            height: auto;
        }
        .listing.media .item .header {
            position: absolute;
            bottom: 0; left: 0;
            width: 100%;
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.6);
        }
        .listing.media .item .meta { display: none !important; }
        .listing.media .item .title {
            padding: 10px;
            font-size: 18px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }



    /**
     * Releases
     * ========
     * Detail, Listing
    */

        /* Detail */
        .detail .releases #main  { float:right; }
        .detail .releases #aside { float:left; }
        .detail .releases #aside .section { padding: 0; }
        .releases #main .release .meta {
            padding: 0;
            border: none;
        }

            /* Album Cover */
            #aside .section.cover { margin: 0 0 10px; }

            .release.cover {
                margin:0 0 20px 0;
                padding: 0;
                max-width:340px;
                overflow:hidden;
            }
            .release.details { margin:0 0 20px 0; }
            .release.details span { display:block;}
            .release.details strong { font-weight:bold; }

            /* Purchase Links */
            .releases #aside .links { 
                border: none; 
                text-align: center 
            }
            .releases .links li {
                display: -moz-inline-stack;
                display: inline-block;
                zoom: 1;
                *display: inline;
                margin: 0 0 15px 0;
                width: 50%;
                float: left;
            }
                .releases .links li a {
                    border: 1px solid #688c99;
                    padding: 20px;
                    display: block;
                    text-align: center;
                }

            .releases .links .itunes a {
                margin: 0 5px 0 0;
                background: url(//groundctrl.s3.amazonaws.com/clients/the_eagles/img/itunes-order.jpg) no-repeat center center #698c9a;
            }

            .releases .links li.itunes a,
            .releases .links li.amazon a { text-indent: -9999px; }

            .releases .links .amazon a { 
                margin: 0 0 0 5px;
                background: url(//groundctrl.s3.amazonaws.com/clients/the_eagles/img/amazon-order.jpg) no-repeat center 16px #698c9a;
            }

            /* Playlist */
            .releases .playlist thead { display:none; }
            .releases .playlist td {
                padding:10px;
                border-bottom:1px solid #131313;
                vertical-align: middle;
            }
            .releases .playlist .duration { text-align:right; }
            .releases .playlist tr:first-child td { padding-top:0; }
            .releases .playlist tr:last-child td { border-bottom:none; }
            .releases .playlist .trackno { width:25px; font-weight:bold; }
            .releases .playlist .title span {
                display: block;
                float: left;
                max-width: 80%;
            }

                /* Lyrics */
                .releases pre.lyrics {
                    margin:20px;
                    padding:0 20px 20px 20px;
                    font-size:12px;
                    border-left:2px solid #ddd;
                }
                .releases .show_lyrics {
                    float:right;
                    margin:4px 0 0 0;
                    width:58px;
                    height:10px;
                    text-indent:-999em;
                    background:url(../img/releases/icons.png) -57px 0 no-repeat;
                }
                .releases .show_lyrics.open { background-position:-57px -20px; }

                /* Track Player */
                .releases td.title a {
                    display: block;
                    float: left;
                    margin: 9px 0 0 0;
                    padding:0 20px 0 0;
                    width:15px;
                    height:18px;
                    text-indent:-999em;
                    background:url(../img/releases/icons.png) 0 0 no-repeat;
                    vertical-align: middle;
                }
                .releases td.title .sm2_link.play    { background-position:0 0; }
                .releases td.title .sm2_link.sm2_playing { background-position:0 -19px; }


        /* Listing */
        .releases .listing .item {
            position: relative;
            display: block;
            float: left;
            margin: 0 4px 4px 0;
            padding: 0;
            width: 232px;
            height: 232px;
            overflow: hidden;
            border: none;
        }
        .releases .listing .first { clear: left; }
        .releases .listing .fourth { margin-right: 0; }
        .releases .listing .item .figure {
            margin: 0;
            width: 100%;
            height: 232px;
        }
        .releases .listing .item .figure img {
            max-width: 100%;
        }
        .releases .listing .item .header {
            opacity: 0;
            position: absolute;
            bottom: 0; left: 0;
            margin: 0;
            width: 100%;
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.6);
            -webkit-transition: opacity 500ms ease;
               -moz-transition: opacity 500ms ease;
                 -o-transition: opacity 500ms ease;
                    transition: opacity 500ms ease;
        }
        .releases .listing .item:hover .header { opacity: 1; }
        .releases .item .meta, .releases .meta .artist { display: none !important; }
        .releases .item .title {
            padding: 6px;
            font-size: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }


    /**
     * Store
     * ======
     * 
    */

        body.store #header,
        body.store #footer { display: block; }
        body.store #footer { margin-top: 0 !important; }
        .store #main .products.shop .listing .item.product-eagles--long-road-out-of-eden-2-cd-set{display: none;}

        .store #slide-wrap { position: relative; }
        .store #store-slider { 
            max-height: 500px; 
            overflow: hidden;
        }

        .store #main > .header .title{float: none;}
        .store #main .featured.products{padding-top: 40px;}

            /* Aside */
            .store #aside { 
                width: 100%; 
                margin: 107px 0 50px !important;
            } 

        #GC.GC_product .GC_product_purchase .purchase_form .select { margin: 0; }


    /**
     * History of The Eagles DVD
     * =========================
     * Pre-Orders, Packges
    */

        /* Header */
        body.historyoftheeaglesdvd { overflow-x: hidden; }
        .historyoftheeaglesdvd .pre-order {
            position: relative;
            padding: 45px 0;
            text-align: center;
            background: #181818;
        }
        .historyoftheeaglesdvd .pre-order:after,
        .historyoftheeaglesdvd .pre-order:before {
            position: absolute;
            top: 0; left: -100%;
            bottom: 0;
            z-index: 0; content: '';
            width: 100%;
            height: 100%;
            background: #181818;
        }
        .historyoftheeaglesdvd .pre-order:after { left: auto; right: -100%; }
        .historyoftheeaglesdvd .pre-order #logo { padding: 0 0 45px 0; }
        .historyoftheeaglesdvd .preorder-one-third {
            float: left;
            width: 33.3%;
            max-width: 320px;
            font: 100 22px/1.3em 'Trajan Pro', 'Times New Roman', 'Georgia', sans-serif;
            text-align: right;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
                    font-smoothing: antialiased;
        }
        .historyoftheeaglesdvd .preorder-one-third .content { background: url(//groundctrl.s3.amazonaws.com/clients/the_eagles/img/header-box-art.png) no-repeat center 55px; }
        .historyoftheeaglesdvd .preorder-one-third span { font-size: 20px; }
        .historyoftheeaglesdvd .preorder-one-third span:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }
        .historyoftheeaglesdvd .preorder-two-thirds {
            width: 66.6%;
            max-width: 640px;
            float: right;
        }
        .historyoftheeaglesdvd .preorder-two-thirds img {
            width: 100%;
            height: auto;
        }
        .historyoftheeaglesdvd .preorder-one-third .content,
        .historyoftheeaglesdvd .preorder-two-thirds .content {
            padding: 20px;
            min-height: 350px;
        }
        .historyoftheeaglesdvd .bottom.info {
            padding: 20px 10px;
            color: #fff;
            font: 100 24px/1.5em 'Trajan Pro', 'Times New Roman', 'Georgia', sans-serif;
            text-align: center;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
                    font-smoothing: antialiased;
        }



        /* Pre-Orders */
        #preorders {
            margin: 0 0 40px 0;
            padding: 0;
            overflow: hidden;
            background: #222;
        }
        #preorders .preorder {
            display: block;
            float: left;
            width: 50%;
        }
        #preorders .preorder .wrapper {
            padding: 20px;
            overflow: hidden;
        }
        #preorders .preorder .title {
            margin: 0 0 10px 0;
            font-size: 24px;
        }
        #preorders .wrapper .amazon { float: left; }
        #preorders .wrapper .itunes { float: right; }

        /* Packages */
        #packages { overflow: hidden; }
        #packages .package {
            display: block;
            float: left;
            width: 33%;
            overflow: hidden;
        }
        #packages .package .wrapper {
            padding: 20px 10px;
            overflow: hidden;
        }
        #packages .package .figure {
            margin: 0 0 20px 0;
            width: 100%;
            height: 212px;
            text-align: center;
        }
        #packages .package .title {
            margin: 0 0 10px 0;
            padding: 0 0 10px 0;
            font-size: 26px;
            text-align: center;
            border-bottom: 1px solid #688c99;
        }
        .package .contents ul {
            margin: 0 0 20px 0;
            padding: 0 0 0 20px;
            min-height: 170px;
        }
        .package .contents li {
            position: relative;
            display: block;
            padding: 0;
            color: #666;
            font-size: 14px;
            text-transform: uppercase;
        }
        .package .contents a { color: #666; }
        .package .contents li:before {
            position: absolute;
            top: 0.75em; left: -10px;
            content: '';
            width: 3px;
            height: 3px;
            background: #fff;
            -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
                    border-radius: 50%;
        }
        .package .footer a {
            display: block;
            margin: 0 0 10px 0;
            padding: 10px 0;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            background: #688c99;
        }



/* Global */

    /**
     * Pagination
     * ==========
     * 
    */

        /* Global */
        .pagination { padding: 20px 0 0 0; }
        .pagination .pages {
            padding: 20px 0;
            overflow: hidden;
            border-top: 1px solid #688c99;
        }
        .pagination .results, .pagination .title { display: none; }
        .pagination .pages ul {
            display: block;
            float: left;
            overflow: hidden;
        }
        .pagination .pages .forth { float: right; }
        .pagination .pages li {
            display: block;
            float: left;
            margin: 0 10px 0 0;
        }
        .pagination .forth li { margin: 0 0 0 10px;}
        .pagination .pages a,
        .pagination .pages .current {
            display: block;
            padding: 0 6px;
            color: #fff;
            font-size: 18px;
            line-height: 1em;
            text-transform: uppercase;
        }
        .pagination .pages a:hover { color: #688c99; }
        #events-page .pagination {
            position: absolute;
            bottom: -70px;
            width: 100%;
        }
        #events-page .header.soloDates { padding-top: 70px; }
        .listing.full.soloDates { margin-bottom: 80px; }



/**
 * Footer
 * ======
 * Global, Navigation, Logo, Mailing List, Copyright
*/

    /* Global */
    #footer {
        padding: 0;
        height: auto;
        font-size: 11px;
        background: #131313;
        border-top: 1px solid #688c99;
    }
    #footer .copyright * { font-size: 12px; }
    #footer .columns { overflow: hidden; }
    #footer .column {
        float: left;
        width: 30%;
        height: 155px;
        max-width: 260px;
    }
    #footer .column .wrapper {
        padding: 20px;
        overflow: hidden;
    }
    #footer .facebook {
        display: block;
        float: right;
        width: 33px;
        height: 33px;
        text-indent: -999em;
        background: url(../img/global/footer_facebook.png) left top no-repeat;
    }

    /* Navigation */
    #footer .site { text-align: center; }
    #footer .site li {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 1px;
    }
    #footer .site a {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
    }
    #footer .site .home,
    #footer .site .store,
    #footer .site .home-real { display: none; }

    /* Logo */
    #footer .columns > .nav {
        -webkit-box-shadow: inset -1px 0 0 #688c99;
           -moz-box-shadow: inset -1px 0 0 #688c99;
             -o-box-shadow: inset -1px 0 0 #688c99;
                box-shadow: inset -1px 0 0 #688c99;
    }
    #footer .logo {
        display: block;
        width: 226px;
        height: 49px;
        text-indent: -999em;
        background: url(../img/global/footer_logo.png) left top no-repeat;
    }
    #footer .logo a {
        display: block;
        width: 100%;
        height: 49px;
    }

    /* Mailing List */
    #footer .mailing-list{
        width: 40%;
        max-width: 450px;
    }
    .mailing-list .title{ 
        font-size: 25px;
        float: left;
    }
    #mailing-list {
        border: 1px solid #688c99;
        min-width: 270px;
        max-width: 350px;
        padding: 15px;
        background: #000;
    }
    #mailing-list input,
    #mailing-list select,
    #mailing-list button{
        width: 100%;
        display: block;
        border: 0;
        padding: 5px;
        margin: 0 0 10px;
        background: transparent;
        color: #fff;
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
           -moz-border-radius: 0px;
                border-radius: 0px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    #mailing-list .text,
    #mailing-list select {
        padding: 0 20px;
        height: 33px;
        color: #555;
        line-height: 26px;
        background: #252525;
        border: none;
    }
    #mailing-list .submit {
        padding: 0 20px;
        margin: 0;
        height: 33px;
        color: #fff;
        font-size: 13px;
        line-height: 26px;
        background: #000;
        border: 1px solid #688c99;
        text-align: left;
    }
    .mailing-list .wrapper:after{
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #mailing-list .gc-invalid-age .gc-validate-age,
    #mailing-list .gc-invalid-email .gc-validate-email {
        border: 1px solid #f00;
    }


    /* Copyright */
    #footer .copyright {
        color: #ccc;
        -webkit-box-shadow: inset  1px 0 0 #688c99;
           -moz-box-shadow: inset  1px 0 0 #688c99;
             -o-box-shadow: inset  1px 0 0 #688c99;
                box-shadow: inset  1px 0 0 #688c99;
    }
    #footer .copyright .wrapper { padding: 20px 0 20px 20px; }
    #footer .copyright .wat, #footer .copyright .coppa {
        display: block;
        padding: 0 0 5px 0;
        color: #ccc;
    }
    #footer .copyright .coppa {
        padding-top: 7px;
        line-height: 1.1em;
    }
    #footer .copyright .terms { padding: 0 5px; }
    #footer .copyright .terms:after,
    #footer .copyright .terms:before {
        position: relative;
        left: -3px;
        content: '|';
        color: #363636;
    }
    #footer .copyright .terms:after { left: auto; right: -3px; }
    #footer .poweredby a strong { font-weight: bold; }
    #footer .poweredby a, #footer .poweredby a strong { font-size: 11px; font-family: sans-serif; }
    #footer .poweredby img { margin-top: 15px; width: 209px; height: 19px; }


/**
 * Media Queries
 * =============
 * 1600, 960, Retina
*/

    /* 1600 Break */
    @media screen and (min-width: 1600px) {

        /* Media */
        body { background-size: 100% auto !important; }

    }

    /* 960 */
    @media screen and (max-width: 960px) {

        /* Backgrounds */
        body.news, body.events, body.media { background-position: center top; }

        /* Dashboard */
        #dashboard{display: none;}

        /* Header */
        .home #header, #header {
            position: relative;
            top: auto; left: auto;
            height: auto;
            padding-top: 1px;
            background: #131313;
        }
        #header .section { padding: 0; height: 100%; }
        #header .section .site {
            height: auto;
            padding-bottom: 60px;
            background: none;
            border: none;
        }
        #header .site li {
            display: block !important;
            margin: 0 !important;
            background: #020405;
        }
        #header .site li:hover { background-color: #131313; }
        #header .site li:hover a { color: #fff; }
        #header .site .nav-toggle {
            display: block;
            position: absolute;
            bottom: 0; right: 0;
            width: 60px;
            height: 60px;
            text-indent: -9999em;
            background: url(../img/global/nav-icon.png) center center no-repeat transparent !important;
        }
        #header .nav.site .drop{display: none;}

            /* Open/Close State */
            #header .site {
                margin-top: -260px;
                -webkit-transition: margin-top 500ms ease;
                   -moz-transition: margin-top 500ms ease;
                     -o-transition: margin-top 500ms ease;
                        transition: margin-top 500ms ease;
            }
            #header .nav-open { margin-top: 0; }

            /* Logo */
            #header .site .home {
                top: auto;
                bottom: 0; left: 0;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 60px;
                background-position: 12px center;
                background-size: auto 35px;
                -webkit-box-shadow: inset 0 1px 0 #2b3538;
                   -moz-box-shadow: inset 0 1px 0 #2b3538;
                     -o-box-shadow: inset 0 1px 0 #2b3538;
                        box-shadow: inset 0 1px 0 #2b3538;
            }
            #header .site .home a {
                display: block;
                width: 100%;
                height: 100%;
            }


        /* Containers */
        #dashboard .section, #page, #breadcrumbs, #footer .section { width: auto; }

            /* Content */
            img, embed, iframe, object { max-width: 100%; }

            /* Sections */
            .section { padding: 0 10px; }
            #main .section > .header { margin: 0 -10px 20px; }

            /* Breadcrumbs */
            #breadcrumbs { display: none; }

            /* Main */
            #main, #main.full { max-width: none; margin: 0 0 40px 0; }
            #main .section > .header {
                display: block;
                width: auto;
            }
            #main .section > .header .title {
                display: block;
                margin: 0 0 20px 0;
                float: none;
                text-align: center;
                border-left: none;
                border-right: none;
            }
            #main .section > .header .actions { text-align: center;}
            #main .section > .header .actions li {
                display: -moz-inline-stack;
                display: inline-block;
                zoom: 1;
                *display: inline;
            }
            #main .section > .header .actions a { line-height: 1em; }

            /* Sidebar */
            #aside {
                position: relative;
                top: -40px;
                margin: 0 auto 40px auto;
                float: none;
                clear: left;
                max-width: 90%;
            }
            #aside .section {
                margin: 0 auto 40px auto;
                padding: 20px 25px;
                background: rgb(0, 0, 0);
                background: rgba(0, 0, 0, 0.6);
                border: 1px solid #688c99;
            }
            #aside .section:first-of-type { border-top: 1px solid #688c99; }


        /* Pages*/

            /* Home */
            .home-section { padding: 0; }
            .home-section .wrapper { width: auto; }
            .home-section .recent-media { display: none; }

            /* Store */
            .store #aside, .store #main {
                width: 100%;
                max-width: 90%;
                margin: 0 auto !important;
                float: none;
            }

            /* Media */

                /* Listing */
                .listing.media, .releases .listing { text-align: center; }
                .listing.media .item, .releases .listing .item {
                    display: -moz-inline-stack;
                    display: inline-block;
                    zoom: 1;
                    *display: inline;
                    float: none;
                    vertical-align: top;
                }

                /* History of The Eagles */
                #packages .package {
                    clear: both;
                    float: none;
                    margin: 0 auto;
                    width: 100%;
                    max-width: 500px;
                }
                .package .contents ul, #packages .package .figure { height: auto; min-height: auto; }

            /* Releases */
            .releases #aside {
                top: auto;
                float: none;
                margin: 40px auto 0;
                max-width: 100%;
            }
            .releases #main .release .meta {
                padding: 10px;
                border: none;
            }

        /* Footer */
        #footer .columns .column {
            float: none;
            clear: both;
            margin: 0;
            width: auto;
            height: auto;
            overflow: hidden;
            max-width: 100%;
            text-align: center;
            -webkit-box-shadow: none;
               -moz-box-shadow: none;
                 -o-box-shadow: none;
                    box-shadow: none;
        }
        #footer .columns > .nav, #footer .columns > .mailing-list { display: none; }
        #footer .columns .column .wrapper { padding: 20px 0; }

    }

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

        .historyoftheeaglesdvd .pre-order { display: none; }

        body.media { background-image: none; }
        body.news, body.events { background-size: 300% auto;}

        /* Events */
        .events .full thead { display: none; }
        .events .full tr,
        .events .full td,
        .events .full tbody,
        .events .full table {
            display: block;
            text-align: center;
            width: 100% !important;
        }
        .events .full table td {
            padding: 10px 0 !important;
            border: none !important;
        }
        .events .full .tickets {
            text-align: center;
            border-bottom: 1px solid #688c99 !important;
        }
        .events .full .ticket {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            float: none;
        }

        /* Media */
        .listing.media .item, .releases .listing .item {
            margin: 0 0 20px 0;
            width: auto;
            height: auto;
            max-width: 100%;
        }
        .listing.media .item .figure, .releases .listing .item .figure {
            margin: 0 10px;
            width: auto;
            height: auto;
            max-height: 150%;
        }
        .listing.media .item .figure img, .releases .listing .item .figure img {
            min-width: 0px;
            min-height: 0px;
        }

            /* Detail */
            #main .section.asset > .footer { text-align: center; }
            .section.asset > .footer .GC_sharing { display: none; }
            #main .section.asset > .footer .actions {
                float: none;
                display: block;
                margin: 0 auto;
                width: 140px;
            }

        /* Store */
        body #main #GC { min-width: 0px; }
        #GC.GC_product{background-image: none;}
        #GC.GC_product .GC_product_description, 
        #GC.GC_product .GC_product_purchase{
            width: 98%;
            margin: 10px 1%;
        }
        #GC.GC_store table { font-size: 8px; }
        #GC button { 
            padding: 5px 15px; 
            margin-bottom: 2px;
        }
        #GC #GC_checkout_progress li {
            padding: 5px 4% 5px 2%;
            display: block;
            text-align: center;
        }
        #GC fieldset ul { padding-top: 90px; }
        #GC .input label, #GC .select label, #GC .captcha label, #GC .text label {
            float: none;
            text-align: left;
        }
        #GC .GC_address, #GC .GC_payment {
            width: 93%;
            float: none;
        }
        #GC input[type='text'], #GC input[type='password'], #GC input[type='email'], #GC input[type='tel'], #GC input[type='date'], #GC textarea, .ui-dialog textarea { width: 93%; }
        #GC .GC_shipping .GC_same_as_billing { left: 0; }
        #GC .actions li, #GC .actions .prev {
            display: block;
            float: none;
            margin-bottom: 2px;
        }
        #GC.GC_engine { width: 90%; }
        .store #aside { margin: 50px 0 !important; }

        /* Footer */
        #footer .copyright .coppa { padding: 10px 40px; }

    }

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

        /* Store */
        
            /* Featured Listing */
            .store #main .featured.products .listing .item{
                width: 100%;
                margin: 0 0 2% 0;
            }

            /* Regular Listing */
            .store #main .shop { padding: 0; }
            .store #main .shop .listing .item,
            .store #main .category.products .listing .item{
                width: 49%;
                margin: 0 1% 1% 0 !important;
            }

            /* Product Detail */
            #GC.GC_product{background-image: none;}
            #GC.GC_product .GC_product_description, 
            #GC.GC_product .GC_product_purchase{
                width: 98%;
                margin: 10px 1%;
            }

    }

    /* Retina */
    @media (-webkit-min-device-pixel-ratio: 2) {

        #header .site .nav-toggle {
            background-image: url(../img/global/nav-icon@2x.png);
            background-size: 35px;
        }

        .home .css-next, .home .css-prev,
        .section.asset .prev a, .section.asset .prev span,
        .section.asset .next a, .section.asset .next span {
            background-image: url(../img/global/arrows@2x.png);
            background-size: auto 48px;
        }

    }