/*!                                 _  __    _        ___
 *   __ _ _ __ ___  _   _ _ __   __| |/ /___| |_ _ __| \ \
 *  / _  |  __/ _ \| | | |  _ \ / _  | |/ __| __|  __| || |
 * | (_| | | | (_) | |_| | | | | (_| | | (__| |_| |  | || |
 *  \__. |_|  \___/ \__._|_| |_|\__._| |\___|\__|_|  |_|| |
 *  |___/                             \_\              /_/
*/

@import url(../fonts/icons.css);
@import url(../fonts/style.css);

    /* Reset */
    html { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    p { padding: 0 0 1em 0; }
    i, em { font-style: italic; }
    b, strong { font-weight: 700; }
    dl, ol, ul { margin: 0; padding: 0; }
    table { margin: 0; padding: 0; }
    a, a:active { color: #000; text-decoration: none; -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; -o-transition: color 250ms ease; transition: color 250ms ease; } a:hover { color: #C00; }
    body, h1, h2, h3, h4, h5, h6, th, dt, p, li, td, dd, address, input, textarea, .vcard, #dashboard, #breadcrumbs, legend { color: #252525; font: 400 16px/1.66 "Gotham SSm A", "Gotham SSm B", sans-serif; }
    h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.2; }
    h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1em; } h5 { font-size: .83em; } h6 { font-size: .75em; }
    .hide-on-mobile, #breadcrumbs, .rss, .pagination, .header .actions, #dashboard, #breadcrumbs .here { display: none; }
    .show-on-mobile { display: none !important; }
    #GC { margin: 0 auto; max-width: 1200px; }
    input, textarea { border: 1px solid #f3f3f3; background: #fbfbfb; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
    #GC .recaptcha_input_area { width: auto !important; height: auto !important; }
    *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .clearfix:after, .news .item:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
    .clearfix, .news .item { display: inline-block; }
    html[xmlns] .clearfix, html[xmlns] .news .item { display: block; }
    * html .clearfix, * html .news .item { height: 1%; }


/**
 * General
 * =======
 * Grid, Header, Nav, Pagination, Slider
*/

    /* Grid */
    #dashboard .section, #page, #breadcrumbs, #header .section, #footer .section, .wrap {
        margin: 0 auto;
        max-width: 1140px;
        width: 100%;
    }
    #main, #main.full, .main.full, #aside {
        float: none;
        margin: 0 auto;
        max-width: 1140px;
        width: 100%;
    }
    #page, #aside.full { max-width: none; }
    #page {
        min-height: calc(100vh - 540px);
    }

    .cms-content {
        max-width: 1140px;
        margin: 0 auto;
        width: 100%;
        padding: 15px;
    }


    /* Pagination/Infinite Scroll */
    .infinite-scroll {
        display: block;
        clear: both;
        margin: 80px auto 0 auto;
        padding: 60px 0 0 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        background: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/global/loading.gif) no-repeat center top;
    }
    .infinite-scroll:hover {
        text-decoration: none;
        cursor: auto;
    }
    .infinite-scroll.disabled {
        margin: 0;
        padding: 0;
        background: none;
    }

    /* Slider */
    .stupid-slider {
        position: relative;
        overflow: hidden;
    }
    .stupid-slider .slide {
        position: absolute;
        top: 0; left: 100%;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        background-position: center 25%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: left 500ms ease;
           -moz-transition: left 500ms ease;
             -o-transition: left 500ms ease;
                transition: left 500ms ease;
    }
    .stupid-controls .active { color: red; }
    .stupid-slider .slide a {
        width: 100%;
        height: 100%;
        display: block;
    }
    .stupid-slider.no-transition .slide {
        -webkit-transition: none;
           -moz-transition: none;
             -o-transition: none;
                transition: none;
    }
    .stupid-slider .slide.old { left: -100%; }
    .stupid-slider .slide.visible { left: 0; z-index: 10; }
    .stupid-slider .slide.next { left: 100%; }


/**
 * Header
 * =======
 * Head, Social, Nav, Small Nav
*/

    /* Head */
    #header {
        position: relative;
        z-index: 999;
        height: 245px;
        border-bottom: 1px solid #BDBDBD;
        background-color: #000;
    }
    #header .client {
        position: absolute;
        top: 103px;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 800px;
        width: 90%;
        height: 47px;
        background: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/global/logo.png) no-repeat center top;
        background-size: contain;
        cursor: pointer;
    }
    #header .icon-list { display: none; }

        /* Social */
        .newsletter { float: left; }
        #mce-EMAIL, #mc-embedded-subscribe {
            text-transform: uppercase;
            letter-spacing: 0.03em;
            font-size: 11px;
            border: 0;
            box-shadow: none;
        }
        #mce-EMAIL {
            display: inline-block;
            width: 220px;
            height: 22px;
            border-bottom: 1px solid #adadad;
            background: #fff;
        }
        #mc-embedded-subscribe {
            padding: 5px 10px 3px 10px;
            color: #fff;
            background: #c00;
            cursor: pointer;
        }

        .socials {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9;
            padding: 8px 0;
            width: 100%;
            border-bottom: 1px solid #ccc;
            background: #fff;
        }
        .socials .follow {
            float: right;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-size: 10px;
        }
        .follow span {
            line-height: 2;
            cursor: pointer;
        }
        .follow ul {
            display: inline;
            opacity: 0;
            -webkit-transition: opacity 250ms linear;
               -moz-transition: opacity 250ms linear;
                 -o-transition: opacity 250ms linear;
                    transition: opacity 250ms linear;
        }
        .follow li {
            display: inline-block;
            padding: 0 4px;
        }
        #header .follow a { color: #666; }
        #header .follow a:hover { color: #c00; }
        .socials .follow.hover-active ul { opacity: 1; }

        /* Community Feed */
        #header .community-feed .section { position: relative; }
        .community-feed {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 28px;
            letter-spacing: 0.03em;
            font-size: 10px;
            border-top: 2px solid #fff;
            background: #e4e4e4;
        }
        .community-feed .join {
            position: relative;
            z-index: 9;
            display: inline-block;
            margin: 2px 28px 0 0;
            padding: 0 59px;
            height: 22px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-weight: 500;
            line-height: 22px;
            background: #c89841;
        }
        .community-feed .news-rotation {
            display: inline-block;
            text-transform: uppercase;
            font-size: 11px;
        }
        .news-rotation .stupid-slider {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            margin: 0 auto;
            min-height: 24px;
            max-width: 1140px;
            width: 100%;
            height: 100%;
            line-height: 26px;
        }
        .news-rotation .slide {
            margin-left: 285px;
            text-align: left;
        }
        .news-rotation.logged-in .slide { margin-left: 0; }
        .news-rotation .slide {
            -webkit-transition: opacity 750ms ease;
               -moz-transition: opacity 750ms ease;
                 -o-transition: opacity 750ms ease;
                    transition: opacity 750ms ease;
        }
        .news-rotation .slide { opacity: 0; }
        .news-rotation .slide.visible { opacity: 1; }

        /* Audio Player */
        .ie9 .audio-player { display: none; }
        .audio-player {
            position: absolute;
            top: 50px;
            right: 50%;
            overflow: hidden;
            margin-right: -570px;
            height: 20px;
            cursor: pointer;
            -webkit-transition: opacity 250ms ease;
               -moz-transition: opacity 250ms ease;
                 -o-transition: opacity 250ms ease;
                    transition: opacity 250ms ease;
        }
        .audio-player li {
            display: inline-block;
            color: #fff;
            font-size: 17px;
        }
        .audio-player li:hover { opacity: 0.5; }
        #player-output {
            position: relative;
            top: -3px;
            font-size: 11px;
        }
        #player-output:hover {
            opacity: 1;
            cursor: auto;
        }

    /* Nav */
    #header .nav {
        position: absolute;
        bottom: 12px;
        margin: 0 auto;
        max-width: 1140px;
        width: 100%;
        text-align: justify;
        -webkit-transition: width 250ms ease;
           -moz-transition: width 250ms ease;
             -o-transition: width 250ms ease;
                transition: width 250ms ease;
    }
    #header .nav:after {
        display: inline-block;
        width: 100%;
        content: "";
    }
    #header .nav li { display: inline-block; }
    #header .nav a, #footer .nav-wrap a {
        color: #666;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: 700;
        font-size: 13px;
        -webkit-transition: color 300ms ease;
           -moz-transition: color 300ms ease;
             -o-transition: color 300ms ease;
                transition: color 300ms ease;
    }
    #header .nav .community-nav a { color: #c89841; }
    #header .nav a:hover, #footer .nav-wrap a:hover, #header .nav .selected a { color: #fff; }

        /* Dropdowns */
        #header .nav li.no-drop-down { display: none; }
        #drop-down { position: relative; }
        #drop-down ul {
            position: absolute;
            top: 30px;
            right: 0;
            z-index: 99;
            overflow: hidden;
            max-height: 0;
            width: 210px;
            background: #1a1a1a;
            -webkit-transition: max-height 300ms ease;
               -moz-transition: max-height 300ms ease;
                 -o-transition: max-height 300ms ease;
                    transition: max-height 300ms ease;
        }
        .drop-down-open #drop-down ul { max-height: 410px; }
        #drop-down li, #drop-down a {
            display: block;
            width: 100%;
            color: #666;
        }


        /* Small Nav */
        .small-nav #page { padding-top: 245px; }
        .small-nav #header {
            position: fixed;
            top: 0;
            width: 100%;
            height: 138px;
        }
        .small-nav #header .client {
            position: relative;
            top: 70px;
            left: 50%;
            float: left;
            margin-left: -570px;
            width: 300px;
            -webkit-animation: fade-in 600ms 1;
               -moz-animation: fade-in 600ms 1;
                 -o-animation: fade-in 600ms 1;
                    animation: fade-in 600ms 1;
        }
        .small-nav #header .nav {
            position: relative;
            top: 68px;
            float: right;
            width: 64%;
            -webkit-transition: width 250ms ease;
               -moz-transition: width 250ms ease;
                 -o-transition: width 250ms ease;
                    transition: width 250ms ease;
        }
        .small-nav .socials { position: absolute; }
        @-webkit-keyframes fade-in {
            0%   { opacity: 0; }
            30%  { opacity: 0; }
            100% { opacity: 1; }
        }
        @-moz-keyframes fade-in {
            0%   { opacity: 0; }
            30%  { opacity: 0; }
            100% { opacity: 1; }
        }
        @-o-keyframes fade-in {
            0%   { opacity: 0; }
            30%  { opacity: 0; }
            100% { opacity: 1; }
        }
        @keyframes fade-in {
            0%   { opacity: 0; }
            30%  { opacity: 0; }
            100% { opacity: 1; }
        }


