body
{
        margin: 0px;
        padding: 0px;
        font: 14px "museo-slab", Helvetica, Arial, sans-serif;
        background-color: #232323;
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
}
strong, b { font-weight: 700; }

body.home { background-color: #232323; }
body.show { background: #36241A url(../img/main-stripe-bg.png) repeat-x 0px 595px; }
body.episode { background-image: none; }
body.shows_page, body.about { background: #232323 url(../img/shows_page_bg.gif) repeat-x 0px 0px; }

h1, h2, h3, h4, h5 { font-family: "futura-pt", sans-serif; font-weight: 700; }

a { color: #000; text-decoration: none; }

hr
{
        clear: both;
        border: 0px;
        border-top: 1px solid #C0C0C0;
        height: 1px;
        overflow: hidden;
}

.lighter { color: #555; }
.smaller { font-size: 0.8em; }

.lighter h4 { margin-top: 0px; }

.img-thumb-shadow
{
        box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.25);
        width: 270px;
        height: 93px;
        overflow: hidden;
}

.img-thumb-border
{
        width: 262px;
        height: 85px;
        border: 1px solid #f1f1f1;
        background-color: #ffffff;
        padding: 4px;
        box-shadow: 0px 2px 2px #bbbbbb;
}

.img-thumb-inset
{
        width: 260px;
        height: 83px;
        border: 1px solid #eaeae8;
        background-color: #000;
        opacity: 0.95; filter:alpha(opacity=95);
        text-indent: -9999px;
        background-position: center center;
}

.img-thumb-inset:hover 
{
    opacity: 1; filter: alpha(opacity=100);
}

.main { width: 100%; clear: both; }
.horsebag { width: 960px; margin: auto; background: #FFF; }

#menubar, #slider-container { position: absolute; z-index: 3; }

#menubar ul.main-menu
{
        margin: 15px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        position: absolute;
        right: 10px;
}
body.home #menubar ul.main-menu { margin: 54px 0px 0px 0px; }

#menubar ul.main-menu li
{
        float: left;
        display: inline-block;
        font: 500 17px "futura-pt", sans-serif;
        text-transform: uppercase;
}

#menubar ul.main-menu li a { display: block; padding: 6px 0px; margin: 0px 8px; }
#menubar ul.main-menu li a:hover { border-bottom: 6px solid #7E7E7E; padding-bottom: 2px; }

#menubar ul.main-menu li#shows {  }
#menubar ul.main-menu li#store {  }
#menubar ul.main-menu li#blog {  }
#menubar ul.main-menu li#forums {  }
#menubar ul.main-menu li#about {  }
#menubar ul.main-menu li#extras {  }

body.home #menubar ul.main-menu li#shows {  }
body.home #menubar ul.main-menu li a { padding: 6px 0px 4px 0px; }

#menubar #headgold
{
        height: 50px;
        background: #EBEBEB;
        position: relative;
}
body.home #menubar #headgold { height: 92px; box-shadow: 0px 4px 8px -2px #333; }

#menubar #headgold #menu-border
{
        border-top: 1px solid #D3D3D3;
        width: 790px;
        right: 10px;
        top: 15px;
        position: absolute;
}
body.home #menubar #headgold #menu-border { width: 745px; top: 54px; }

.background-cover
{
        width: 100%;
        height: 595px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center 30%;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -50%;
        z-index: -2000;
}

#menubar #crumbly
{
        background: #A8A8A8;
        padding: 10px 0px;
        box-shadow: 0px 4px 8px -2px #333, inset 0px 3px 10px -4px #222;
}
#menubar #crumbly ul
{
        list-style-type: none;
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: 1px solid #FFF;
        border-right: 0px;
        border-left: 0px;
        font: 16px "futura-pt";
}

#menubar #crumbly ul li
{
        height: 20px;
        float: left;
        background: url(../img/crumbs_bg.png) no-repeat 0px 0px;
}
#menubar #crumbly ul li#crumb-home { width: 45px; background-image: none; }
#menubar #crumbly ul li#crumb-home a
{
        padding: 0px;
        display: block;
        width: 45px;
        height: 20px;
        background-image: url(../img/crumbs_home.png);
        background-repeat: no-repeat;
        background-position: center center;
}
#menubar #crumbly ul li a,
#menubar #crumbly ul li span.no-link
{
        color: #FFF;
        text-transform: uppercase;
        display: block;
        padding: 0px 10px 2px 20px;
        height: 18px;
}
#menubar #crumbly ul li a:hover
{
        background: #7D2519 url(../img/crumbs_bg.png) no-repeat 0px -22px;
}

#menubar #headgold h1
{
        width: 145px;
        height: 50px;
        float: left;
        background: url(../img/small_logo.png) no-repeat 0px bottom;
        text-indent: -9999px;
        margin: 0px;
}
#menubar #headgold h1 a { display: block; height: 50px; }
body.home #menubar #headgold h1 { width: 190px; height: 82px; background: url(../img/sized_logo.png) no-repeat 5px bottom; }
body.home #menubar #headgold h1 a { height: 82px; }

.btn
{
        display: block;
        background: #282828;
        cursor: pointer;
        color: #FFF;
        font-family: "futura-pt";
        font-weight: 400;
        box-shadow: inset 0px 0px 0px 2px #000, inset 0px 0px 0px 3px #4D4D4D, 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
        text-align: center;
}

.btn:hover
{
        background: #595959;
        box-shadow: inset 0px 0px 0px 4px #4F4F4F, inset 0px 0px 0px 5px #707070;
}

.btn.btn-large
{
        padding: 8px 15px;
        font-size: 19px;
        border-radius: 10px;
}
.btn.btn-small
{
        padding: 6px 15px;
        font-size: 14px;
        border-radius: 10px;
}
.btn.btn-grey { background: #696969; box-shadow: inset 0px 0px 0px 2px #696969, inset 0px 0px 0px 3px #969696, 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
.btn.btn-blue { background: #405965; box-shadow: inset 0px 0px 0px 2px #1C3A48, inset 0px 0px 0px 3px #60757F, 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
.btn.btn-yellow { background: #A77C34; box-shadow: inset 0px 0px 0px 2px #97640E, inset 0px 0px 0px 3px #B69357, 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
.btn.btn-inline { display: inline-block; }

.btn.btn-icon { background-position: 6px center; background-repeat: no-repeat; }
.btn.btn-icon.btn-itunes { background-image: url(../img/icons/buttonicon-itunes.png); }
.btn.btn-icon.btn-rss { background-image: url(../img/icons/buttonicon-rss.png); }

ul.button-holder
{
        margin: 0px;
        padding: 0px;
        clear: both;
        list-style-type: none;
}
ul.button-holder li { float: left; }

#hall-of-justice
{
        height: 600px;
        position: relative;
}

.hero
{
        width: 100%;
        height: 600px;
        background-color: #232323;
        background-repeat: no-repeat;
        background-position: center 30%;
        background-size: cover;
        position: absolute;
        top: 0px;
        left: center;
        z-index: 2;
        display: none;
}

#slider-container { margin-top: -55px; }
#slider-container .horsebag { background: transparent; }
#slider { height: 36px; padding-top: 10px; }
#slider #arrow { width: 91px; height: 36px; margin-left: 70px; background: transparent url(../img/cast_pointer.png) no-repeat center top; }

.episode-info { height: 560px; padding-left: 10px; position: relative; display: block; text-decoration: none; }
.episode-info div { position: absolute; bottom: 45px; }

.episode-info h2, .episode-info h4
{
        color: #FFFFFF;
        font: 700 48px "futura-pt";
        font-style: italic;
        text-transform: uppercase;
        margin: 2px 0px;
        line-height: 50px;
        text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.7);
}
.episode-info h4
{
        font-size: 22px;
        line-height: 34px;
        text-transform: none;
        bottom: 30px;
        padding-right: 200px;
}

.episode-info .listen-button
{
        width: 130px;
        height: 25px;
        color: #000;
        display: block;
        position: absolute;
        top: 485px;
        left: 780px;
        background: #E5E5E5;
        border-radius: 20px;
        border: 4px solid #FFF;
        box-shadow: 0px 3px 3px -2px #444, 2px 2px 7px rgba(0, 0, 0, 0.7);
        font: 500 18px "futura-pt";
        text-align: center;
        padding-top: 3px;
}

#podcasts
{
        position: relative;
        top: -20px;
        z-index: 5;
        margin-bottom: -20px;
        background: url(../img/episode_page_title_bg_bottom_dark.gif) repeat-x 0px 28px;
}
#podcasts .horsebag { background: #EBEBEB; }

#podcasts #castpod
{
        height: 225px;
}

ul#podcast-list
{
        padding: 0px;
        margin: 0px;
        list-style-type: none;
}

ul#podcast-list li
{
        cursor: pointer;
        margin-top: 15px;
        height: 200px;
}
ul#podcast-list li .sectional
{
        height: 190px;
}

ul#podcast-list h5
{
        background-repeat: no-repeat;
        background-position: 8px 0px;
        margin: 2px 0px 10px 0px;
        padding: 0px;
        font: 700 16px "futura-pt";
        text-transform: uppercase;
        white-space: nowrap;
}

ul#podcast-list .info { font: 500 16px "futura-pt"; text-transform: uppercase; padding: 10px 0px 0px 10px; height: 50px; }
ul#podcast-list .date { padding: 0px 0px 0px 10px; font-size: 12px; }
ul#podcast-list .image
{
        box-shadow: 0px 0px 8px #000;
        width: 196px;
        height: 68px;
}

ul#podcast-list li:nth-child(3) .sectional,
ul#podcast-list li#cast-fourth-link .sectional { border-right: 0px; }

ul#podcast-list li#cast-fourth-link
{
        background: url(../img/homepage_event_border.gif) repeat-y 0px 0px;
}

#midsection {  }
#midsection a:hover { border-bottom: 1px dotted #000; }
#midsection h2, #midsection h3 { text-transform: uppercase; font-weight: 500; margin: 0px 0px 2px 0px; padding: 0px; font-family: "futura-pt"; }
#midsection h2 { font-size: 30px; }
#midsection h3 { font-size: 16px; }
#midsection h4 { font-size: 18px; font-weight: 500; color: #6A6A6A; margin: 2px 0px; padding: 0px; font-family: "futura-pt"; }

#midsection .red-headers { padding-bottom: 3px; }
#midsection .blu-headers { padding-top: 15px; }

#midsection .red-headers a { color: #912C00; font-family: "futura-pt"; font-weight: 500; }
#midsection .blu-headers a { color: #1D467C; font-family: "futura-pt"; font-weight: 500; }

#midsection .red-headers h2 { padding-top: 15px; }
#midsection .red-headers h2, #midsection .red-headers h3 { color: #912C00; }
#midsection .blu-headers h2, #midsection .blu-headers h3 { color: #1D467C; }

#midsection .red-headers h2 a, #midsection .blu-headers h2 a { font-weight: 500; }
#midsection .red-headers h2 a:hover, #midsection .blu-headers h2 a:hover { border-bottom: 0px; }

#midsection .tweet-bubble
{
        background: url(../img/tweet-top.png) no-repeat center 2px, url(../img/tweet-bottom.png) no-repeat center bottom;
        padding: 0px 0px 10px 0px;
}
#midsection .tweet { font-size: 11px; margin: 15px 10px; padding-top: 5px; color: #7F7F7F; }

#midsection #other-twitters span { display: block; padding-bottom: 5px; }
#midsection #other-twitters a { font: 14px "museo-slab"; color: #000; }

#midsection .stream-zone { padding-top: 15px; }
#midsection .stream-zone a { color: #1D467C; }
#midsection .stream-zone .streamrow { padding-left: 0px; }
#midsection .stream-zone .streamrow .img-thumb-border { margin-bottom: 10px; float: left; margin-right: 15px;}
#midsection .stream-zone .streamrow .title { padding-top: 2px; }
#midsection .stream-zone .streamrow .title a { color: #000; font-family: "museo-slab"; font-weight: normal; }
#midsection .stream-zone .streamrow .date { font-size: 12px; font-weight: normal; padding-top: 2px; color: #BEBEBE; }



.arrow-list
{
        margin: 10px 0px 15px 0px;
        padding: 0px;
        list-style-type: none;
        color: #BEBEBE;
}

.arrow-list li
{
        padding: 2px 0px 5px 15px;
        /*background: url(../img/bullet.png) no-repeat 4px 4px;*/
        position: relative;
}
.arrow-list li div.headline { font-size: 14px; }
.arrow-list li div.date { font-size: 12px; font-weight: normal; padding-top: 2px; }
.arrow-list li div.bullet { position: absolute; top: 0px; left: 0px; }

#midsection .arrow-list li a { color: #000; font-family: "museo-slab"; font-weight: normal; }

#gaps-gaply .horsebag { background: transparent; height: 398px; }

body.shows_page #gaps-gaply { background: url(../img/shows_page_gradient.jpg) no-repeat center 0px; }
body.shows_page .shows-page-info { background: url(../img/shows_page_gradient.jpg) no-repeat center -400px; }
body.shows_page #gaps-gaply .horsebag { height: 400px; }
body.shows_page .shows-page-info .podcastinfo { color: #757575; }
body.shows_page .shows-page-info .podcastinfo a { color: #757575; }
body.shows_page .shows-page-info .podcastinfo h3 { text-transform: none; padding: 0px; margin: 15px 0px 5px 0px; }
body.shows_page .shows-page-info .podcastinfo ul { margin: 0px; padding: 0px; list-style-type: none; }
body.shows_page .shows-page-info .podcastinfo ul li.sub { font-size: 10px; }
body.shows_page .shows-page-info .podcastinfo ul li.gap { height: 15px; }
body.shows_page .shows-page-info .podcastinfo ul li.hosts { padding-top: 8px; }
body.shows_page .shows-page-info .podcastinfo ul h3 { margin-top: 0px; }
body.shows_page .shows-page-info .podcastmain h2 { font-size: 25px; padding: 0px; margin: 0px; }
body.shows_page .shows-page-info .podcastmain h4 { font-size: 16px; font-weight: 500; padding: 0px 0px 10px 0px; margin: 0px; }

body.shows_page .shows-page-info .podcastimage,
body.shows_page .shows-page-info .podcastmain, 
body.shows_page .shows-page-info .podcastinfo { margin: 25px 0px 5px 0px; }

body.shows_page .shows-page-info .podcastimage .sectional,
body.shows_page .shows-page-info .podcastmain .sectional, 
body.shows_page .shows-page-info .podcastinfo .sectional { min-height: 150px; }

body.shows_page .shows-page-info .podcastmain .sectional { padding: 0px 20px; }

body.shows_page .shows-page-retired { margin-top: 85px; background-image: none; }
body.shows_page .shows-page-retired #retired-header h2 { margin: 10px 0px 0px 0px; font: 500 24px "futura-pt"; text-transform: uppercase; color: #757575; }

body.shows_page ul#show-list { margin: 0px; padding: 120px 0px 0px 0px; list-style-type: none; }
body.shows_page ul#show-list li { display: inline-block; height: 250px; width: 315px; }
body.shows_page ul#show-list li a
{
        display: block;
        width: 315px;
        height: 250px;
        background-repeat: no-repeat;
        background-position: center center;
        text-indent: -9999px;
}

#showInfoBlock .button.btn-large { margin-bottom: 10px; }
#showInfoBlock .button-holder { padding-top: 15px; }
#showInfoBlock .button-holder li a { width: 258px; margin-bottom: 15px; }
#showInfoBlock .button-holder li .btn-small { width: 103px; }
#showInfoBlock .button-holder li:nth-child(odd) a.btn-large { margin-right: 20px; }
#showInfoBlock .button-holder li .btn-small { margin-right: 21px; }
#showInfoBlock .button-holder li:last-child .btn-small { margin-right: 0px; }
#showInfoBlock hr { margin: 15px 0px 15px 0px; }
#showInfoBlock hr.dashed-border { border: 0px; background: url(../img/episode_page_title_bg_top.gif) repeat-x center center; height: 4px; }
#showInfoBlock h2 { text-transform: uppercase; font: 700 36px "futura-pt", sans-serif; padding: 0px; margin: 0px; }
#showInfoBlock h3 { font: normal 24px "futura-pt", sans-serif; paddng: 0px; margin: 0px 0px 20px 0px; }
#showInfoBlock .show-schedule { text-align: center; color: #808080; }

#featuredEpisodeBlock h3 { font: normal 18px "futura-pt", sans-serif; padding-top: 10px; text-transform: uppercase; margin-bottom: 0px; }
#featuredEpisodeBlock h3 div { font-weight: 700; text-transform: none; font-size: 24px; }
#featuredEpisodeBlock p { font-size: 13px; }

#recentEpisodes, .layout-row { margin-top: 45px; }
#recentEpisodes { padding-top: 15px; }
#recentEpisodes .sectional h2 { text-align: center; font-size: 24px; font-weight: 500; margin: 0px; }
#recentEpisodes .sectional h2 div { display: inline-block; padding: 0px 5px; margin: auto; }
#recentEpisodes em { color: #808080; display: block; text-align: center; }
#recentEpisodes em a { color: #808080; border-bottom: 1px dotted #808080; }
#recentEpisodesFoot .seo { font-family: "futura-pt"; font-weight: 500; text-transform: uppercase; }

.episode-row-description h3 { font: 18px "futura-pt", sans-serif; text-transform: uppercase; }
.episode-row-description h3 div { font-weight: 500; text-transform: none; font-size: 24px; }
.episode-row-description .date { color: #FFF; opacity: 0.5; }

#divider { width: 960px; margin: auto; background: #000; height: 20px; }
#home #divider { margin-top: 40px; }

ul.episode-nav
{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        height: 50px;
        width: 970px;
        text-transform: uppercase;
        background: url(../img/episode_page_title_bg_top.gif) repeat-x 0px center;
}

ul.episode-nav li { float: left; display: inline-block; height: 50px; width: 615px; text-align: center; position: relative; }
ul.episode-nav li.nav { width: 173px; height: 26px; padding-top: 15px; }
ul.episode-nav li h2 { margin: 12px 0px; padding: 0px; }
ul.episode-nav li a { display: block; color: #FFF; }

ul.episode-nav li.nav div { float: left; height: 26px; font: 700 14px "futura-pt" no-repeat; }
ul.episode-nav li.nav div.head { width: 20px; }
ul.episode-nav li.nav div.tail { width: 7px; height: 22px; }
ul.episode-nav li.nav div.title { width: 145px; background: #000; height: 20px; padding-top: 2px; }

ul.episode-nav li.nav-prev { left: -14px; }
ul.episode-nav li.nav-next { left: 14px; }
ul.episode-nav li.nav-prev div.head { background: url(../img/prev-ep-head.png) no-repeat 0px 0px; }
ul.episode-nav li.nav-prev div.tail { background: url(../img/prev-ep-tail.png) no-repeat 0px 0px; }
ul.episode-nav li.nav-next div.head { background: url(../img/next-ep-head.png) no-repeat 0px 0px; }
ul.episode-nav li.nav-next div.tail { background: url(../img/next-ep-tail.png) no-repeat 0px 0px; }

ul.episode-nav li.nav.nav-greyed div.head { background-position: 0px -26px; }
ul.episode-nav li.nav.nav-greyed div.title { background-color: #D3D3D3; }
ul.episode-nav li.nav.nav-greyed div.tail { background-position: 0px -22px; }

.show-title
{
        text-align: center;
        text-transform: uppercase;
        font: 700 36px "futura-pt" sans-serif;
        padding: 0px 15px 22px 15px;
        margin: 0px;
        background: url(../img/episode_page_title_bg_bottom.gif) repeat-x 0px bottom;
}

#episodeTopBlock
{
        background-image: url(../img/episode_page_title_bg_top.gif);
        background-repeat: repeat-x;
        background-position: 0px 25px;
}

#archiveTopBlock h1 { padding-bottom: 15px; }
.archivebox.sectional h3 { margin-bottom: 5px; }
.archivebox  h3 strong { text-transform: none; }
.archivebox { max-height: 200px; }

#archiveTopBlock .show-title { background: transparent; }
#archiveTopBlock #episodeInfoButtons p { text-align: center; }
#archiveTopBlock #episodeInfoButtons p.top { margin-top: 0px; }
#archiveTopBlock #episodeInfoButtons p.bottom { margin-bottom: 0px; }

.podcast-archive-row { background: url(../img/archive-row-bg.gif) repeat-y 0px 0px; }
.podcast-archive-row p { margin: 5px 0px; }

.archive-cast-border { height: 75px; background: #FFF; }
.archive-cast-border .sectional div { height: 75px; background: url(../img/episode_page_title_bg_top.gif) repeat-x 0px center; }

#topPageIndicator  { background: url(../img/episode_page_title_bg_bottom.gif) repeat-x 0px center; text-align: center; }
#bottomPageIndicator {  }
#topPageIndicator em, #bottomPageIndicator em { padding: 16px 4px 0px 4px; display: inline-block; background: #FFF; text-transform: none; }
#topPageIndicator em { background: #EBEBEB; text-align: center; padding: 2px 6px; }

#episodeTopBlock .episode-nav h2, #archiveTopBlock .episode-nav h2
{
        background-color: #EBEBEB;
        display: inline-block;
        margin: auto;
        padding: 10px 8px;
        font-size: 24px;
        font-weight: 500;
        text-transform: none;
}

#episodeTopBlock .button-holder { margin-top: 20px; }
#episodeTopBlock .button-holder li:first-child { width: 120px; }
#episodeTopBlock .button-holder li a { margin-bottom: 15px; }
#episodeTopBlock .button-holder li .btn-small { width: 200px; margin-left: 10px; font-size: 12px; text-align: center; }

#episodeTopBlock #episodeInfo .button-holder li { width: auto; }
#episodeTopBlock #episodeInfo .button-holder li:first-child { margin-right: 19px; }
#episodeTopBlock #episodeInfo .button-holder li a { width: 100px; }
#episodeTopBlock p.first { margin-top: 0px; }
#episodeInfo .btn { text-align: center; }

#episodePageBottom { border-top: 1px solid #C0C0C0; }

body.about #about-networklogo { margin: 0px; padding: 155px 0px 0px 7px; }
body.about #gaps-gaply { background: url(../img/shows_page_gradient.jpg) no-repeat center 0px; }
body.about #about-page-info { background: url(../img/shows_page_gradient.jpg) no-repeat center -400px; }

body.about #about-intro p { font-size: 18px; }
body.about .about-shows a { color: #871A11; }
body.about .about-shows a:hover { border-bottom: 1px dotted #871A11; }

body.about .about-shows { padding: 10px 0px; }
body.about .about-shows h2, body.about #about-intro h2
{
    font: 700 24px "futura-pt", sans-serif;
    margin: 0px;
}
body.about #about-intro h2 { margin: 20px 0px 8px 0px; }

body.about .about-shows h4
{
    font: 500 16px "futura-pt", sans-serif;
    margin: 0px;
}

body.about .about-shows p { font-size: 13px; }
body.about .about-page-gap { height: 50px; background: transparent; }

body.about ul.contactinfo { padding: 5px 0px 10px 0px; margin: 0px; list-style-type: none; font-size: 13px; }
body.about ul.contactinfo li { padding: 2px 0px 5px 22px; }
body.about ul.contactinfo li.email { background: url(../img/icon_contact_email.png) no-repeat 1px 5px; }
body.about ul.contactinfo li.twitter { background: url(../img/icon_contact_tweet.png) no-repeat 0px 4px; }
body.about ul.contactinfo li.snailmail { color: #666; background: url(../img/icon_contact_house.png) no-repeat 0px 3px; }

body.about #awesome-graph { position: absolute; margin-top: -72px; margin-left: -1px; }

body.about #about-page-hosts h3, body.about #about-page-guests h3 { margin-bottom: 2px; }
body.about #about-page-hosts p, body.about #about-page-guests p { margin-top: 2px; }
body.about .member-casts { color: #808080; font: 14px "futura-pt"; display: block; text-transform: uppercase; padding-top: 4px; }

/* the episode player */
.player
{
        margin-bottom: 20px;
        padding: 90px 5px 10px 5px;
        position: relative;
        background: #000;
        border-radius: 4px 4px 10px 10px;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
        text-align: center;
        color: #FFF;
}

.player .scrubber
{
        height: 8px;
        background: #888;
        border-radius: 8px;
        clear: both;
        margin: 0px 5px;
        cursor: pointer;
}

.player .scrubber > div
{
        height: 8px;
        background: #FFF;
        border-radius: 8px;
}

.player .scrubber > div > span
{
        background: url(../img/player-head.png) no-repeat 0px 0px;
        width: 17px;
        height: 20px;
        float: right;
        position: relative;
        top: -2px;
        left: 9px;
}

.player .controlSingle
{
        background-color: #282828;
        width: 90px;
        height: 90px;
        border-radius: 45px;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -45px;
        z-index: 2;
        cursor: pointer;
}

.player .controlSingle > div
{
        width: 84px;
        height: 84px;
        border: 1px solid #4E4E4E;
        border-radius: 43px;
        margin: 2px;
}

.player .controlSingle span
{
        display: block;
        width: 45px;
        height: 45px;
        margin-top: 22px;
        margin-left: 22px;
        background: url(../img/player-loader.gif) no-repeat 5px 5px;
}

.player .controlSingle.play span
{
        background: url(../img/player-playpause.png) no-repeat -95px 0px;
}

.player .controlSingle.pause span
{
        background: url(../img/player-playpause.png) no-repeat 2px 2px;
}

.player .pulsar
{
        position: absolute;
        left: 0px;
        top: 4px;
        width: 278px;
        height: 65px;
        z-index: 1;
        overflow: hidden;
        background: url(../img/player-bg2.png) repeat-x 0px 0px;
}

.player .pulsar.playing { background: url(../img/player-bg2.png) repeat-x 0px 0px, url(../img/stars.gif) fixed; }

.player .pulsar div
{
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -43px 0px 0px -43px;
        
        border: 5px solid #005778;
        width: 70px;
        height: 70px;
        border-radius: 210px;
        opacity: 0.8;
        overflow: hidden;
        
        -webkit-transition: border 1.5s ease, width 1.5s ease, height 1.5s ease, margin 1.5s ease;
        -moz-transition: border 1.5s ease, width 1.5s ease, height 1.5s ease, margin 1.5s ease;
}

.player .pulsar div.maxed
{
        border: 1px solid #005778;
        width: 210px;
        height: 210px;
        margin: -105px 0px 0px -105px;
}

.player .timeBar
{
        position: relative;
}

.player .timeBar div { font-size: 12px; width: 50px; position: absolute; padding: 6px 2px; }
.player .timeBar .currentTime { left: 0px; text-align: left; }
.player .timeBar .totalTime { right: 0px; text-align: right; }
.player .timeBar h4 { font-size: 18px; margin: 0px; padding: 20px 0px 0px 0px; }
.player .timeBar h4 span { overflow: hidden; }
.player .timeBar h4 span.subtitle { font-size: 13px; text-transform: uppercase; display: block; font-weight: 500; }
.player .timeBar h4 span.maintitle { display: block; height: 30px; white-space: nowrap; }
.player .timeBar h4 span.maintitle span.scrollover { display: inline-block; }

.player .popoutPlayer
{
        width: 10px;
        height: 8px;
        background: url(../img/player-popicon.png) no-repeat 0px 0px;
        position: absolute;
        margin-left: 253px;
        margin-top: -5px;
        cursor: pointer;
        padding: 5px;
        opacity: 0.4;
}

/* alternative styling for some stuff */
.player.altPlayer { padding-top: 5px; margin-bottom: 10px; }

.altPlayer .scrubber { margin-top: 15px; }
.altPlayer .img-thumb-border { box-shadow: none; }

ul.altControls
{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        font-size: 13px;
        height: 35px;
        margin-top: 30px;
        padding-top: 8px;
        font: 500 14px "futura-pt", sans-serif;
        background: url(../img/altplayer-border.png) repeat-x 0px 0px;
}
ul.altControls li, ul.altControls li a { display: inline-block; float: left; }
ul.altControls li { position: relative; padding: 8px 16px 0px 38px;}
ul.altControls li a { color: #FFF; }
ul.altControls li div, ul.altControls li div.controlSingle
{
        width: 25px;
        height: 25px;
        border: 3px solid #000;
        background: #333 url(../img/small-controls-sprite.png) no-repeat 7px 8px;
        border-radius: 25px;
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 0px;
}
ul.altControls li.playbuton { padding-left: 40px; }
ul.altControls li div.controlSingle
{
        width: 28px;
        height: 28px;
        border-radius: 28px;
        border: 5px solid #000;
        background-position: -50px 0px;
        margin-right: 5px;
        top: -3px;
}
.player.altPlayer .controlSingle { margin-left: 0px; }

ul.altControls li div.controlSingle.play { background-position: 10px -22px; }
ul.altControls li div.controlSingle.pause { background-position: 7px -52px; }

/* standalone player specific stuff */
#standaloneContainer { width: 320px; height: 450px; overflow: hidden; background-color: #FFFFFF; }
#standaloneContainer #description { overflow: scroll; height: 235px; }
#standaloneContainer #description p { margin: 0px; padding: 10px 0px; }
#standAloneClose { color: #888; position: absolute; font-size: 18px; font-weight: 500; cursor: pointer; padding: 1px; left: 300px; }

body.extras { background: #232323; }
#extrasPage { padding-top: 90px; background: url(../img/extras-page-bg.jpg) no-repeat center center; background-size: cover; color: #362B18; }
#extrasPage a { color: #362B18; }

#extrasPage h1
{
        text-transform: uppercase;
        text-align: center;
        font-size: 36px;
        background: url(../img/extras-page-title-bg.png) repeat-x 0px 0px;
        margin: 0px;
        padding: 20px 0px;
        font-weight: 700;
}

#extrasPage h3
{
        text-transform: none;
        text-align: center;
        font-family: "museo-slab";
        font-size: 13px;
        background: url(../img/extras-page-subtitle-bg.png) repeat-x center 4px;
        margin: 0px;
}
#extrasPage h3 div { display: inline-block; margin: auto; padding: 0px 6px; background: url(../img/extras-page-bg.jpg) no-repeat center center; }

#extrasGap { height: 95px; background: url(../img/dashed-bg.gif) repeat-x 0px 0px; }

#extrasHeader { position: relative; }
#extrasHeader .extra-sub { position: absolute; opacity: 0.5; font-size: 9px; text-transform: uppercase; text-align: center; }
#extrasHeader .extra-sub em { text-transform: none; }
#extrasHeader .extra-sub.sub-right { top: 40px; left: 860px; }
#extrasHeader .extra-sub.sub-left { top: 40px; left: 30px; }

.extra-block h4
{
        text-transform: uppercase;
        font-size: 11px;
        text-align: center;
        opacity: 0.5;
}

.extra-block h4 span { text-transform: none; }
.extra-block .sectional a div
{
        background: #FFF;
        padding: 5px;
        width: 103px;
        height: 103px;
        box-shadow: 0px 4px 6px -2px #888;
}
.extra-block .sectional a div img { width: 103px; height: 103px; }
.extra-block .sectional a:hover div img { opacity: 0.8; }

#footer { color: #FFF; height: 310px; padding-top: 30px; margin-bottom: -35px; overflow: hidden; }
#footer a { color: #FFF; }
#footer a:hover { border-bottom: 1px dotted #FFF; }
#footer h5 { height: 19px; padding: 0px; margin: 15px 0px 5px 0px; font: 14px "futura-pt"; }
#footer ul { margin: 0px; padding: 0px; list-style-type: none; }
#footer ul li { padding: 1px 0px; }
#footer p { margin: 3px 0px; }

#footer #fineprint
{
        font-size: 9px;
        color: rgba(255, 255, 255, 0.1);
        margin: 2.0em 0;
        padding-bottom: 30px;
}
#footer #fineprint a, #footer #fineprint a:hover { color: #6D6D6D; border-bottom: 0px; }

#footer ul#social-media { padding-top: 12px; }
#footer ul#social-media li { padding: 5px 0px 5px 24px; background-repeat: no-repeat; background-position: 0px 4px; }
#footer ul#social-media li#twitter { background-image: url(../img/icon_twitter.png); }
#footer ul#social-media li#facebook { background-image: url(../img/icon_facebook.png); }
#footer ul#social-media li#steam { background-image: url(../img/icon_steam.png); }
#footer ul#social-media li#minecraft { background-image: url(../img/icon_minecraft.png); }

#footer #subfooter { border-top: 2px solid rgba(255, 255, 255, 0.1); clear: both; }

#footer #subfooter ul
{
        margin: auto;
        padding: 0px;
        list-style-type: none;
        width: 630px;
        position: relative;
        top: -35px;
}

#footer #subfooter ul li
{
        background-repeat: no-repeat;
        background-position: center center;
        width: 120px;
        height: 100px;
        float: left;
        display: inline-block;
        margin-top: 25px;
} 
#footer #subfooter ul li#thumbs-wizard {  background-image: url(../img/wizard.png); }
#footer #subfooter ul li#thumbs-typewriter { background-image: url(../img/typewriter.png); }
#footer #subfooter ul li#thumbs-logo { background-image: url(../img/thumbs-thumbs.png); width: 150px; height: 150px; margin-top: 0px; }
#footer #subfooter ul li#thumbs-society { background-image: url(../img/society.png); }
#footer #subfooter ul li#thumbs-phaedrus { background-image: url(../img/phaedrus.png); }

/* because he's grey... */
.gandalf { background: #EBEBEB; }
.kevinbacon { background: transparent; }
.whiteout { color: #FFF; }
/* sorry, chris */
.gandalfthewhite { background-color: #FFF; }

/* probably placeholder */
.adspace
{
        height: 120px;
        background: #00C000;
}

/* Jeff Goldgrid */
.g { float: left; padding: 0px 10px; margin: auto; }
.g1 { width: 60px; }
.g2 { width: 140px; }
.g3 { width: 220px; }
.g4 { width: 300px; }
.g5 { width: 380px; }
.g6 { width: 460px; }
.g7 { width: 540px; }
.g8 { width: 620px; }
.g9 { width: 700px; }
.g10 { width: 780px; }
.g11 { width: 860px; }
.g12 { width: 940px; }

.gp { float: left; margin: auto; }
.gp1 { width: 80px; }
.gp2 { width: 160px; }
.gp3 { width: 240px; }
.gp4 { width: 320px; }
.gp5 { width: 400px; }
.gp6 { width: 480px; }
.gp7 { width: 560px; }
.gp8 { width: 640px; }
.gp9 { width: 720px; }
.gp10 { width: 800px; }
.gp11 { width: 880px; }
.gp12 { width: 960px; }
.gp100 { width: 100%; }

.clr { clear: both; }

.sectional { margin: 10px 0px; padding: 5px 10px; display: block; }
.gp .sectional { margin: 20px 0px; padding: 5px 20px; }
.sectional.marginless { margin: 0px; }
.sectional.tmarginless { margin-top: 0px; }
.sectional.bmarginless { margin-bottom: 0px; }
.sectional.extramargin { margin: 0px 10px; }
.sectional.extratpadding { padding-top: 20px; }
.sectional.tpaddingless { padding-top: 0px; }

.sectional h3 { font: 500 18px "futura-pt", sans-serif; text-transform: uppercase; margin: 12px 0px; }
.sectional p strong, .sectional p b { font: 600 16px "futura-pt", sans-serif; }

.sectional.sectional-border-right { border-right: 1px solid #C0C0C0; }
.sectional.sectional-border-left { border-left: 1px solid #C0C0C0; }
.sectional.sectional-border-top { border-top: 1px solid #C0C0C0; }
.sectional.sectional-border-bottom { border-bottom: 1px solid #C0C0C0; }

.sectional.lined-border { background: url(../img/episode_page_title_bg_top.gif) repeat-x center center; }

.kevinbacon .sectional.sectional-border-right { border-right: 1px solid #55473F; }
.kevinbacon .sectional.sectional-border-left { border-left: 1px solid #55473F; }
.kevinbacon .sectional.sectional-border-top { border-top: 1px solid #55473F; }
.kevinbacon .sectional.sectional-border-bottom { border-bottom: 1px solid #55473F; }

#midsection .sectional.lined-border { color: #999999; text-align: center; font-size: 13px; font-style: italic; }
#midsection .sectional.lined-border div { display: inline-block; background: #FFF; padding: 0px 8px; }

.sectional.light-lined-border-top { background: url(../img/light-homepage-border.gif) repeat-x 0px 0px; }
.sectional.light-lined-border-bottom { background: url(../img/light-homepage-border.gif) repeat-x 0px bottom; }
#midsection .light-border-gap { padding-top: 13px; }

.sectional.security-tubs
{
        background: #D3D3D3;
        margin: 10px;
        padding: 15px;
        position: relative;
}

.sectional.security-tubs .arrow-floater
{
        position: absolute;
        width: 15px;
        height: 30px;
        background: url(../img/arrow-right-grey.png) no-repeat right center;
        top: 20px;
        left: 100%;
}
.sectional.security-tubs.tmarginless { margin-top: 0px; }
.sectional.security-tubs.bmarginless { margin-bottom: 0px; }

.sectional.security-spacer { height: 32px; }

@media(min-width:1600px) {
    body.home #hall-of-justice,
    body.home .hero {
        height: 650px;
    }
    body.home .hero a.episode-info  {
        height: 610px;
    }
    body.home .hero a.episode-info .listen-button {
        top: 535px;
    }
    body.show.show-home {
        background-position: 0px 645px;
    }
    body.show.show-home div.background-cover {
        height: 645px;
    }
    body.show.show-home #gaps-gaply .horsebag {
        height: 448px;
    }
}

@media(min-width:2000px) {
    body.home #hall-of-justice,
    body.home .hero {
        height: 700px;
    }
    body.home .hero a.episode-info  {
        height: 660px;
    }
    body.home .hero a.episode-info .listen-button {
        top: 585px;
    }
    body.show.show-home {
        background-position: 0px 695px;
    }
    body.show.show-home div.background-cover {
        height: 695px;
    }
    body.show.show-home #gaps-gaply .horsebag {
        height: 498px;
    }
}

@media(min-width:2400px) {
    body.home #hall-of-justice,
    body.home .hero {
        height: 750px;
    }
    body.home .hero a.episode-info  {
        height: 710px;
    }
    body.home .hero a.episode-info .listen-button {
        top: 635px;
    }
    body.show.show-home {
        background-position: 0px 745px;
    }
    body.show.show-home div.background-cover {
        height: 745px;
    }
    body.show.show-home #gaps-gaply .horsebag {
        height: 548px;
    }
}