#multimedia_nav {
    display: inline-block;
    *display: inline;   /* IE7 hack */
    font-weight: bold;
    padding-left: 20px;
}

#multimedia_nav li {
    display: block;
    float: left;
    font-size: 15px;
    line-height: 1em;
    padding: 4px 8px 0;
    margin-bottom: -4px;    /* move down the same as the border height */
}

#multimedia_nav li.active { border-bottom: solid 4px #FDC100; }
#multimedia_nav li a { color: #999; }

#multimedia_nav li a:hover,
#multimedia_nav li.active a {
    color: #000;
    text-decoration: none;
}

body.multimedia .content > header {
    padding-bottom: 0;  /* hack to get page to match the mockup */
}

body.multimedia .column.main article { border-bottom: 0 none; }
/*body.multimedia #current .video { min-height: 358px; }*/
body.multimedia article {border-bottom: 0;}
body.multimedia .audio_container { margin: 0 auto -1em; }
body.multimedia #tagline .audio_container { width: 236px; }
body.multimedia header h2 {border-bottom: 1px solid gray; margin-bottom: .5em; padding-bottom: .5em; font-family: sans-serif; font-weight: bold;}
body.multimedia .gallery_container img {width: 100%;}
body.multimedia .image_thumb {width: 100px; height: 80px; margin: 3px; overflow: hidden; float: left;}
body.multimedia .image_thumb img {width: 100px; height: 80px;}
body.multimedia .cell.w-4.video_container {padding-right: 20px !important;}
body.multimedia #current img {width: 100%;}

.headline { line-height: 1.1; margin: 0.75em 0 0.5em; }
.featured .headline { font-size: 1.333em; }
a.headline { color: #222; }

.related.multimedia > li { border-top: 1px dotted #777; padding: 0.5em; }
.related.multimedia > li:first-child { border-top: 0 none; }

.media_grid > li { float: left; height: 150px; margin: 0 12px 12px 0; overflow: hidden; width: 150px; }
#more_multimedia > li { height: 95px; }
.media_grid > .last { margin-right: 0; }
.media_grid p { font-size: 1.35em; line-height: 1.2; }

.now_playing { background-color: #f3e9c3; }
.media_grid .now_playing { outline: 6px solid #f3e9c3; }


@media screen and (max-width: 800px) {
    body.multimedia #site_content {
        padding: 1em;
    }

    body.multimedia .cell.w-4.video_container {
        padding: 0 !important;
    }

    body.multimedia .media.letterbox, body.multimedia .media img {
        width: 100%;
        height: auto;
    }

}

/* for IE8*/
body.multimedia.size_medium #site_content, .body.multimedia.size_mobile #site_content { padding: 1em;}
.size_medium .cell.w-4.video_container, .size_mobile .cell.w-4.video_container { padding: 0 !important;}
body.multimedia.size_medium .media.letterbox, body.multimedia.size_mobile .media.letterbox,
body.multimedia.size_medium .media img, body.multimedia.size_mobile .media img { width: 100%; height: auto;}