/**
 * Home
 * =======
 * Grid, Feature, Home Slider, Footer
*/

    /* Grid */
    .home #main.full {
        padding: 0 15px;
        max-width: 1500px;
    }
    .home #aside { background: #000; }
    .home-slider { height: 520px; }

    /* Feature */
    .home-feature .title {
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 62px;
    }
    .home-feature .figure, .home-feature .figure img { width: 100%; }
    .home-feature .more {
        display: block;
        padding: 12px 20px;
        text-align: right;
        text-transform: uppercase;
        font-size: 14px;
    }

    /* Home Callouts */
    .home-callouts .releases .item .title {
        position: relative;
        right: 0;
        bottom: 0;
        padding: 0;
        max-width: 100%;
        border-bottom: 0;
        background: red;
    }


/**
 * News
 * =======
 * Listing, Detail, Popular, Comments
*/

    /* Listing */
    .news.all > .header, .news.story .author, .news .footer .time, .news #aside { display: none; }

    .news .item {
        padding: 20px 0 28px 0;
        border-bottom: 1px solid #e9e9e9;
    }
    .news .item .header, .news .item .content, .news .item .footer {
        position: relative;
        float: right;
        width: 66%;
    }
    .news .item .figure {
        float: left;
        width: 32%;
    }
    .news .title {
        overflow: hidden;
        padding-top: 8px;
        text-transform: uppercase;
        font-size: 35px;
    }
    .news .header .meta {
        margin-top: 15px;
        font-size: 13px;
    }
    .news .excerpt { font-size: 13px; }
    .news .item .footer {
        margin-top: 40px;
        text-transform: uppercase;
    }
    .section.news .article > .footer .nav.actions > .readmore { float: none; }
    .news .item .actions li {
        position: relative;
        display: inline-block;
        letter-spacing: 0.1em;
        font-size: 12px;
    }
    .news .item .actions .comments:before, .news .item .actions .comments:after {
        display: inline-block;
        padding: 0 5px;
        width: 20px;
        content: "|";
    }
    .news .item .GC_sharing {
        position: absolute;
        top: -10px;
        left: 100%;
        padding-left: 10px;
        width: 200px;
        height: 35px;
        opacity: 0;
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .sharing.hover-active .GC_sharing { opacity: 1; }
    .GC_sharing > span.twitter, .GC_sharing > span.facebook { width: 80px; }
    .GC_sharing > span.google { width: 60px; }
    .GC_sharing li { display: inline-block; }
    .GC_sharing a {
        font-size: 24px;
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .GC_sharing a:hover { opacity: 0.8; }
    .GC_sharing .wu-social-facebook { color: #54689f; }
    .GC_sharing .wu-social-twitter { color: #52ACFF; }
    .GC_sharing .wu-social-google-plus { color: #DD4B39; }
    .GC_sharing .wu-social-pinterest { color: #CC0000; }
    .GC_sharing .wu-social-mail { color: #c89841; }
    .GC_sharing .wu-social-myspace { color: #00349A; }

    /* Detail */
    .news-story { border-bottom: 1px solid #efeeed; }
    .news-story .header {
        margin: 0 auto;
        padding: 20px 0;
        max-width: 1140px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
    }
    .news-story .header .meta {
        float: left;
        margin: 0;
    }
    .news-story .header .back-button { float: right; }
    .news.story .figure {
        margin-bottom: 20px;
        text-align: center;
    }
    .news.story p { font-size: 13px; }
    .news.story .content a, .comments .content a { text-decoration: underline; }
    .news.story .footer { margin-top: 110px; }
    .news.story .meta {
        position: relative;
        top: -5px;
    }
    .news.story .GC_sharing, .news.story .meta { display: inline-block; }
    .news.story .meta a { padding: 3px 0; }
    .news.story .comments {
        text-transform: uppercase;
        font-size: 13px;
    }

    /* Popular */
    .news.popular .content, .news.popular .footer, .news.popular .meta { display: none; }
    .news.popular {
        padding-bottom: 60px;
        min-height: 380px;
        border-bottom: 1px solid #ccc;
    }
    .news.popular .item {
        float: left;
        padding: 30px 15px;
        min-height: 275px;
        width: 25%;
        border: 1px solid #efeeed;
        border-left-width: 0;
        cursor: pointer;
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .news.popular .listing:hover .item {
        opacity: 0.5;
    }
    .news.popular .listing .item:hover { opacity: 1; }
    .news.popular .item:first-child { border-left-width: 1px; }
    .news.popular .title {
        margin-top: 65px;
        padding: 15px 0;
        font-size: 13px;
        border-top: 1px solid #ccc;
    }
    .news.popular .article {
        position: relative;
        padding-top: 50%;
    }
    .news.popular .item .header {
        float: none;
        width: 100%;
    }
    .news.popular .item .title {
        margin-top: 40px;
        padding: 0;
        font-size: 13px;
        border: 0;
    }
    .news.popular .figure {
        position: absolute;
        top: 0;
        float: none;
        overflow: hidden;
        padding: 0 15px 50% 15px;
        width: 100%;
        height: 0;
    }

    /* Comments */
    .news .comments .item .header, .news .comments .item .content, .news .comments .item .footer {
        float: none;
        width: 100%;
    }


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

    /* Listing */
    .artist.listing, .releases > .header, .listing .artist, .listing .publisher, .releases .item .details { display: none; }

    .releases #main, .filmandtv #main { max-width: none; }
    .releases .item {
        position: relative;
        float: left;
        overflow: hidden;
        padding-bottom: 25%;
        width: 25%;
        height: 0;
        cursor: pointer;
    }
    .releases.film-tv .item { padding-bottom: 36%; }
    .releases .item a { color: #fff; }
    .releases .figure {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .releases .figure a, .releases .figure > span {
        display: block;
        width: 100%;
        height: 100%;
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .releases .item .header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .releases .item:hover .header, .releases .item:hover .content { opacity: 0.8; }
    .releases .item .title {
        display: inline-block;
        padding: 32% 0 12px 20px;
        max-width: 95%;
        border-bottom: 1px solid #fff;
    }
    .releases .more {
        position: absolute;
        right: 0;
        bottom: 0;
        display: inline-block;
        padding: 3px 13px;
        text-align: right;
        background: rgba(143,0,0,1);
    }
    .releases .item .title a, .releases .item .title span, .releases .more a {
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 700;
        font-size: 14px;
    }
    .releases .more a, .releases .more > span { font-size: 11px; }

    /* Detail */
    .release #main {
        z-index: 0;
        float: left;
        margin-bottom: 80px;
        width: 67%;
    }
    .release #aside {
        float: right;
        margin-bottom: 80px;
        padding-left: 30px;
        width: 33%;
    }
    .release-detail .cover {
        margin-bottom: 18px;
        max-height: 380px;
        background: #efeeed;
        background-position: center right;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .fluid-width-video-wrapper {
        position: relative;
        z-index: 0;
    }

        /* Releases Backgrounds */
        .page-chris_cornell_scream .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/chriscornellmarquee3.jpg); }
        .page-duran_duran_red_carpet_massacre .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/duran-duran-marquee.jpg); }
        .page-reba_mcentire_duets .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/reba-marquee.jpg); }
        .page-talib_kweli_eardrum .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/talib-kweli-marquee.jpg); }
        .page-timbaland_presents_shock_value .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/timbaland-marquee.jpg); }
        .page-macy_gray_big .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/macy-gray-marquee.jpg); }
        .page-black_eyed_peas_monkey_business .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/black-eyed-pease-marquee.jpg); }
        .page-the_black_eyed_peas_elephunk .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/where-is-the-love-marquee.jpg); }
        .page-nelly_work_it .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/nelly-marquee.jpg); }
        .page-the_20_20_experience_2_of_2 .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/2020.jpg); }
        .page-the_20_20_experience .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/jt-musicmarquee.jpg); }
        .page-futuresex_lovesounds .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/futuresexmarquee2-1199x360.jpg); }
        .page-futuresex_lovesounds_deluxe_edition .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/futuresexmarquee2-1199x360.jpg); }
        .page-the_lonely_island_3_way_the_golden_rule .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/2-30-am-marquee2.jpg); }
        .page-the_lonely_island_motherlover .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/2-30-am-marquee.jpg); }
        .page-esmee_denters_outta_here .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/esmee-marquee.jpg); }
        .page-sheryl_crow_100_miles_from_memphis .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/sheryl-crow1.jpg); }
        .page-jaime_foxx_winner .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/jaime-foxx-marquee3.jpg); }
        .page-rihanna_rated_r .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/rihanna-marquee.jpg); }
        .page-leona_lewis_echo .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/leona-lewis-marquee.jpg); }
        .page-ciara_fantasy_ride .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/ciara-marquee2.jpg); }
        .page-keri_hilson_in_a_perfect_world .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/keri-hilson-marquee-2.jpg); }
        .page-justified .cover { background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/releases/justifiedmarquee.jpg); }

    .release-detail.head .header {
        padding: 20px 0;
        text-transform: uppercase;
        border-bottom: 1px solid #efeeed;
    }
    .release-detail.head .title, .release-detail.head .back {
        display: inline-block;
        padding: 0;
        font-weight: 500;
        font-size: 13px;
    }
    .release-detail.head .back {
        float: right;
        line-height: 26px;
    }
    #page .release-detail img {
        padding: 15px 0;
        max-height: 380px;
        width: auto;
        height: auto;
    }
    .release-detail tr { border-bottom: 1px solid #efeeed; }
    .release-detail td {
        padding: 11px 0;
        font-weight: 300;
        font-size: 14px;
    }
    .release-detail .preview { width: 40px; }
    .release-detail .trackno {
        padding-right: 5px;
        width: 50px;
        text-align: right;
    }
    .release-detail .buy-track {
        text-transform: uppercase;
        font-size: 11px;
    }
    .release-detail td.title { font-weight: 500; }
    .release-detail .show_lyrics { font-weight: 300; }
    .release-detail .buy {
        position: relative;
        display: block;
        font-weight: 500;
        font-size: 14px;
    }
    .release-detail .buy .listing {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height 1000ms ease;
           -moz-transition: max-height 1000ms ease;
             -o-transition: max-height 1000ms ease;
                transition: max-height 1000ms ease;
    }
    .release-detail .buy .listing li { font-size: 12px; }
    .release-detail .buy.hover-active .listing { max-height: 100px; }
    .release-detail .buy .icon-play { display: inline-block; }
    .release-detail .buy.hover-active .icon-play {
        -webkit-transform: rotate(90deg);
           -moz-transform: rotate(90deg);
             -o-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .release-detail .meta {
        margin: 15px 0;
        padding: 15px 0 0 0;
        color: #666;
        border: 1px solid #efeeed;
        border-right: 0;
        border-left: 0;
    }
    .release-detail .meta li {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        font-size: 13px;
        border-bottom: 1px solid #efeeed;
    }
    .release-detail .meta li:last-child {
        margin: 0;
        border: 0;
    }
    .release-detail .meta span { font-weight: 800; }
    .title .play, .sm2_paused, .sm2_playing, .sm2_link, .sm2_paused:hover, .sm2_playing:hover, .sm2_link:hover { color: transparent; }
    .title .play:before, .sm2_paused:before, .sm2_playing:before, .sm2_link:before { color: #3e4550; }
    .title .play:hover { text-shadow: none; }


/**
 * Film & TV
 * ====================
 * Listing, Detail
*/

    /* Listing */
    .film-tv .item .header { z-index: 1; }
    .film-tv .item .title { padding: 20% 0 12px 20px; }
    .film-tv .item .title a, .film-tv .item .title span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 20px;
    }
    .film-tv .item .content { padding: 32% 20px 12px 20px; }
    .film-tv .item .content p {
        padding: 5px 0 0 0;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.3;
    }
    /* Detail */
    .video-detail .cover { background: none; }
    .video-detail .release .title {
        text-transform: uppercase;
        font-size: 40px;
    }


/**
 * Events
 * =======
 * Listing, Detail
*/

    /* Listing */
    .events > .header, .events thead, .events > .footer, .events .events > .header .title, .page-events .header .actions li:first-child, .page-past .header .actions li:last-child { display: none; }
    .events .events > .header, .events .events > .header .actions, .page-past .header .actions li:first-child { display: block; }
    .events .header .actions { margin-top: 55px; }
    .events .listing a:hover { color: #252525; }
    .events .tickets a, .events .tickets span {
        width: auto;
        height: auto;
        text-indent: 0;
        background: none;
    }
    .events .listing { margin-bottom: 55px; }
    .events .listing tr {
        text-transform: uppercase;
        border-bottom: 1px solid #efeeed;
        cursor: pointer;
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .events .listing:hover tr { opacity: 0.5; }
    .events .listing tr:hover { opacity: 1; }
    .events .listing td {
        padding: 20px 5px;
        vertical-align: middle;
        font-size: 14px;
    }
    .events .listing .date {
        padding-left: 15px;
        width: 110px;
        color: #c00;
    }
    .events .listing .venue a, .events .listing .location span, .events .listing .date span { font-weight: 700; }
    .events .listing td.tickets { border-left: 1px solid #efeeed; }
    .events .listing .tickets a, .events .listing .tickets span, .events .listing .soldout {
        display: block;
        margin: 4px 15px;
        padding: 3px 0;
        min-width: 200px;
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 10px;
        background: #333;
        -webkit-transition: background 250ms ease;
           -moz-transition: background 250ms ease;
             -o-transition: background 250ms ease;
                transition: background 250ms ease;
    }
    .events .listing .tickets.na span, .events .listing .soldout {
        background: #e4e4e4;
        cursor: not-allowed;
    }
    .events .listing .tickets a:hover, .events .listing .soldout { background: #c00; }

    /* Detail */
    .detail .events #container {
        margin: 0 auto;
        max-width: 1140px;
    }
    .detail .events #main {
        float: left;
        width: 65%;
    }
    .detail .events #aside {
        float: right;
        width: 33%;
    }
    .event .title, .signups .title, .map .title {
        padding: 30px 0 20px;
        text-transform: uppercase;
        font-size: 40px;
    }
    .events #unified .title, .signups .title, .map .title { font-size: 30px; }
    .info dt { display: none; }
    .info dd, .signups .viewall, .signups .note {
        display: inline-block;
        padding: 15px 0 0 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 12px;
    }
    .info dd { display: block; }
    .events .comments.add, .events .comment.add {
        margin-top: 75px;
        padding-top: 25px;
        border-top: 1px solid #efeeed;
    }
    .signups button {
        padding: 10px 20px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: 13px;
        border: 0;
        background: #c00;
        cursor: pointer;
    }
    .signups button:hover { opacity: 0.8; }


/**
 * Media
 * =========
 * Listing
*/

    /* Listing */
    .video.feature > .header, .video.feature > .footer, .gallery > .footer, .featured > .header { display: none; }
    .media .header .title, .gallery .header .actions { display: inline-block; }
    .media #main { max-width: none; }
    .video.feature, .featured .details {
        margin: 0 auto 5px auto;
        max-width: 1140px;
        text-align: center;
    }
    .gallery > .header {
        padding: 12px 15px;
        border: 1px solid #efeeed;
        border-right: 0;
        border-left: 0;
    }
    .gallery > .header .title, .gallery > .header .actions {
        padding: 0;
        text-transform: uppercase;
    }
    .gallery > .header .title { font-size: 14px; }
    .gallery > .header .actions { float: right; }
    .gallery > .header li {
        letter-spacing: 0.03em;
        font-size: 12px;
        line-height: 26px;
    }
    .listing.media .item {
        position: relative;
        float: left;
        overflow: hidden;
        padding-bottom: 25%;
        width: 25%;
        height: 0;
        cursor: pointer;
    }
    .listing.media .item a { color: #fff; }
    .listing.media .figure {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .listing.media .figure a {
        display: block;
        width: 100%;
        height: 100%;
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .listing.media .item .header, .listing.media .item .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .listing.media .item:hover .header, .listing.media .item:hover .content { opacity: 0.8; }
    .listing.media .item .title {
        display: inline-block;
        padding: 32% 0 12px 20px;
        max-width: 95%;
        border-bottom: 1px solid #fff;
    }
    .listing.media .meta {
        position: absolute;
        right: 0;
        bottom: 0;
        display: inline-block;
        padding: 7px 13px;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-weight: 700;
        font-size: 11px;
        background: rgba(143,0,0,1);
    }
    .listing.media .item .title a, .listing.media .item .title span, .listing.media .meta a {
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 700;
        font-size: 14px;
    }
    .listing.media .meta a { font-size: 11px; }

    /* Detail */
    .media .actions img { display: none; }
    .media .actions li { display: inline-block; }
    .media .asset {
        margin: 0 auto;
        max-width: 1140px;
    }
    .media .asset .header, .media .asset .content { padding: 40px 0 20px; }
    .media .asset .title { text-transform: uppercase; }
    .media .asset .figure {
        margin-bottom: 35px;
        text-align: center;
    }
    .asset .footer .nav li { padding-right: 15px; }
    .asset .footer .nav a, .asset .footer .nav span {
        display: inline-block;
        padding-top: 10px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 12px;
    }
    .asset .footer li > span { opacity: 0.6; }


/**
 * Store
 * =======
 * Structure, Header, Feature, Listing, Sidebar, Categories
*/

    /* Structure */
    .store #container {
        float: none;
        margin: 0 auto 150px auto;
        max-width: 1000px;
        width: 100%;
    }
    .store #main {
        float: left;
        margin: 0;
        width: 70%;
    }
    .store #aside {
        float: left;
        margin: 0;
        width: 30%;
    }
    .store #main > .section { padding: 0 15px !important; }
    .store #main > .header,
    .store #main > .section > .header {
        padding: 15px;
    }
    .store #main .featured {
        clear: left;
        margin-bottom: 25px;
        padding: 40px 0 0 0;
        border: 0;
    }
    .store #main .shop .listing .item,
    .store #main .featured .listing .item,
    .store #main .category.products .listing .item {
        margin: 0 2% 2% 0;
        height: auto !important;
        border: 0;
    }
    .store #main .shop .listing .item > .product,
    .store #main .featured .listing .item > .product,
    .store #main .category.products .listing .item > .product {
        border: 4px solid #7e354d;
    }
    .store #main .shop .listing .item .figure,
    .store #main .featured .listing .item .figure,
    .store #main .category.products .listing .item .figure {
        overflow: hidden;
        padding-bottom: 100%;
        min-width: 0;
        max-width: 100%;
        width: 100%;
        height: 0;
    }
    .store #main .listing .item a,
    .store #main .listing .item a span,
    .store #main .listing .item a span span {
        padding: 0;
    }
    .store #main .shop .listing .item .content,
    .store #main .featured .listing .item .content,
    .store #main .category.products .listing .item .content,
    .store #main .shop .listing .item:hover .content,
    .store #main .featured .listing .item:hover .content,
    .store #main .category.products .listing .item:hover .content {
        top: auto;
        bottom: 0;
        overflow: visible;
    }
    .store #main .shop .listing .item .product-details,
    .store #main .featured .listing .item .product-details,
    .store #main .category.products .listing .item .product-details {
        overflow: hidden;
        max-height: 0;
        width: 100%;
        -webkit-transition: max-height 0.3s ease;
           -moz-transition: max-height 0.3s ease;
            -ms-transition: max-height 0.3s ease;
             -o-transition: max-height 0.3s ease;
                transition: max-height 0.3s ease;
    }
    .store #main .shop .listing .item:hover .product-details,
    .store #main .featured .listing .item:hover .product-details,
    .store #main .category.products .listing .item:hover .product-details {
        max-height: 100px;
    }
    .store #main .shop .listing .item .product-container,
    .store #main .featured .listing .item .product-container,
    .store #main .category.products .listing .item .product-container {
        padding: 0;
        width: 100%;
    }
    .store #main .shop .listing .item .product-container > a,
    .store #main .featured .listing .item .product-container > a,
    .store #main .category.products .listing .item .product-container > a {
        display: block;
        padding: 10px;
    }
    .store .product .figure img,
    .store #main .featured .listing .item .figure img {
        min-width: 0;
    }

    /* Header */
    .store h1.title {
        margin: 40px 0 20px 0;
        text-align: left;
        font-size: 30px;
    }

    /* Featured Listing */
    .store #main .featured .listing .item { width: 49%; }
    .store #main .featured .listing .item.second { margin: 0 0 2% 0; }
    .store #main > .featured .flag { margin: 0; }

    /* Regular Listing */
    .store #main .shop .listing .item,
    .store #main .category.products .listing .item {
        width: 32%;
    }
    .store #main .shop .listing .item.third,
    .store #main .category.products .listing .item.third {
        margin: 0 0 2% 0;
    }
    .store .button {
        border: 0;
        border-radius: 0;
    }

    /* Sidebar */
    .store #aside #GC.store.header { margin: 65px 15px 15px 15px; }

        /* Categories */
        .store #aside .listing .item {
            margin: 0;
            padding: 0;
            border: 1px solid #ededed;
        }
        .store #aside .listing .item + .item { border-top: none; }
        .store #aside .listing .item span,
        .store #aside .listing .item a {
            display: block;
            padding: 10px;
            font-weight: 400;
        }
        .store #aside .listing .item a:hover { background: #fafafa; }
        .store #aside .categories > .header { display: none; }


