#listenLatest .blogroll-extra span.blogroll-timestamp, .recentlisthide, .show-highlight-single .blogroll-extra span.blogroll-timestamp, .show-highlights .blogroll .media-body .airdate, .show-highlights .blogroll-extra span.blogroll-timestamp {
    display: none
}
.content-header {
    background: url(http://www.cbc.ca/radio/polopoly/assets/images/spark-header-gradient.jpg) no-repeat #6b7599;
    background-size: 100% 100%
}
.radio_banner {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#09555C', endColorstr='#09555C')
}
.ie8 .content-header {
    background-image: url(http://www.cbc.ca/radio-content/assets/images/spark-header-gradient.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.cbc.ca/radio-content/assets/images/spark-header-gradient.jpg', sizingMethod='scale')
}
.ie8 .listen-live {
    font-size: 14px
}
#header-container {
    background: url(http://www.cbc.ca/radio-content/assets/images/spark-host.png) 5% 20px no-repeat
}
.ie8 #header-container {
    background-image: url(http://www.cbc.ca/radio-content/assets/images/spark-host.png);
    background-repeat: no-repeat;
    background-position: 5% 20px;
    position: relative;
    z-index: 2
}
.pullquote-quotation, .story-content .pullq strong {
    border-left: 2px solid #09555c
}
.cbc-caffeine-player .cbc-caffeine-container.cbc-caffeine-video.player-loaded div[id^=player].tpPlayer {
    width: 100%!important
}
.segment-body .segment-medialink.media-popup.audio, .episode-body .episode-medialink.media-popup.audio {
  background-color: #4f5670;
  border: medium none;
  bottom: 0;
  box-shadow: 0 -15px 8px -10px rgba(0, 0, 0, 0.3);
  margin-bottom: 0;
  position: fixed;
  z-index: 9999;
  color:#fff;
}

.segment-body a.segment-medialink.media-popup.audio, .episode-body a.episode-medialink.media-popup.audio  {
	padding: 15px 0 15px 25px;
}
.segment-body a.segment-medialink.media-popup.audio:hover,.episode-body a.episode-medialink.media-popup.audio:hover {color:#ccc;}
.segment-body .icon_play, .segment-body .featured-segment a.media-play:nth-child(4) .icon_play, .episode-body a.episode-medialink.media-popup.audio  .icon_play{
  background: rgba(0, 0, 0, 0) url("http://www.cbc.ca/radio-content/assets/images/play-icon-white.png") no-repeat scroll 1px 2px;
  height: 45px;
  margin-right: 5px;
  width: 45px;
}
.segment-body .episode-runtime, .segment-runtime, .segment-body .episode-runtime, .episode-body .episode-medialink.media-popup.audio .episode-runtime {
  color: #fff;
}
@media(max-width:1086px) {
    .site-header {
        background-position: -70px 20px
    }
}
.hgroup a:active, .hgroup a:focus, .hgroup a:hover, .hgroup a:link, .hgroup a:visited {
    color: #fff;
    text-decoration: none!important
}
.past-episodes ul.blogroll-episodesegmentlist, .past-episodes ul.blogroll-episodesegmentlist li {
    list-style: square;
    margin: 0 0 0 10px;
    color: #4f8ec4
}
.segment-content>blockquote, .segment-content>h1, .segment-content>h2, .segment-content>h3, .segment-content>h4, .segment-content>iframe, .segment-content>span, .segment-content>ul {
    padding: 0;
    width: 100%;
    margin-left: 0
}
.segment-body .segment-runtime {
    float: none
}
.figure-caption {
    font-size: 12px
}
.segment-body .segment-content .figure img {
    width: 98%
}
.segment-body .segment-content .figure {
    margin-bottom: 10px
}
.segment-content .video-container {
    float: none;
    clear: none;
    width: 100%;
    position: relative;
    padding-bottom: 46.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px;
    margin-left: 0
}

@media(max-width:732px) {
    .show-highlights li.blogroll {
        width: 99%
    }
    .show-highlights ul.blogroll-primarylist li.blogroll {
        display: none
    }
    .show-highlights ul.blogroll-primarylist li.blogroll:first-child {
        display: inline-block!important
    }
    .show-highlights .blogroll .media-body {
        width: 62%
    }
    .show-highlights ul.blogroll-primarylist li.blogroll img {
        width: 100%;
        float: left;
        margin-right: 3%
    }
    .show-highlights .blogroll .media-side {
        width: 31%
    }
    .episodes-footer {
        top: 0;
        display: inline-block
    }
    .archivesepisodes .blogroll .media-side {
        width: 95%
    }
    .archivesepisodes .blogroll .media-body {
        width: 100%;
        margin-left: 2%
    }
    .archivesepisodes .blogroll-fullepisode {
        position: relative;
        top: 0;
        text-align: right
    }
    .blogroll div[id*=page] {
        width: 90%;
        margin-left: 5%;
        margin-bottom: 10px
    }
    .blogroll div[id*=page] input {
        font-size: 14px
    }
    .segment-teaser .media .media-side {
        margin-right: 12px;
        width: 50%
    }
    .segment-linksegment-current {
        background-image: none;
        margin-right: 0
    }
    .segment-content {
        position: relative;
        padding-bottom: 150%
    }
    .segment-middle {
        display: block;
        width: 95%;
        position: absolute;
        bottom: 0
    }
    .promocollection-head.module-head {
        margin: 1rem 4% 1.5rem
    }
    .most-recent h3.promocollection-heading {
        text-transform: lowercase
    }
    .episode-body .episode-segments h2.episode-segmenttitle {
        font-size: 1em
    }
    .segment-content .video-container {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 46.25%;
        padding-top: 25px;
        height: 0;
        margin-bottom: 185px;
        margin-left: 0
    }
}