/**
 * Account Center
 * ==============
 * Structure, Header, Sidebar, Tables, Pagination
*/

    /* Structure */
    .account #container { padding-bottom: 150px; }
    #GC.GC_account { padding: 0; }
    #GC.GC_account .GC_panes { margin: 0; }
    #GC.GC_account .GC_panes > .GC_view {
        float: none;
        overflow: hidden;
        border: none;
    }
    #GC.GC_account #toolbar ul li, #GC.GC_account #toolbar ul li.selected, #GC.GC_account #toolbar ul li:hover {
        margin: 0;
        border: none;
        border-left: 1px solid #dcdcdc;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    #GC.GC_account .GC_panes { padding: 0 10px; }

    /* Header */
    #GC.GC_account > .GC_header { border-bottom: 1px solid #dcdcdc; }
    #GC.GC_account > .GC_header h1 {
        margin: 0;
        padding: 15px;
        line-height: 1;
    }

    /* Sidebar */
    #GC.GC_account .GC_panes .GC_navigation ul li,
    #GC.GC_account .GC_panes .GC_navigation ul li:hover,
    #GC.GC_account .GC_panes .GC_navigation ul li.selected {
        margin: 0;
        padding: 4px 0;
        -webkit-border-radius: 0px;
           -moz-border-radius: 0px;
                border-radius: 0px;
    }
    #GC.GC_account .GC_panes .GC_navigation ul li:hover,
    #GC.GC_account .GC_panes .GC_navigation ul li.selected { background: #fafafa; }

    /* Avatar */
    #GC.GC_account .GC_panes .GC_navigation ul li.email {
        margin: 0;
        padding: 0;
        border-top: none;
    }
    #GC.GC_account .GC_panes .GC_navigation ul li.email a.pic {
        margin: 0;
        padding: 0;
        width: 200px;
        height: 200px;
    }
    #GC.GC_account .GC_panes .GC_navigation ul li.email img {
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    #GC.GC_account .GC_panes .GC_navigation ul li.email .username {
        margin: 0;
        padding: 10px;
        text-align: left;
    }

    /* Tables */
    #GC.GC_account table { padding: 0; }
    #GC.GC_account table td, #GC.GC_account table th { padding: 10px; }
    #GC.GC_account table .options { width: 10px; }
    #GC.GC_account table .avatar {
        overflow: hidden;
        height: 50px;
    }

    /* Pagination */
    #GC.GC_account .pagination {
        display: block;
        margin: 0;
        padding: 15px 0 0 0;
    }
    #GC.GC_account .pagination .title {
        margin: 0;
        text-align: center;
        line-height: 40px;
    }
    #GC.GC_account .pagination .pages { margin: -40px 0 0 0; }
    #GC.GC_account .pagination .first, #GC.GC_account .pagination .last { display: none; }
    #GC.GC_account .pagination a {
        text-decoration: none;
        text-transform: none;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
    }
    #GC.GC_account .pagination .pages > .actions {
        display: block;
        float: left;
    }
    #GC.GC_account .pagination .pages > .forth {
        display: block;
        float: right;
    }
    .markItUpHeader { height: 30px; }
    #GC .markItUpHeader ul a, .markItUpHeader ul a {
        width: 20px;
        height: 20px;
    }
    #GC .markItUpHeader ul ul li, .markItUpHeader ul ul li { background: #fff; }


/**
 * Community
 * =========
 * Global, Callouts, Users, Forums, Blogs
*/

    /* Color Change */
    .community, body.users, body.blogs, body.forum, body.contests, body.account { background: #000; }
    .community-hub p, .community-hub li, .community-hub td, .community-hub a:hover,
    body.users p, body.users li, body.users td, body.users a:hover,
    body.blogs p, body.blogs li, body.blogs td, body.blogs a:hover,
    body.forum p, body.forum li, body.forum td, body.forum a:hover,
    body.contests p, body.contests li, body.contests td, body.contests a:hover
    { color: #ddd; }
    .community-hub h1, .community-hub h2, .community-hub h3, .community-hub a, .community-hub a:active,
    body.forum h1, body.forum h2, body.forum h3, body.forum a, body.forum a:active,
    body.users h1, body.users h2, body.users h3, body.users a, body.users a:active,
    body.blogs h1, body.blogs h2, body.blogs h3, body.blogs a, body.blogs a:active,
    body.contests h1, body.contests h2, body.contests h3, body.contests a, body.contests a:active
    { color: #c89841; }
    .community #page, body.users #page, body.blogs #page, body.forum #page, body.contests #page{ margin-top: 35px; }
    .community #footer, body.users #footer, body.blogs #footer, body.forum #footer, body.contests #footer, body.account #footer { background: #1a1a1a; }
    .community, body.users .comments .item, body.blogs .comments .item, body.forum .comments .item, body.contests .comments .item { border-bottom: 1px solid #2e2e2e; }
    body.users #post_comment textarea, body.blogs #post_comment textarea, body.forum #post_comment textarea, body.contests #post_comment textarea {
        color: #797979;
        border: 1px solid #2e2e2e;
        background: #1a1a1a;
        -webkit-transition: color 250ms ease, background 250ms ease;
           -moz-transition: color 250ms ease, background 250ms ease;
             -o-transition: color 250ms ease, background 250ms ease;
                transition: color 250ms ease, background 250ms ease;
    }
    .community .infinite-scroll, .users .infinite-scroll, .blogs .infinite-scroll, .forum .infinite-scroll, .contests .infinite-scroll {
        background: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/global/loadingDark.gif) no-repeat center top;
    }

    /* Global */
    .community-hub#main { max-width: none; }
    .section.forum, .section.users, .section.blogs { position: relative; }
    .forum > .header .title, .profile.forum > .header .title, .users > .header .title, .blogs > .header .title, .bloggers > .header .title, .contests .header .title, .profile > .header .title, .member .header .title {
        overflow: hidden;
        padding-right: 60px;
        padding-bottom: 20px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0.03em;
        font-size: 22px;
        border-bottom: 1px solid #2e2e2e;
    }
    .forum > .header .title, .users > .header .title { border: 0; }
    /* Move reply to footer of forum per client request */
    .section.forum > .footer {
        float: right;
    }

    .section.users > .footer, .section.blogs > .footer {
        position: absolute;
        top: 12px;
        right: 0;
    }
    .forum.topic > .footer {
        position: relative;
        top: auto;
        right: auto;
    }
    .section.forum > .footer li, .section.users > .footer li, .section.blogs > .footer li, .forum.topic .footer li, .forum.topics .footer li, .forum.thread .footer li {
        text-transform: capitalize;
        font-size: 14px;
    }
    .forum.topic .footer li, .forum.thread .footer li {
        display: inline-block;
        padding: 5px 10px;
    }
    .forum.topic .article .title, .forum.thread .article .title { padding: 0; }
    .forum.topic .meta, .forum.thread .meta, .forum.thread .meta span {
        color: #8c8c8c;
        font-weight: 400;
        font-style: italic;
        font-size: 14px;
    }
    .forum.thread .meta { margin-bottom: 20px; }
    .forum .content li, .blogs .content li, .news .content li { margin-left: 20px; }
    .forum .content ul, .blogs .content ul, .news .content ul, .forum .content ol, .blogs .content ol, .news .content ol { list-style-type: disc; }

    /* 2 Col Grid */
    body.blogs #container, .detail .users #container, .contests #container {
        margin: 0 auto;
        max-width: 1140px;
    }
    body.blogs #main, .detail .users #main, .contests #main {
        float: left;
        padding-right: 15px;
        width: 66.6%;
    }
    body.blogs #aside, .detail .users #aside, .contests #aside {
        float: right;
        padding-left: 15px;
        width: 33.3%;
    }

    /* Nav */
    .community-nav { text-align: center; }
    .community-nav li {
        display: inline-block;
        padding: 10px 15px;
    }
    .community-nav a {
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: 700;
        font-size: 13px;
    }
    .community-nav a.grey { color: #666; }
    .community-nav a.gold { color: #c89841; }

    /* Callouts */
    .community-callouts { margin: 50px 0; }
    .community-callouts li {
        position: relative;
        float: left;
        padding-bottom: 33%;
        width: 33.3333%;
    }
    .community-callouts a {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .community-callouts .callout {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        border: 5px solid #c89841;
        background: rgba(0,0,0,0.8);
        opacity: 0;
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .community-callouts a:hover .callout { opacity: 1; }
    .community-callouts .callout div {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .community-callouts h3, .community-callouts p {
        padding: 0;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: 24px;
    }
    .community-callouts p {
        padding-bottom: 11%;
        color: #c89841;
        font-size: 16px;
    }

    /* Users */
    .filter .title, .filter li.select, .filter form label { display: none; }
    .page-signups .events #main {
        float: none;
        width: 100%;
    }
    .filter input {
        padding: 4px 10px;
        color: #797979;
        border: 1px solid #2e2e2e;
        background: #1a1a1a;
        box-shadow: none;
    }
    input#keyword::-webkit-input-placeholder { color: #797979; }
    input#keyword:-moz-placeholder { color: #797979; }
    input#keyword::-moz-placeholder { color: #797979; }
    input#keyword:-ms-input-placeholder { color: #797979; }
    .filter form li { display: inline-block; }
    .community-hub .users { background: #1a1a1a; }
    .community-hub .users > .header .title { padding: 10px 0 0 0; }
    .community-hub .users, .community-hub .forum, .community-hub .blogs { margin-bottom: 40px; }
    .thumbs {
        text-align: center;
        font-size: 0;
    }
    .thumbs .avatar.full {
        display: inline-block;
        float: none;
        margin: 5px;
        width: 100px;
    }
    .avatar_rollover p, .avatar_rollover li { color: #000 !important; }

        /* Detail */
        .member.details .header .meta { display: none; }
        .profile.featured > .header { display: block; }
        .profile.blogs .article .header, .profile.blogs .content > p, .users .blogs .article .header, .users .blogs .content > p {
            padding-left: 0;
            text-align: left;
        }
        .member.details .meta { color: #ddd; }
        .detail .users p { font-size: 14px; }
        .users #aside .actions a { font-size: 14px; }


    /* Forum */
    .forum thead, .forum .last_activity .thumb, .forum td.topic .meta, .forum td.info .popular, .thread.topic > .header .title, .forum.topic .article .footer .reply { display: none; }
    .forum #breadcrumbs {
        display: inline-block;
        color: #ddd;
        font-size: 12px;
        padding-bottom: 20px;
    }
    .forum .header > .title {
        padding-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: 22px;
    }
    .profile.forum .article .title {
        padding-bottom: 0;
        font-size: 18px;
    }
    .profile.forum .article .meta {
        color: #8c8c8c;
        font-style: italic;
        font-size: 14px;
    }
    .forum tr {
        border-top: 1px solid #2e2e2e;
        border-bottom: 1px solid #2e2e2e;
    }
    .forum tr:hover { cursor: pointer; }
    .forum tr:hover td.topic a, .forum tr:hover td.category a {
        color: #c89841;
        border-bottom: 1px solid #ddd;
    }
    .forum td { font-size: 14px; }
    .forum td.topic a, .forum td.category a {
        color: #ddd;
        border-bottom: 1px solid #c89841;
        -webkit-transition: color 250ms ease, border 250ms ease;
           -moz-transition: color 250ms ease, border 250ms ease;
             -o-transition: color 250ms ease, border 250ms ease;
                transition: color 250ms ease, border 250ms ease;
    }
    .forum td.info {
        width: 150px;
        text-align: center;
        border-right: 1px solid #2e2e2e;
        border-left: 1px solid #2e2e2e;
    }
    .forum td.last_activity { padding: 25px 0 15px 30px; }
    .forum td.category, .forum td.topic { padding: 25px 30px 15px 0; }
    #GC_forum td.last_activity .bubble { padding-left: 0; }
    #GC_forum table td.last_activity .meta { margin: 0; }
    .forum td.last_activity .title {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
    }
    .forum td.last_activity .title a { color: #ddd; }
    .forum td.replies, .forum td.replies span {
        display: block;
        text-transform: capitalize;
        line-height: 1.2;
        -webkit-transition: color 250ms ease;
           -moz-transition: color 250ms ease;
             -o-transition: color 250ms ease;
                transition: color 250ms ease;
    }
    .forum .replies span, body.forum .posts {
        color: #c89841;
        font-weight: 700;
        -webkit-transition: color 250ms ease;
           -moz-transition: color 250ms ease;
             -o-transition: color 250ms ease;
                transition: color 250ms ease;
    }
    td.info .replies span { display: block; }
    .forum tr:hover .replies { color: #c89841; }
    .forum tr:hover .replies span, .forum tr:hover .posts { color: #ddd; }
    .forum.categories, .forum.topics, .forum.thread { margin-bottom: 100px; }

        /* Detail */
        .forum .replies .post {
            padding: 40px 0;
            border-top: 1px solid #2e2e2e;
            border-bottom: 1px solid #2e2e2e;
        }
        .forum blockquote {
            padding: 10px;
            border: 0;
            background: #252525;
        }
        #GC_thread_panel { background: #ececec; }
        #GC_thread_panel textarea {
            min-width: 0;
            max-width: 698px;
            width: 100%;
        }
        #GC_thread_panel .markItUpHeader {
            height: 40px;
            -webkit-box-shadow: none;
               -moz-box-shadow: none;
                    box-shadow: none;
                 -o-box-shadow: none;
        }
        #GC_thread_title { box-shadow: none; }
        .markItUp, #GC_thread_panel .wrap {
            max-width: 700px;
            width: 100%;
        }
        .forum .footer .actions li {
            display: inline-block;
            margin: 0 10px;
        }
        .forum input[type="search"] {
            padding: 4px 10px;
            width: 140px;
            color: #797979;
            border: 1px solid #2e2e2e;
            border-radius: 0;
            background: #1a1a1a;
            box-shadow: none;
        }
        .forum.topic .header .actions, .forum.topics .header .actions, .forum.categories .header .actions {
            display: inline-block;
            float: right;
            margin-bottom: 15px;
        }
        .forum .header .actions li {
            display: inline-block;
            margin: 0 10px 0 0;
        }



    /* Blogs */
    .blogs .article > .footer { display: none; }
    .blogs .article {
        position: relative;
        margin: 45px 0 0 0;
        padding: 0 0 45px 0;
        min-height: 195px;
        border-bottom: 1px solid #2e2e2e;
    }
    .blogs .item:last-child .article { border-bottom: 0; }
    .blogs .article .figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
    }
    .blogs .article .icon img {
        width: 100%;
        height: 100%;
    }
    .blogs .article .header, .blogs .content > p {
        padding-left: 190px;
        width: 100%;
        font-size: 14px;
    }
    .blogs .article.none .header { padding: 0; }
    .blogs .article .header { padding-bottom: 10px; }
    .blogs .article .title { padding: 0; }
    .blogs.post .article .title { padding: 5px 0 0 0; }
    .blogs .article .title a {
        color: #fff;
        font-size: 16px;
    }
    .blogs .article .meta, .blogs .article .meta a, body.users .comments .header .meta p {
        color: #8c8c8c;
        font-style: italic;
        font-size: 14px;
    }
    body.users .comments .header .meta p { font-size: 11px; }
    .blogs .item .header, .blogs .item .content > p {
        -webkit-transition: opacity 250ms ease;
           -moz-transition: opacity 250ms ease;
             -o-transition: opacity 250ms ease;
                transition: opacity 250ms ease;
    }
    .blogs .item:hover { cursor: pointer; }
    .blogs .item:hover .header, .blogs .item:hover .content > p { opacity: 0.5; }

        /* Compact */
        .blogs .compact .article {
            margin: 20px 0 0 0;
            padding: 0 0 10px 0;
            min-height: 0;
        }
        .blogs .compact .article .header { padding-left: 0; }

        /* Deatail */
        .blogs.post .footer .meta, .users .comments .pagination, .users .comments > .footer { display: none; }
        .blogs.post .article .header, .blogs.post .content > p { padding-left: 0; }
        .blogs.author { margin-top: 0; }

    /* Contests */
    .contests .comments > .pagination, .contests .comments > .footer { display: none; }
    .contests .header h3.title {
        padding: 35px 0 10px;
        color: #fff;
        font-size: 16px;
    }
    .contests #main { margin: 35px 0 100px; }
    .contests #aside .section { margin-bottom: 50px; }
    .contests .details { text-align: left; }
    .contests .active {
        display: inline-block;
        padding: 10px 0 15px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-weight: 700;
    }


/**
 * Comments
 * ========
 *
*/

    #comments > .header, .comments .text label, .comments .results, .comments .pagination .title, .comment .label, .comment label, .comments > .footer { display: none; }
    .comments .title, .comment .title {
        text-transform: uppercase;
        font-size: 20px;
    }
    .comments .pagination a, .comments > .footer a {
        display: inline-block;
        padding-top: 10px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 12px;
    }
    .comments, .comment.add {
        margin: 20px auto;
        max-width: 1140px;
    }
    .events .comment.add {
        margin-bottom: 125px;
        border: 0;
    }
    #comments { margin-bottom: 100px; }
    .comments .actions li:before { content: "| "; }
    .comments .actions li:first-child:before { content: ""; }
    .pagination .actions ul:last-child { padding-left: 30px; }
    .pagination .actions li:before { content: "";  }
    .pagination .actions li { padding-right: 15px; }
    .comments .header .meta {
        text-transform: uppercase;
        font-size: 11px;
    }
    #main .section.comments .bubble, #aside .section.comments .bubble {
        margin-left: 0;
        padding-left: 70px;
        max-width: 470px;
        width: 100%;
    }
    #main.full .section.comments .bubble {
        margin-left: 0;
        padding-left: 120px;
        max-width: 820px;
        width: 100%;
    }
    .comments .item {
        padding: 20px 0 28px 0;
        border-bottom: 1px solid #e9e9e9;
    }
    .comments .item .footer {
        float: none;
        margin-top: 40px;
        width: 100%;
        text-transform: uppercase;
    }
    .comments .item .actions li, .comments .footer li {
        position: relative;
        display: inline-block;
        letter-spacing: 0.1em;
        font-size: 12px;
    }
    .comments textarea {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .comments button, .comment button, .contests #signup, .filter button {
        padding: 10px 20px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: 13px;
        border: 0;
        background: #c00;
        cursor: pointer;
    }
    .comments button:hover, .contests #signup:hover, .filter button:hover { opacity: 0.8; }
    .comments > .footer .actions { text-align: right; }
    #post_comment form textarea {
        padding: 15px;
        width: 100%;
        font-size: 14px;
        border: 1px solid #f0f0f0;
        background: #f0f0f0;
        box-shadow: none;
        resize: none;
    }
    #post_comment form textarea:focus {
        outline: 0 none;
        background: #fafafa;
    }
    #aside.full .section.manage.comments .avatar, #aside .section.comments .article { position: relative; }
    #aside .section.comments .avatar, #aside .section.comments .avatar img { width: 50px; }
    #aside .section.comments .avatar {
        position: absolute;
        top: 0;
        left: 0;
    }


/**
 * CMS Pages
 * =========
 * All content, FAQ, Brands, Band
 */

    /* All CMS Content */
    .cms-content ul,
    .cms-content ol {
        list-style-position: inside;
        margin: 1em 1.25em;
    }

    .cms-content ul {
        list-style: disc;
    }

    .cms-content ol {
        list-style: decimal;
    }

    .cms-content a {
        color: #C00;
    }

    .cms-content a:hover {
        text-decoration: underline;
    }

    .cms-content strong, b {
        font-weight: bold;
    }

    .cms-content em, i {
        font-style: italic;
    }

    /* FAQ */
    .faq #page {
        max-width: 900px;
        padding: 0 30px;
    }

    .faq #container ul, .faq #container ol {
        list-style: disc;
        margin: 1em;
    }

    .faq #container li { margin: 0.25em 1em; }

    /* Brands */
    .brand-list {
        margin: 0 auto;
        padding: 0 30px;
        max-width: 1200px;
        width: 100%;
    }
    .brand {
        position: relative;
        margin: 20px 0;
        padding: 20px 15px 40px 34%;
        min-height: 400px;
        border-bottom: 1px solid #e9e9e9;
        list-style-type: none;
    }
    .brand-logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 31.5%;
    }
    .brand p { font-size: 14px; }
    .brand a { text-decoration: underline; }
    .brand .cta {
        display: block;
        margin-top: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        font-size: 12px;
    }

    /* Band */
    .band #container { margin-bottom: 100px; }
    .band #container img {
        display: block;
        max-width: 1500px;
        padding: 0 15px;
        margin: 0 auto 50px auto;
    }
    .band #container p {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 30px;
    }



/**
 * Footer
 * ======
 *
*/

    #footer {
        position: relative;
        padding-top: 35px;
        height: auto;
        background: #000;
    }
    #footer .community-feed, #footer .socials, #footer .audio-player, #footer li.drop-down { display: none; }
    #footer, #footer a, #footer span { color: #666; }
    #footer p, .terms li, .copyright { font-size: 10px; }
    .terms { margin-top: 50px; }
    #footer .nav-wrap { float: left; }
    #footer .nav-wrap a {
        margin-right: 15px;
        letter-spacing: 0;
    }
    #footer .follow {
        float: right;
        margin-top: -5px;
    }
    #footer .follow ul { opacity: 1; }
    #footer .follow li { padding: 0 2px; }
    #footer .follow a {
        font-size: 24px;
        -webkit-transition: color 250ms ease;
           -moz-transition: color 250ms ease;
             -o-transition: color 250ms ease;
                transition: color 250ms ease;
    }
    #footer .follow a:hover { color: #c00; }


/**
 * Media Queries
 * =============
 *
*/

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

        /* Grid */
        #header .nav, .community-feed, .release-detail > .header, .news #main, .news #main.full, .news-story, .media .asset, .media .comments {
            padding: 0 30px;
            max-width: none;
        }
        #main, .detail .events #main { padding: 0 0 0 30px; }
        #aside { padding: 0 30px 0 0; }
        #main.full, #aside.full { padding: 0; }


        /* Header */
        #header .nav { left: 0; }
        .socials { padding: 10px 30px; }

            /* Nav */
            .small-nav #header .nav { padding: 0 30px 0 0; }
            .small-nav #header .client {
                left: 30px;
                margin-left: 0;
                padding-bottom: 2%;
                max-width: 300px;
                width: 29%;
                height: 0;
            }
            .audio-player {
                right: 30px;
                margin: 0;
            }

        /* Home */
        .home-callouts .releases .item {
            padding-bottom: 25%;
            width: 25%;
        }
        .home-slider {
            padding-bottom: 43.4%;
            height: 0;
        }

        /* Releases */
        .releases .wrap { max-width: 1200px; }
        .releases .item, .listing.media .item {
            padding-bottom: 33%;
            width: 33.3333333333%;
        }
        .releases.film-tv .item { padding-bottom: 48%; }
        .release .cover, .release-detail.head .wrap { padding: 0 30px; }

        /* Community */
        .users #main.full, .forum #main.full, .community-hub .wrap {
            padding: 0 30px;
            max-width: 1200px;
        }
        .community-hub .section.forum > .footer, .community-hub .section.users > .footer, .community-hub .section.blogs > .footer {
            right: 30px;
        }
        .community-hub .thumbs {
            overflow: hidden;
            max-height: 230px;
        }

        /* Footer */
        #footer { padding: 35px 30px 0; }

    }

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

        /* News */
        .news .item { padding: 20px 0 70px 0; }
        .news .item .GC_sharing {
            top: 15px;
            left: -130px;
            padding: 10px 0 0 0;
            width: 180px;
        }

        /* Events */
        .detail .events #main, .detail .events #aside {
            float: none;
            padding: 0 30px;
            width: 100%;
        }

        /* Releases */
        .releases .item, .home-callouts .releases .item, .listing.media .item {
            padding-bottom: 50%;
            width: 50%;
        }
        .releases.film-tv .item { padding-bottom: 74%; }
        .release #main, .release #aside {
            float: none;
            padding: 0 30px;
            width: 100%;
        }

        /* Footer */
        #footer .nav-wrap a { margin-right: 10px; }

    }

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

        /* Grid */
        #header .nav, .community-feed, .release-detail > .header, .news #main, .news #main.full, .news-story, .media .asset, .media .comments { padding: 0 15px; }
        #main { padding: 0 0 0 15px; }
        #aside { padding: 0 15px 0 0; }
        #main.full, #aside.full { padding: 0; }
        .forum #main.full, .release #main, .release #aside { padding: 0 15px; }
        .small-nav #page { padding-top: 0; }
        .users #main.full, .forum #main.full, .community-hub .wrap { padding: 0 15px; }

        /* Header */
        .socials {
            position: absolute;
            padding: 10px 15px;
        }
        .community-feed { top: 95px; }
        .community-feed .news-rotation, .audio-player { display: none; }
        #header {
            max-height: 123px;
            -webkit-transition: max-height 250ms ease;
               -moz-transition: max-height 250ms ease;
                 -o-transition: max-height 250ms ease;
                    transition: max-height 250ms ease;
        }
        .mobile-nav-open #header { max-height: 445px; }
        .mobile-nav-open.drop-down-open #header { max-height: 800px; }
        #header .client {
            top: 61px;
            left: 15px;
            margin-left: 0;
            padding-bottom: 0;
            max-width: 300px;
            width: 70%;
            height: 18px;
            background-image: url(//static.wonderfulunion.net/groundctrl/clients/justin-timberlake/site/global/logoSmall.png);
        }
        #header .icon-list {
            position: absolute;
            top: 50px;
            right: 15px;
            display: block;
            color: #fff;
            font-size: 27px;
        }

            /* Nav */
            #header .nav {
                position: relative;
                bottom: 0;
                margin-top: 125px;
                padding: 0;
                width: 100%;
                text-align: left;
            }
            #header, .small-nav #header, #drop-down ul {
                position: relative;
                overflow: hidden;
                height: auto;
            }
            .small-nav #header .nav {
                top: 0;
                float: none;
                padding: 0;
                width: 100%;
            }
            #header .nav li, #header .nav a { display: block; }
            #header .nav a {
                padding: 9px 15px;
                border-bottom: 1px solid #838282;
                -webkit-transition: background 250ms ease;
                   -moz-transition: background 250ms ease;
                     -o-transition: background 250ms ease;
                        transition: background 250ms ease;
            }
            #header .nav .community-nav a { text-align: left; }
            #header .nav a:hover { background: #c00; }
            #drop-down ul {
                position: relative;
                top: 0;
                max-height: 0;
                width: 100%;
            }
            #header .community-nav li { padding: 0; }
            #header #drop-down ul a { padding: 9px 15px 9px 30px; }

        /* Home */
        .home-feature .title {
            padding: 15px;
            font-size: 28px;
        }

        /* Events */
        td.venue, .news.popular { display: none; }
        .detail .events #main, .detail .events #aside { padding: 0 15px; }

        /* Releases */
        .release .cover, .release-detail.head .wrap { padding: 0 15px; }
        .page-releases .release-detail .cover {
            text-align: center;
            background-image: none;
        }

        /* Community */
        .contests #aside, .forum td.info, #main .community-callouts { display: none; }
        .contests #main, body.blogs #main, body.blogs #aside, .users #main, .users #aside, .detail .users #main, .detail .users #aside {
            float: none;
            width: 100%;
        }
        .section.forum > .footer, .section.users > .footer, .section.blogs > .footer, .community-hub .section.forum > .footer, .community-hub .section.users > .footer, .community-hub .section.blogs > .footer {
            top: 35px;
            left: 15px;
        }
        .forum > .header .title, .profile.forum > .header .title, .users > .header .title, .blogs > .header .title, .bloggers > .header .title, .contests .header .title, .profile > .header .title, .member .header .title { padding-bottom: 35px; }
        .community-hub .users > .header .title { padding: 12px 0 20px; }

            /* Forum */
            #GC_forum td.last_activity {
                width: auto;
                height: auto;
            }
            #GC_forum.thread .article .profileinfo {
                max-width: 150px
                float: none;
                width: 100%;
                text-align: left;
            }
            #GC_forum.thread .article .header, #GC_forum.thread .article .details {
                float: none;
                width: 100%;
            }
            #GC_forum table td {
                float: left;
                padding: 15px 0 0 0;
                width: 100%;
            }
            #GC_forum td.last_activity { width: 100%; }
            .forum .header .actions li { margin: 0 10px 0 0; }

        /* Store */
        body.store #header,
        body.store #footer { display: block; }
        .store #main,
        .store #aside {
            float: none;
            width: 100%;
        }

        /* GC Stuff */
        body #main #GC { min-width: 0px; }
        #GC.GC_account .GC_panes .GC_navigation,
        #GC.GC_account .GC_panes > .GC_view,
        #GC #markItUpBody {
            clear: both;
            margin: 0;
            padding: 0;
            width: 100%;
            border: none;
        }
        #GC.forum form .input #title,
        #recaptcha_image { width: 100% !important; }
        #recaptcha_response_field { width: auto !important; }
        #recaptcha_table > tbody td {
            padding: 0 !important;
            width: 100% !important;
        }
        #GC.GC_product { background-image: none; }
        #GC.GC_product .GC_product_description,
        #GC.GC_product .GC_product_purchase,
        #GC #markItUpBody #body {
            margin: 10px 1%;
            width: 98%;
        }
        #GC.GC_store table { font-size: 8px; }
        #GC button {
            margin-bottom: 2px;
            padding: 5px 15px;
        }
        #GC #GC_checkout_progress li {
            display: block;
            padding: 5px 4% 5px 2%;
            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 {
            float: none;
            width: 93%;
        }
        #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_account #toolbar { margin: 0; }
        #GC.GC_account #toolbar .nav li a { text-indent: -9999px; }
        #GC.GC_engine { width: 90%; }
        #GC.GC_account.GC_mail table .time,
        #GC.GC_account .GC_friends #GC_friend_action th:last-child,
        #GC.GC_account .GC_friends #GC_friend_action td.time,
        #GC.GC_account .GC_links table .url,
        #GC.GC_account.GC_comments table .author,
        #GC.GC_account.GC_comments table .date,
        #GC.GC_account.GC_linked table tr .displayname,
        #GC.GC_account .GC_orders .date,
        #GC.GC_account .GC_orders .total,
        #GC.GC_account.GC_points table .gross,
        #GC.GC_account.GC_points table .balance,
        #GC.GC_account.GC_points table .time {
            display: none;
        }
        #GC.GC_product .GC_product_purchase .purchase_form .select { margin: 0; }
        #GC.GC_cart h1 { line-height: 1em; }
        #GC.GC_account .GC_panes > .GC_view { min-height: 0; }

        /* Footer */
        #footer .follow, #footer .nav-wrap, .terms, #copyright {
            float: none;
            text-align: center;
        }
        .terms { margin-top: 10px; }

    }

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

        /* Header */
        .newsletter { display: none; }
        #header .community-feed .section { text-align: center; }
        .community-feed .join { margin: 2px auto 0 auto; }

        /* Home */
        .home-slider { padding-bottom: 60%; }

        /* News */
        .news .item .header, .news .item .content, .news .item .footer, .news .item .figure {
            float: none;
            width: 100%;
        }
        .news .item .figure {
            margin-bottom: 20px;
            text-align: center;
        }

        /* Events */
        td.venue { display: table-cell; }
        .events .listing td, .events .listing .date {
            float: left;
            padding: 0 15px;
            width: 100%;
            text-align: center;
        }
        .events .listing .date { padding-top: 20px; }
        .events .listing td.tickets { padding-bottom: 20px; }

        /* Releases */
        .releases .item, .home-callouts .releases .item, .listing.media .item {
            padding-bottom: 100%;
            width: 100%;
        }
        .releases.film-tv .item { padding-bottom: 148%; }

        /* Brands */
        .brand {
            position: relative;
            margin: 20px 0;
            padding: 20px 15px;
            border-bottom: 1px solid #e9e9e9;
        }

        .brand-logo {
            position: static;
            display: block;
            margin: 0 auto 20px auto;
            max-width: 250px;
            width: 100%;
            text-align: center;
        }

        /* Comments */
        #main.full .section.comments .avatar, #main.full .section.comments .avatar img { width: 50px; }
        #main.full .section.comments .bubble { padding-left: 65px; }

        /* Community */
            /* Blogs */
            .blogs .article .figure {
                width: 50px;
                height: 50px;
            }
            .blogs .article .header, .blogs .content > p { padding-left: 60px; }

    }

    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dppx){

    }