


/****************************
 Common / Misc
****************************/
    /* social buttons */
    a.share-rss,
    a.share-twitter,
    a.share-facebook,
    a.share-google-plus {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }
    a.share-rss:hover,
    a.share-twitter:hover,
    a.share-facebook:hover,
    a.share-google-plus:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    a.share-rss img,
    a.share-twitter img,
    a.share-facebook img,
    a.share-google-plus img {
        width: 22px;
        height: 22px;
        padding: 0 2px;
    }
    
    /* fade animation */
    .fade {
		-webkit-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
		   -moz-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
		    -ms-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
		     -o-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
		        transition: color 0.3s, background-color 0.3s, opacity 0.3s;
                
	}
	.fade:hover {
        -webkit-transition: color 0s, background-color 0s, opacity 0s;
		   -moz-transition: color 0s, background-color 0s, opacity 0s;
		    -ms-transition: color 0s, background-color 0s, opacity 0s;
		     -o-transition: color 0s, background-color 0s, opacity 0s;
		        transition: color 0s, background-color 0s, opacity 0s;
	}
    
    /* disqus */
    .disqus-comments {
        padding-top: 40px;
        border-top: 1px solid #e9e9e9;
    }
    
    /* section */
    .section {
        margin-bottom: 40px;
    }
    .section-head-link {
        display: block;
        float: right;
        padding: 5px 10px 5px 35px;
        color: #fff;
        font-size: 12px;
        line-height: 21px;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Function Pro Bold', sans-serif;
        background-position: left;
        background-repeat: no-repeat;
        background-image: url('/images/bg-section-head-link.png');
    }
    .section-head-link:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
        text-decoration: none;
    }
    a.section-head-rss {
        display: block;
        float: right;
        padding: 0 5px;
        color: #fff;
        line-height: 31px;
        background-color: #ffa511;
    }
    .section-head {
        margin: 0;
        padding: 5px 10px;
        color: #fff;
        font-size: 14px;
        line-height: 21px;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Function Pro Bold', sans-serif;
        background-color: #4e8abe;
    }
    
    .section-head a {
        color: #fff;
    }
    .heap1 .section-head { background-color: #d9531e; }
    .heap2 .section-head { background-color: #f5aa01; }
    .heap3 .section-head { background-color: #afbd20; }
    .heap4 .section-head { background-color: #e17340; }
    .section-body {
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-top: 0px none;
    }
    .section-foot {
        padding: 10px 0;
        text-align: right;
    }
    .section-foot a {
        color: #414141;
        font-family: 'Function Pro Bold', sans-serif;
    }
    
    /* sponsor carousel section */
    .sponsors-carousel .section-head {
        padding: 5px 0;
        color: #818181;
        font-family: 'Function Pro Book', sans-serif;
        background-color: #fff;
    }
    .sponsors-carousel .section-body { border: 1px solid #e9e9e9; }
    
    /* attention message */
    .article-attention-message {
        width: 100%;
        margin: 10px 0;
        padding: 15px;
        color: #a6322a;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        border: 1px solid #a6322a;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #f3e4e3;
    }
    
    .expand-o-matic {
        display: none;
        width: 32px;
        height: 27px;
        position: absolute;
        right:6px;
        top: 6px;
        opacity: 1;
    }
    
    a:hover .expand-o-matic {
        display: inline;
        opacity: 1;
    }

    
    @media (max-width: 1140px) {
        /* social buttons */
        a.share-rss img,
        a.share-twitter img,
        a.share-facebook img,
        a.share-google-plus img {
            width: 30px;
            height: 30px;
        }
        
        /* section */
        .section-body { border: 0px none; }
        a.section-head-link { display: none; }
        .articles-block a.section-head-link { display: none; }
        .events-block a.section-head-link { display: block; }
        .programs-block a.section-head-link { display: block; }
    }
    
    @media (max-width: 850px) {
        .section-head {
            padding: 10px 10px;
        }
        a.section-head-link {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }



/****************************
 Page Alerts
****************************/
    .page-alert {
        position: relative;
        top: 0;
        left: 0;
        width: 1100px;
        margin: 0 auto;
    }
    .page-alert-inner {
        padding: 15px;
        padding-left: 40px;
        margin-bottom: 20px;
        color: #a6322a;
        font-size: 16px;
        font-weight: 700;
        border: 1px solid #a6322a;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #f3e4e3;
        background-repeat: no-repeat;
        background-position: 15px 20px;
        background-image: url('/images/alert-icon.png');
    }
    .page-alert-inner a {
        color: #a6322a;
        text-decoration: underline;
    }
    .page-alert-inner p:last-child {
        margin-bottom: 0px;
    }
    .page-alert-close {
        position: absolute;
        top: -1px;
        right: -1px;
        cursor: pointer;
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-image: url('/images/alert-close.png');
    }
    
    
    @media (max-width: 1140px) {
        .page-alert { width: 92%; }
    }



/****************************
 Article Blurb
****************************/
    .article-highlight {
        margin-bottom: 40px;
    }
    .article-regular {}
    .article-mini {
        padding-top: 10px;
    }
    
    .article-regular + .article-regular {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e9e9e9;
    }
    .article-regular + .article-mini {
        margin-top: 10px;
        border-top: 1px solid #e9e9e9;
    }
    
    .article-highlight .article-image {
        margin-bottom: 20px;
    }
    .article-highlight .article-image img {
        max-width: 750px;
    }
    .article-highlight .article-info {}
    
    .article-regular .article-image {
        float: left;
    }
    .article-regular .article-image img {
        max-width: 300px;
    }
    .article-regular .article-info {
        margin-left: 320px;
    }
    
    .article-highlight h1 {
        margin-bottom: 10px;
    }
    .article-mini h1,
    .article-regular h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .article-info .article-blurb {
        margin-bottom: 15px;
    }
    .article-regular .article-blurb {
        font-size: 13px;
    }
    .article-content {
        margin-top: 20px;
    }
    .article-external-content {
        margin: 20px 0;
        padding: 5px 10px;
        color: #999;
        font-size: 13px;
        border: 1px solid #ddd;
        background-color: #fafafa;
    }
    
    .articles-tag-cloud a {
        display: inline-block;
        margin: 5px 10px;
    }
    .article-tags {
        margin-bottom: 20px;
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Function Pro Medium', sans-serif;
    }
    .article-tags strong {
        display: inline-block;
        padding: 3px 6px;
        margin: 3px;
    }
    .article-tags a {
        display: inline-block;
        padding: 3px 6px;
        margin: 3px;
        color: #414141;
        font-weight: 700;
        background-color: #ccc;
    }
    .article-tags a:hover {
        text-decoration: none;
        background-color: #f0f0f0;
    }
  
    
    .article-social { margin-bottom: 10px; }
    .article-social-buttons {
        display: block-inline;
        margin-left: 10px;
    }
    
    .heap1 .article-mini,
    .heap2 .article-mini,
    .heap3 .article-mini,
    .heap4 .article-mini,
    .heap5 .article-mini {
        padding-left: 15px;
        background-repeat: no-repeat;
        background-position: 2px 20px;
    }
    .heap1 .article-mini { background-image: url('/images/bullet-heap1.png'); }
    .heap2 .article-mini { background-image: url('/images/bullet-heap2.png'); }
    .heap3 .article-mini { background-image: url('/images/bullet-heap3.png'); }
    .heap4 .article-mini { background-image: url('/images/bullet-heap4.png'); }
    .heap5 .article-mini { background-image: url('/images/bullet-heap5.png'); }
    
    
    @media (max-width: 1140px) {
        /* article */
        .article-regular .article-image img {
            max-width: 200px;
        }
        .article-regular .article-info {
            margin-left: 220px;
        }
        .article-highlight  { padding: 0 10px; }
        .article-highlight .article-image img { max-width: 100%; }
        
        .article-social-buttons {
            display: block;
            margin: 10px 0;
        }
    }
    
    @media (max-width: 700px) {
        .article-regular .article-image img {
            max-width: 100px;
        }
        .article-regular .article-info {
            margin-left: 120px;
        }
    }
    
    @media (max-width: 700px) {
        .article-regular .article-image {
            width: 100px;
            float: right;
            margin: 0 0 10px 10px;
        }
        .article-regular .article-info {
            margin-left: 0;
        }
    }



/****************************
 Articles Block
****************************/
    .articles-block .block-head { margin-bottom: 0; }
    .articles-block .block-body {
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-top: 0px none;
    }
    .articles-block .article-image img {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .articles-block .block-body h1 {
        margin-bottom: 5px;
        font-size: 20px;
    }
    .articles-block .block-body p { font-size: 12px; }
    .articles-block .block-body .read-more { float: right; }
    .articles-block .article-regular .article-image {float: none; }
    .articles-block .article-regular .article-info { margin-left: 0; }
    
    
    @media (max-width: 1140px) {
        /* articles block */
        .articles-block .section-head-link { display: none; }
        .articles-block .article-regular .article-image {
            float: none;
            width: 100%;
            margin: 0 0 10px 0;
        }
        .articles-block .block-body .read-more { float: none; }
    }



/****************************
 Home Page: Upper
****************************/
    .homepage-upper {
        width: 100%;
        margin-bottom: 100px;
        background-color: #4e8abe;
        background-repeat: repeat-x;
        background-position: left top;
        background-image: url('/images/bg-homepage-banner.jpg');
        
    }
    .homepage-upper-inner {
        width: 1100px;
        height: 405px;
        margin: 0 auto;
        padding: 20px 0;
    }
    
    
    @media (min-width: 1100px) {
        .homepage-upper {
            background-position: left top;
            background-repeat: no-repeat, repeat-x;
            background-image: url('/images/bg-homepage-banner-highlight.jpg'), url('/images/bg-homepage-banner.jpg');
        }
    }
    
    @media (max-width: 1140px) {
        .homepage-upper {
            margin-bottom: 40px;
        }
        .homepage-upper-inner {
            width: 100%;
            height: auto;
            padding: 0;
        }
    }



/****************************
 Home Page: News
****************************/
    .homepage-content {}
    .homepage-news {
        margin-bottom: 40px;
    }
    
    /* tabs */
    .homepage-news-tabs {}
    .homepage-news-tabs ul {
        display: table;
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .homepage-news-tabs li {
        display: table-cell;
        vertical-align: bottom;
        padding-right: 5px;
    }
    .homepage-news-tabs li:last-child {
        padding-right: 0;
    }
    a.homepage-news-tab {
        display: block; 
        margin-top: 10px;
        padding: 5px 15px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Function Pro Demi', sans-serif;
        background-color: #ccc;
        -webkit-user-select: none;  
           -moz-user-select: none;    
            -ms-user-select: none;      
                user-select: none;
        -webkit-transition: 0.2s;
           -moz-transition: 0.2s;
            -ms-transition: 0.2s;
                transition: 0.2s;
    }
    
    a.homepage-news-tab:hover,
    a.homepage-news-tab.active {
        margin-top: 0;
        padding: 10px 15px;
        text-decoration: none;
        background-color: #4e8abe;
    }
    a.homepage-news-tab.heap1:hover,
    a.homepage-news-tab.heap1.active {
        background-color: #d9531e;
    }
    a.homepage-news-tab.heap2:hover,
    a.homepage-news-tab.heap2.active {
        background-color: #f5aa01;
    }
    a.homepage-news-tab.heap3:hover,
    a.homepage-news-tab.heap3.active {
        background-color: #afbd20;
    }
    a.homepage-news-tab.heap4:hover,
    a.homepage-news-tab.heap4.active {
        background-color: #e17340;
    }
    a.homepage-news-tab.rss-tab {
        padding-left: 30px;
        background-color: #e1733e;
        background-repeat: no-repeat;
        background-position: 10px center;
        background-image: url('/images/rss-icon.png');
    }
    
    /* border */
    .homepage-news-border {
        width: 100%;
        height: 8px;
        background-repeat: repeat;
        background-image: url('/images/blue-stripes.gif');
    }
    
    /* section head (mobile) */
    .homepage-news .section-head { display: none; }
    
    /* panes */
    .homepage-news-panes {
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-top: 0px none;
    }
    .homepage-news-pane {}
    .homepage-news-pane-link {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #e9e9e9;
        text-align: right;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .homepage-news-pane-link a { color: #414141; }
    
    /* "Most Recent" pane */
    .homepage-news-pane-recent {}
    .homepage-news-pane-recent-upper {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e9e9e9;
    }
    .homepage-news-pane-recent-left {
        float: left;
        width: 280px;
        padding-right: 20px;
        margin: 0 10px 15px 0;
        border-right: 1px solid #e9e9e9;
    }
    .homepage-news-pane-recent-right {
        margin: 0 0 15px 300px;
        padding-left: 20px;
        border-left: 1px solid #e9e9e9;
    }
    .homepage-news-pane-recent-right.no-comments {
        margin: 0 0 15px 0px;
        padding-left: 0px;
        border-left: 0px none;
    }
    
    .homepage-news-pane-recent-left h4 {
        margin-top: 0;
        background-color: #d9531e;
    }
    .homepage-news-pane-recent-right h4 {
        margin-top: 0;
        background-color: #f5aa01;
    }
    
    /* comments */
    .homepage-news-pane-comment {
        margin-bottom: 20px;
    }
    .comment-link {
        margin-bottom: 2px;
        color: #818181;
        font-size: 12px;
        font-family: 'Function Pro Book', sans-serif;
    }
    .comment-link a { text-decoration: underline; }
    .comment-message {
        margin-bottom: 2px;
        font-size: 13px;
    }
    .comment-name {
        font-size: 14px;
        font-family: 'Function Pro Book', sans-serif;
    }
    
    /* articles */
    .homepage-news-pane-recent-right .article-image {
        display: none;
    }
    .homepage-news-pane-recent-right .article-info {
        margin-left: 0px;
    }
    
    /* RSS pane */
    .homepage-news-pane-rss {}
    .homepage-news-pane-rss p {
        font-size: 12px;
    }
    .homepage-news-pane-rss ul {
        list-style: none;
        padding: 0;
    }
    .homepage-news-pane-rss a {
        font-size: 16px;
        font-family: 'Function Pro Bold', sans-serif;
    }
    
    @media (max-width: 1140px) {
        .homepage-news-tabs ul { display: none; }
        .homepage-news-border { display: none; }
        .homepage-news .section-head { display: block; }
        .homepage-news-panes { border: 0px none; }
        .homepage-news-pane-recent-left { display: none; }
        .homepage-news-pane-recent-right {
            margin: 0;
            padding-left: 0;
            border-left: 0px none;
        }
        .homepage-news-pane-recent-right h4 { display: none; }
    }



/****************************
 Program Content
****************************/
    .program-content {
        margin-bottom: 40px;
    }
    .program-content h1 {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e9e9e9;
    }
    .program-content-image {
        float: left;
    }
    .program-content-image + .program-content-info {
        margin-left: 330px;
    }
    
    /* television/radio schedule tile */
    .program-schedule-tile {
        float: left;
        width: 20%;
        padding: 2%;
        font-size: 12px;
    }
    .program-schedule-tile h2 {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .program-schedule-tile p { margin-bottom: 5px; }
    
    
    @media (max-width: 1140px) {
        .program-content-image {
            float: none;
            margin-bottom: 20px;
            text-align: center;
        }
        .program-content-image img { max-width: 100%; }
        .program-content-image + .program-content-info { margin-left: 0; }
        
        .program-schedule-tile {
            float: none;
            width: auto;
            padding: 0 0 20px 0;
        }
    }
    
    
    
/****************************
 Programs: Television Episodes
****************************/
    .television-episodes {}
    
    /* dropdown navigation */
    .television-episodes-navigation {}
    .television-episodes-navigation select {
        padding: 5px;
    }
    .television-episodes-navigation span {
        margin-left: 10px;
        color: #818181;
        font-size: 12px;
        font-family: 'Function Pro Book', sans-serif;
        text-transform: uppercase;
    }
    
    
    @media (max-width: 1140px) {
        .television-episodes-navigation { display: none; }
        .television-episodes .section-foot {
            padding: 0;
            text-align: right;
        }
        .television-episodes .section-foot a {
            display: block;
            padding: 10px;
            color: #fff;
            text-align: center;
            background-color: #ccc;
        }
        .television-episodes .section-foot a:hover {
            text-decoration: none;
            background-color: #999;
        }
        
    }
    
    
    
/****************************
 Programs: Radio Episodes
****************************/
    .radio-episodes {}

    /* dropdown navigation */
    .radio-episodes-navigation {
        margin-bottom: 20px;
    }
    .radio-episodes-navigation select {
        padding: 5px;
    }
    .radio-episodes-navigation span {
        margin-left: 10px;
        color: #818181;
        font-size: 12px;
        font-family: 'Function Pro Book', sans-serif;
        text-transform: uppercase;
    }
    
    
    @media (max-width: 1140px) {
        .radio-episodes-navigation { display: none; }
    }
    
    
    
/****************************
 Program Television/Radio Episode
****************************/
    .episode-content {
        margin-bottom: 40px;
    }
    .episode-content h1 em {
        color: #818181;
        font-weight: 500;
        font-style: normal;
    }
    .episode-content-info {
        height: 420px;
        margin-left: 780px;
        overflow: hidden;
    }
    
    /* television episode */
    .episode-content-video {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        width: 750px;
        height: 420px;
        max-width: 750px;
        max-height: 420px;
        background-color: #000;
    }
    .episode-content-video-player {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
    .episode-content-video span {
        display: block;
        margin-top: 50px;
        color: #999;
        font-size: 12px;
        text-align: center;
    }
    img.episode-content-video-scale {
        max-width: 100%;
        max-height: 100%;
    }
    
    /* radio episode */
    .episode-content-audio {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        width: 750px;
        height: 420px;
        max-width: 750px;
        max-height: 420px;
        background-color: #000;
    }
    .episode-content-audio-image {
        width: 100%;
        height: 100%;
    }
    .episode-content-audio-image img {
        max-width: 100%;
        max-height: 100%;
    }
    .episode-content-audio-player {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
    /* related links */
    .episode-related-links {}
    .episode-related-links ul {
        list-style: none;
        padding: 0;
    }
    .episode-related-links li {
        margin-bottom: 5px;
        font-family: 'Function Pro Demi', sans-serif;
    }
    .episode-related-links a {
        color: #818181;
    }
    
    /* bonsu videos */
    .episode-bonus-videos {}
    .episode-bonus-videos .section-body {
        padding: 10px 13px;
    }
    .episode-bonus-videos-tile {
        float: left;
        margin: 10px;
    }
    .episode-bonus-videos-tile a {
        display: block;
        width: 220px;
        height: 150px;
        color: #414141;
    }
    .episode-bonus-videos-tile a {
        text-decoration: none;
    }
    .episode-bonus-videos-image {
        width: 220px;
        height: 125px;
        margin-bottom: 5px;
    }
    .episode-bonus-videos .episode-bonus-videos-image img {
        max-width: 220px;
        max-height: 125px;
    }
    .episode-bonus-videos-title {
        width: 220px;
        height: 25px;
        color: #818181;
        line-height: 25px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: 'Function Pro Book', sans-serif;
    }
    
    /* resources */
    .episode-resources {}
    .episode-resources .section-body {
        padding: 10px 13px;
    }
    .episode-resources-tile {
        float: left;
        width: 160px;
        margin: 10px;
        text-align: center;
    }
    .episode-resources-tile a {
        color: #414141;
        text-decoration: none;
    }
    .episode-resources-icon {
        width: 160px;
    }
    .episode-resources-title,
    .episode-resources-type {
        width: 160px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .episode-resources-title {
        font-family: 'Function Pro Bold', sans-serif;
    }
    .episode-resources-type {
        font-family: 'Function Pro Book', sans-serif;
    }
    
    
    @media (max-width: 1140px) {
        /* programs: radio/television episodes */
        .episode-content-video,
        .episode-content-audio {
            float: none;
            width: auto;
            height: auto;
            margin-bottom: 10px;
        }
        .episode-content-video iframe,
        .episode-content-video video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
        }
        .episode-content-info {
            height: auto;
            margin-left: 0;
            overflow: visible;
        }
        
        /* programs: episode extras */
        .episode-bonus-videos .section-body { text-align: center; }
        .episode-bonus-videos-tile { float: none; display: inline-block; }
        .episode-resources .section-body { text-align: center; }
        .episode-resources-tile { float: none; display: inline-block; }
    }
    
    @media (max-width: 500px) {
        /* jplayer */
        .episode-content-audio-player { position: relative; }
        .episode-content-audio-player .jp-progress { display: none; }
    }
    
    
    
/****************************
 Programs: Radio Episode jPlayer
****************************/
    /* jplayer for radio episodes */
    .jplayer-radio-episode div.jp-audio {
        width: 100%;
    }
    
    /* no solution text */
    .jplayer-radio-episode div.jp-no-solution {
        line-height: 35px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.9)
    }
    
    /* controls */
    .jplayer-radio-episode div.jp-interface {
        width: 100%;
        height: 35px;
        background-color: #ccc;
    }




/****************************
 Television & Radio List
****************************/
    .alphanumeric-list {
        margin-top: 10px;
    }
    
    .alphanumeric-tabs {
        margin-bottom: 20px;
    }
    .alphanumeric-tabs a {
        display: block;
        float: left;
        width: 25px;
        margin: 0 1px;
        padding: 5px 0;
        color: #818181;
        text-align: center;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .alphanumeric-tabs a:hover {
        text-decoration: none;
        color: #4e8abe;
    }
    .alphanumeric-tabs a.active {
        color: #fff;
        background-color: #4e8abe;
    }
    .alphanumeric-tabs a.disabled {
        cursor: default;
        color: #e9e9e9;
    }
    
    .alphanumeric-header {
        padding: 5px 10px;
        margin-bottom: 5px;
        font-family: 'Function Pro Bold', sans-serif;
        background-color: #e9e9e9;
    }
    .alphanumeric-header-back {
        float: right;
        font-family: 'Function Pro Book', sans-serif;
    }
    
    .alphanumeric-panes {}
    .alphanumeric-pane {
        margin-bottom: 20px;
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
        color: #818181;
    }
    .alphanumeric-pane a {
        color: #414141;
    }
    
    
    @media (max-width: 1140px) {
        /* programs list */
        .alphanumeric-tabs a {
            width: 40px;
            font-size: 20px;
        }
        .alphanumeric-pane {
            -webkit-column-count: 1;
               -moz-column-count: 1;
                    column-count: 1;
        }
    }



/****************************
 Event Blurb
****************************/
    .event-image {
        margin-bottom: 20px;
    }
    
    .event-date {
        float: left;
        width: 55px;
        padding: 8px 5px;
        color: #4e8abe;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Function Pro Bold', sans-serif;
        background-color: #ccc;
    }
    .event-date-month {}
    .event-date-day {
        font-size: 30px;
    }
    .event-date-year {
        color: #818181;
        font-size: 12px;
        font-family: 'Function Pro Demi', sans-serif;
    }
    .event-date-mobile { display: none; }
    
    .event-info {
        margin-left: 80px;
    }
    .event-social { margin-bottom: 10px; }
    a.view-event {
        display: block;
        margin-left: 80px;
    }
    
    /* featured */
    .event-featured {
        margin-bottom: 40px;
    }
    .event-featured .event-image img {
        max-width: 750px;
    }
    
    /* tile */
    .event-tile {
        float: left;
        width: 310px;
        margin: 0 25px
    }
    .event-tile .event-image img {
        max-width: 310px;
    }
    .event-tile .event-info {
        max-height: 370px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .event-tile h1 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    
    
    @media (max-width: 1140px) {
        .event-tile .event-info {
            overflow: visible;
            max-height: 100%;
            margin-left: 0;
        }
        .event-tile .event-info h1 { font-size: 20px; }
        .event-tile .event-date { display: none; }
        .event-tile .event-date-mobile { display: block; }
        .event-tile a.view-event { margin-left: 0; }
        
        .event-featured { padding: 0 10px; }
        .event-featured .event-info { margin-left: 0; }
        .event-featured .event-info h1 { font-size: 20px; }
        .event-featured .event-date { display: none; }
        .event-featured .event-date-mobile { display: block; }
        .event-featured .event-image img { max-width: 100%; }
        .event-featured a.view-event { margin-left: 0; }
    }



/****************************
 Event Content
****************************/
    .event-content {
        margin-bottom: 40px;
    }
    .event-content-image {
        float: left;
        margin-bottom: 20px;
    }
    .event-content-image img {
        max-width: 100%;
    }
    .event-content-image + .event-content-info {
        margin-left: 395px;
    }
    .event-content-info {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .event-content-date {
        font-size: 22px;
        color: #4e8abe;
        font-family: 'Function Pro Bold', sans-serif;
    }
    
    
    @media (max-width: 1140px) {
        .event-content-image {
            float: none;
            text-align: center;
        }
        .event-content-image + .event-content-info {
            margin-left: 0;
        }
    }
    
    
    
/****************************
 Events Block
****************************/
    .events-block .block-head { margin-bottom: 0; }
    .events-block .block-body {
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-top: 0px none;
    }
    .events-block .event-tile {
        float: none;
        width: 100%;
        margin: 0;
    }
    .events-block .event-tile .event-image img {
        max-width: 100%;
    }
    .events-block .event-tile .event-info p { font-size: 12px; }
    .events-block a.view-event { float: right; }
    
    
    @media (max-width: 1140px) {
        .events-block a.view-event { float: none; }
    }

    
    
/****************************
 Articles: jPlayer
****************************/
    /* jplayer for articles */
    .jplayer-article-audio div.jp-audio {
        width: 100%;
    }

    /* no solution text */
    .jplayer-article-audio div.jp-no-solution {
        color: #a6322a;
        text-align: center;
        line-height: 35px;
        font-family: 'Function Pro Demi', sans-serif;
        background-color: #f3e4e3;
    }
    .jplayer-article-audio div.jp-no-solution a {
        color: #a6322a;
        text-decoration: underline;
    }

    /* controls */
    .jplayer-article-audio div.jp-interface {
       width: 100%;
        height: 35px;
        background-color: #ccc;
    }
    
    @media (max-width: 500px) {
        /* jplayer */
        .jplayer-article-audio { position: relative; }
        .jplayer-article-audio .jp-progress { display: none; }
    }



/****************************
 Sponsors: Blocks
****************************/
    .section-sponsors {
        margin-bottom: 20px;
        text-align: center;
    }
    .section-sponsors + .section-sponsors {
        padding-top: 20px;
        border-top: 1px solid #e9e9e9;
    }
    .section-sponsors-head {
        margin-bottom: 20px;
        text-align: left;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .section-sponsors img.sponsors-full {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .section-sponsors img.sponsors-half {
        max-width: 40%;
        margin: 0 5% 20px 5%;
    }



/****************************
 Schedules
****************************/
    /* navigation */
    .shedule-navigation {}
    .shedule-navigation-border {
        width: 100%;
        height: 8px;
        margin-bottom: 20px;
        background-repeat: repeat;
        background-image: url('/images/blue-stripes.gif');
    }
    
    a.shedule-navigation-tab,
    a.shedule-navigation-tab-active {
        display: block;
        float: left;
        margin: 10px 15px 0 0;
        padding: 5px 15px;
        color: #fff;
        font-family: 'Function Pro Demi', sans-serif;
        background-color: #ccc;
        -webkit-transition: 0.2s;
           -moz-transition: 0.2s;
            -ms-transition: 0.2s;
                transition: 0.2s;
    }
    a.shedule-navigation-tab:hover,
    a.shedule-navigation-tab-active {
        margin-top: 0;
        padding: 10px 15px;
        background-color: #4e8abe;
    }
    a.shedule-navigation-tab:hover,
    a.shedule-navigation-tab-active:hover {
        text-decoration: none;
    }
    
    /* cells */
    .schedule-cell {
        float: left;
        overflow: hidden;
        padding: 5px;
        font-size: 12px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #fff;
    }
    .schedule-cell.time-now,
    .schedule-cell.time-now {
        color: #fff !important;
        background-color: #e17340 !important;
    }
    
    /* left side - times */
    .schedule-times {
        float: left;
        width: 120px;
    }
    .schedule-times .schedule-cell {
        width: 120px;
    }
    
    .schedule-times-head {
        width: 120px;
        height: 50px;
    }
    .schedule-times-head .schedule-cell {
        height: 50px;
    }
    
    .schedule-times-body {
        width: 120px;
    }
    .schedule-times-body .schedule-cell {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-align: right;
        text-transform: uppercase;
        background-color: #4e8abe;
    }
    
    /* right side - programs */
    .schedule-programs {
        margin-left: 120px;
    }
    .schedule-programs .schedule-cell {
        /*width: 140px;*/
        width: 100%;
    }
    
    .schedule-programs-head {
        height: 50px;
    }
    .schedule-programs-head .schedule-cell {
        height: 50px;
        color: #4e8abe;
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        background-color: #dce9f2;
    }
    
    .schedule-programs-body {
        overflow: hidden;
    }
    .schedule-programs-body .schedule-column {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        /*width: 140px;*/
    }
    .schedule-programs-body .schedule-cell {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        background-color: #e9e9e9;
    }
    .schedule-programs-body .schedule-cell:hover {
        background-color: #e0e0e0;
    }
    .schedule-programs-body .schedule-cell a:hover {
        text-decoration: none;
    }
    
    .schedule-programs-body .schedule-cell-error {
        cursor: default;
        height: 100%;
        text-align: center;
        font-style: italic;
    }
    .schedule-programs-body .schedule-cell-error:hover {
        background-color: #e9e9e9;
    }
    
    /* more info popup */
    .schedule-cell-more-info {
        position: absolute;
        top: 0;
        left: 0;
        width: 270px;
        min-height: 100px;
        padding: 10px;
        border: 1px solid #000;
        -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
           -moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
                box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
        background-color: #fff;
    }
    .schedule-cell-more-info a {
        display: block;
        width: 100%;
        overflow: hidden;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url('/images/schedule-program-link.png');
    }
    
    
    @media (max-width: 1140px) {
        /* schedules */
        .schedule-times { width: 90px; }
        .schedule-times-head { width: 90px; }
        .schedule-times-body { width: 90px; }
        .schedule-times .schedule-cell { width: 90px; }
        .schedule-programs { margin-left: 90px; }
        
        .schedule-programs .schedule-programs-head .schedule-cell { display: none; }
        .schedule-programs .schedule-programs-body .schedule-column { display: none; }
        .schedule-programs .schedule-programs-head .schedule-cell.schedule-show { display: block; }
        .schedule-programs .schedule-programs-body .schedule-column.schedule-show { display: block; }
    }
    
    @media (max-width: 900px) {
        /* schedules */
        .shedule-navigation { display: none; }
        .shedule-navigation-border { display: none; }
    }



/****************************
 Radio Schedule
****************************/
    .radio-schedule {
        margin-bottom: 40px;
    }
    
    /* navigation */
    .radio-schedule-navigation {
        min-height: 50px;
        margin-bottom: 10px;
    }
    .radio-schedule-navigation select {
        padding: 10px;
        color: #4e8abe;
        font-weight: 700;
        border: 1px solid #e9e9e9;
        background-color: #fff;
    }
    .radio-schedule-dropdown {
        float: left;
        margin-right: 10px;
    }
    .radio-schedule-days-dropdown {
        float: left;
        display: none;
    }
    
    
    .radio-schedule-container {}
    
    .radio-schedule .schedule-programs-head .schedule-cell {
        width: 140px;
    }
    .radio-schedule .schedule-programs-body .schedule-column {
        width: 140px;
    }
    
    
    @media (max-width: 1140px) {
        /* radio schedule */
        .radio-schedule-dropdown { margin-bottom: 10px; }
        .radio-schedule-days-dropdown { display: block; }
        .radio-schedule-days-dropdown select { font-size: 16px; }
        .radio-schedule .schedule-programs-head .schedule-cell { width: 100% !important; }
        .radio-schedule .schedule-programs-body .schedule-column { width: 100% !important; }
    }



/****************************
 Television Schedule
****************************/
    .television-schedule {
        margin-bottom: 40px;
    }
    
    /* navigation */
    .television-schedule-navigation {
        min-height: 50px;
        margin-bottom: 10px;
    }
    .television-schedule-navigation select {
        padding: 10px;
        color: #4e8abe;
        font-weight: 700;
        border: 1px solid #e9e9e9;
        background-color: #fff;
    }
    .television-schedule-channels-dropdown {
        display: none;
        float: left;
    }
    
    /* datepicker dropdown */
    .television-schedule-dropdown {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        margin-right: 10px
    }
    .television-schedule-dropdown-button {
        padding: 10px 35px 10px 10px;
        border: 1px solid #e9e9e9;
        color: #4e8abe;
        font-weight: 700;
        background-color: #fff;
        background-position: right;
        background-repeat: no-repeat;
        background-image: url('/images/schedule-arrow-dropdown.png');
    }
    .television-schedule-dropdown-button:hover {
        border: 1px solid #ccc;
    }
    .television-schedule-dropdown-panel {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        padding: 10px;
        border: 1px solid #e9e9e9;
        background-color: #fff;
    }
    .television-schedule-dropdown-panel .ui-datepicker {
        width: 260px;
        padding: 0px;
    }
    .television-schedule-dropdown-panel .ui-widget-content {
        border: 0px none;
    }
    
    .television-schedule-container {}
    
    .television-schedule .schedule-cell.mini .schedule-cell-time,
    .television-schedule .schedule-cell.mini .schedule-cell-codes,s
    .television-schedule .schedule-cell.mini .schedule-cell-more-info {
        display: none;
    }
    
    /* previous / next */
    .television-schedule-previous,
    .television-schedule-next {
        display: block;
        padding: 10px;
        margin: 10px 20px;
        border: 1px solid #ccc;
        background-color: #fff
    }
    .television-schedule-previous:hover,
    .television-schedule-next:hover {
        text-decoration: none;
        background-color: #e9e9e9;
    }
    .television-schedule-previous {
        float: left;
        padding-left: 30px;
        background-position: left;
        background-repeat: no-repeat;
        background-image: url('/images/schedule-arrow-previous.png');
    }
    .television-schedule-next {
        float: right;
        padding-right: 30px;
        background-position: right;
        background-repeat: no-repeat;
        background-image: url('/images/schedule-arrow-next.png');
    }
    
    
    @media (max-width: 1140px) {
        /* television schedule */
        .television-schedule-dropdown { margin-bottom: 10px; }
        .television-schedule-channels-dropdown { display: block; }
        .television-schedule-channels-dropdown select { font-size: 16px; }
        .television-schedule .schedule-programs-head .schedule-cell { width: 100% !important; }
        .television-schedule .schedule-programs-body .schedule-column { width: 100% !important; }
    }
    
    
    
/****************************
 Volunteers/Careers Opportunities
****************************/
    .opportunities-blurb {}
    .opportunities-blurb + .opportunities-blurb {
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px solid #e9e9e9;
    }
    .opportunities-sharing {
        float: right;
    }
    .opportunities-blurb .orange-button {
        float: right;
        margin-left: 15px;
    }
    .opportunities-blurb h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .opportunities-availability {
        margin-bottom: 2px;
        color: #4e8abe;
        font-size: 16px;
        font-weight: normal;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .opportunities-times,
    .opportunities-description {
        margin-bottom: 2px;
        font-size: 16px;
        font-family: 'Function Pro Medium', sans-serif;
    }
    .opportunities-content {
        margin-top: 10px;
    }
    
    
    @media (max-width: 1140px) {
        /* opportunities */
        .opportunities-blurb .orange-button { display: none; }
        .opportunities-blurb .orange-button-mobile {
            display: block;
            float: none;
            text-align: center;
        }
    }
    
    
    
/****************************
 Listen Now
****************************/
/* station select * /
.listen-now-station {
    padding: 10px;
    color: #818181;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Function Pro Bold', sans-serif;
    background-color: #cccccc;
}

.listen-now-player {
    float: right;
    width: 330px;
}
.listen-now-player-sharing {
    margin-top: 10px;
    color: #818181;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Function Pro Medium', sans-serif;
}
.listen-now-playing {
    min-height: 100px;
    margin-right: 350px;
}
.listen-now-up-next {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9e9e9;
}

/* program infomation * /
.listen-now-program {}
.listen-now-program h2 {
    margin-bottom: 0px;
    color: #414141;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Function Pro Bold', sans-serif;
}
.listen-now-program h2 span {
    color: #818181;
    font-size: 14px;
    font-family: 'Function Pro Demi', sans-serif;
}
.listen-now-program h1 {
    color: #4e8abe;
}

/* non-flash link * /
a.listen-now-link {
    display: block;
    padding: 10px;
    margin: 0 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Function Pro Bold', sans-serif;
    background-color: #4e8abe;
}
a.listen-now-link:hover {
    text-decoration: none;
    background-color: #a6c4de;
}

@media (max-width: 1140px) {
    .listen-now-player {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .listen-now-playing {
        margin-right: 0;
    }
}
*/
    
    
    
/****************************
 Contests
****************************/
    .contests-blurb {}
    .contests-blurb .article-info {
        margin-left: 0;
    }
    .contests-blurb .article-image + .article-info {
        margin-left: 220px;
    }
    
    .contests-description {
        margin-bottom: 5px;
        font-size: 16px;
        font-family: 'Function Pro Medium', sans-serif;
    }
    .contests-availability {
        margin-bottom: 10px;
        color: #4e8abe;
        font-size: 16px;
        font-weight: normal;
        font-family: 'Function Pro Bold', sans-serif;
    }
    
    /* contest form */
    .contest-signup-text {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e9e9e9;
    }
    .contest-form {}
    .contest-form-submitted {
        color: #18722a;
        font-size: 20px;
        text-align: center;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .contest-fineprint {
        margin-top: 20px;
        padding-top: 20px;
        font-size: 12px;
        border-top: 1px solid #e9e9e9;
    }
    
    @media (max-width: 700px) {
        .contests-blurb .article-image + .article-info {
            margin-left: 0px;
        }   
        .contests-blurb .orange-button { display: none; }
        .contests-blurb .orange-button-mobile {
            display: block;
            float: none;
            text-align: center;
        }
    }
    
    
    
/****************************
 Contests Block
****************************/
    .contests-block .block-head { margin-bottom: 0; }
    .contests-block .block-body {
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-top: 0px none;
    }
    .contests-block .article-image {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .contests-block .article-info { 
        clear: both;
        margin-left: 0;
    }
    
    @media (max-width: 700px) {
        .contests-block .article-image img { max-width: 100%; }
    }
    @media (max-width: 1140px) {
        .contests-block .orange-button { display: none; }
        .contests-block .orange-button-mobile {
            display: block;
            text-align: center;
        }
        .contests-block a.section-head-link { display: block; }
    }
    
    
    
/****************************
 Flickr Widget
****************************/
    .flickr-widget {}
    .flickr-widget-container {
        position: relative;
        width: 100%;
    }
    .flickr-widget-iframe {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
    img.flickr-widget-scale {
        min-width: 100%;
        max-width: 100%;
    }
    
    
    @media (max-width: 1140px) {
        /* flickr widget (flash player) */
        .flickr-widget { display: none; }
    }
    
    
    
/****************************
 Shop
****************************/
    /* page notice */
    .product-notice {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 16px;
        text-align: center;
        font-weight: normal;
        font-family: 'Function Pro Demi', sans-serif;
        border-bottom: 1px solid #e9e9e9;
    }
    .product-notice em{
        font-size: 20px;
        font-style: normal;
        font-family: 'Function Pro Bold', sans-serif;
    }
    
    /* product information */
    .product-blurb {
        margin-bottom: 20px;
    }
    .product-blurb + .product-blurb {
        padding-top: 20px;
        border-top: 1px solid #e9e9e9;
    }
    .product-image {
        float: left;
        width: 200px;
        text-align: right;
    }
    .product-image img {
        max-width: 200px;
    }
    .product-information {
        margin-left: 220px;
    }
    .product-information h1 {
        font-size: 22px;
    }
    .product-price {
        color: #4e8abe;
        font-size: 30px;
        font-weight: normal;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .product-soldout,
    .product-limited,
    .product-exceeded {
        font-size: 14px;
        font-weight: normal;
        font-family: 'Function Pro Demi', sans-serif;
    }
    .product-soldout {
        margin-bottom: 10px;
        color: #a6322a;
        font-size: 20px;
    }
    .product-limited {
        margin-top: 10px;
        color: #818181;
    }
    .product-exceeded {
        margin-top: 10px;
        color: #a6322a;
    }
    
    /* add to cart form */
    .product-add-to-cart {
        margin: 10px 0 20px 0;
        color: #818181;
        font-size: 14px;
    }
    .product-add-to-cart label {
        margin-right: 10px;
        font-size: 12px;
        color: #818181;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .product-add-to-cart .form-input {
        width: 50px;
        padding: 12px;
        text-align: center;
    }
    .product-add-to-cart .submit-button {
        margin-left: 10px;
        vertical-align: middle;
    }
    
    /* search block */
    .products-search-block {}
    .products-search-block .block-body {
        position: relative;
    }
    .products-search-block input[type="text"] {
        float: left;
        width: 100%;
        padding: 12px;
        padding-right: 60px;
        font-size: 16px;
        border: 1px solid #ccc;
    }
    .products-search-block input[type="submit"] {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 50px;
        margin-left: -50px;
        text-indent: -9999px;
        padding: 12px;
        font-size: 16px;
        border: 0px none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('/images/search-button.png');
    }
    .products-search-block input[type="submit"]:hover {
        background-color: #eee;
    }
    
    /* browse by block */
    .product-browse-block {}
    .product-browse-block ul {
        list-style: none;
        padding-left: 10px;
        font-size: 16px;
        font-weight: normal;
        font-family: 'Function Pro Demi', sans-serif;
    }
    .product-browse-block a {
        color: #818181;
    }
    .product-browse-block a.active {
        color: #4e8abe;
    }
    
    /* shopping cart link */
    .page-heading-product-cart {
        float: right;
    }
    .page-heading-product-cart a {
        display: block;
        padding-left: 35px;
        font-size: 14px;
        line-height: 20px;
        font-family: 'Function Pro Demi', sans-serif;
        background-position: left;
        background-repeat: no-repeat;
        background-image: url('/images/icon-shopping-cart.png');
    }
    
    /* shopping cart */
    .cart-column-product {
        float: left;
        width: 690px;
        padding: 10px;
    }
    .cart-column-quantity {
        float: left;
        width: 215px;
        padding: 10px;
        margin-left: 10px;
    }
    .cart-column-price {
        float: left;
        width: 115px;
        padding: 10px;
        margin-left: 10px;
    }
    
    .cart-product-list-head {
        margin-bottom: 10px;
        color: #fff;
        font-size: 16px;
        text-align: left;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .cart-product-list-head div { background-color: #818181; }
    
    .cart-product-list-body {}
    .cart-product-row {
        margin-bottom: 10px;
        border-bottom: 1px solid #e9e9e9;
    }
    .cart-product-image {
        float: left;
        width: 100px;
    }
    .cart-product-image img { max-width: 100px; }
    .cart-product-description { margin-left: 120px; }
    .cart-product-description h1 {
        margin-bottom: 2px;
        font-size: 22px;
    }
    .cart-product-row .product-price { font-size: 22px; }
    .cart-product-subtotal .product-price { font-size: 22px; }

    .cart-product-subtotal {}
    .cart-product-subtotal .cart-column-quantity { text-align: right; }
    
    .cart-product-discount {}
    .cart-product-discount .cart-column-quantity { text-align: right; }
    
    .cart-product-member {}
    .cart-product-member .cart-column-product { text-align: right; }
    .cart-product-member .cart-column-quantity { text-align: right; }
    
    .cart-product-total { margin-bottom: 10px; }
    .cart-product-total-inner {
        float: right;
        background-color: #e9e9e9;
    }
    .cart-product-total .cart-column-quantity {
        width: 100px;
        line-height: 40px;
    }
    .cart-product-total .cart-column-quantity strong { font-size: 18px; }
    .cart-product-total .cart-column-price {
        width: 220px;
        text-align: right;
    }
    .cart-product-total .cart-column-price .product-price { font-size: 30px; }
    
    .cart-product-list strong {
        font-size: 14px;
        text-align: left;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .cart-product-list .note-text { font-size: 12px; }
    .cart-column-checkout { text-align: right; }
    
    /* shopping cart quantity from */
    .product-cart-quantity {}
    .product-cart-quantity .form-input {
        width: 100%;
        padding: 12px;
        text-align: center;
    }
    .product-cart-quantity .submit-button {
        padding: 10px 17px;
        margin: 10px 0 0 0;
    }
    .product-cart-quantity .red-text-button {
        display: block;
        float: right;
        padding: 10px 15px;
        margin: 10px 0 0 0;
        color: #a6322a;
        background-color: #fff;
    }
    .product-cart-quantity .red-text-button:hover {
        color: #fff;
        text-decoration: none;
        background-color: #a6322a;
    }
    
    
    @media (max-width: 1140px) {
        /* store */
        .product-image {
            float: right;
            width: 100px;
            margin: 0 0 10px 10px;
        }
        .product-image img { max-width: 100px; }
        .product-information { margin-left: 0; }
        .product-add-to-cart span {
            display: block;
            margin-top: 10px;
        }
        .products-search-block input[type="submit"] { right: 11px; }
        
        /* shopping cart */
        .cart-product-list-head { display: none; }
        
        .cart-column-product {
            float: none;
            width: auto;
        }
        .cart-column-quantity { 
            float: none;
            width: auto;
            margin-left: 0;
        }
        .cart-column-price {
            float: none;
            width: auto;
            margin-left: 0;
        }
        
        .cart-product-row {}
        .cart-product-row .cart-column-product {}
        .cart-product-row .cart-column-quantity {}
        .cart-product-row .cart-column-price {
            margin-bottom: 10px;
            text-align: right;
            background-color: #e9e9e9;
        }
        
        .cart-product-image {
            float: right;
            margin: 0 0 10px 10px;
        }
        .cart-product-image img {
            max-width: 100px;
        }
        .cart-product-description {
            margin-left: 0;
        }
        .cart-product-quantity {
            float: left;
            width: 100px;
        }
        .cart-product-price {
            float: right;
        }
        
        .cart-product-subtotal {}
        .cart-product-subtotal .cart-column-product { display: none; }
        .cart-product-subtotal .cart-column-quantity { padding-bottom: 0; }
        .cart-product-subtotal .cart-column-price {
            padding-top: 0;
            text-align: right;
        }
        
        .cart-product-discount {}
        .cart-product-discount .cart-column-product { display: none; }
        .cart-product-discount .cart-column-quantity {}
        .cart-product-discount .cart-column-price { display: none; }
        
        .cart-product-member { margin-bottom: 10px; }
        .cart-product-member .cart-column-product {}
        .cart-product-member .cart-column-quantity {}
        .cart-product-member .cart-column-price { display: none; }
        
        .cart-product-total-inner { float: none; }
        .cart-product-total-inner .cart-column-quantity {
            width: auto;
            line-height: 1em;
            text-align: right;
        }
        .cart-product-total-inner .cart-column-price {
            width: auto;
            padding-top: 0;
            text-align: right;
        }
    }
    
    
    
/****************************
 Newsletter Block
****************************/
    .newsletter-block {
        background-color: #fff;
        background:      -o-linear-gradient(top, #fff, #e9e9e9);
        background:     -ms-linear-gradient(top, #fff, #e9e9e9);
        background:    -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    }
    .newsletter-block .block-body {
        padding: 10px;
        color: #818181;
        font-size: 12px;
        border: 1px solid #e9e9e9;
    }
    .newsletter-block h1 {
        color: #4e8abe;
        font-size: 22px;
        text-align: center;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Function Pro Bold', sans-serif;
    }
    .newsletter-text {
        margin-left: 100px;
        margin-bottom: 10px;
    }
    .newsletter-block a.social-link {
        float: left;
        display: block;
        margin: 0 5px 10px 0;
    }
    .newsletter-email {
        width: 200px;
    }
    .newsletter-block .submit-button {
        float: right;
        padding: 15px 20px;
    }
    
    
    @media (max-width: 1140px) {
        /* newsletter block */
        .newsletter-block .newsletter-email {
            width: 100%;
            margin-bottom: 5px;
        }
        .newsletter-block .submit-button {
            float: none;
            width: 100%;
        }
    }
    
    
    
/****************************
 Programs Block
****************************/
    .programs-block .block-head { margin-bottom: 0; }
    .programs-block .block-body {
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-top: 0px none;
    }
    .programs-block img.programs-block-image {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .programs-block .block-body h1 {
        margin-bottom: 5px;
        font-size: 20px;
    }
    .programs-block .block-body p { font-size: 12px; }
    .programs-block .programs-block-social { float: left; }
    .programs-block a.read-more { float: right; }
    
        
    @media (max-width: 1140px) {
        .programs-block .programs-block-social { float: none; }
        .programs-block a.read-more {
            float: none;
            margin: 10px 0 0 0;
        }
    }
    
    
    
/****************************
 Listen Now Block
****************************/
    .listen-now-block .block-head { margin-bottom: 0; }
    .listen-now-block .block-body {
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-top: 0px none;
    }
    .listen-now-block .block-body h1 {
        margin-bottom: 0px;
        font-size: 30px;
        color: #4e8abe;
    }
    .listen-now-block .block-body h2 {
        margin-bottom: 0px;
        font-size: 16px;
    }
    .listen-now-block .block-body h3 {
        margin-bottom: 0px;
        font-size: 12px;
        color: #818181;
    }
    .listen-now-block a.listen { float: right; }
    
    
    @media (max-width: 1140px) {
        .listen-now-block a.listen {
            float: none;
            margin-top: 10px;
        }
    }
    
    
    
/****************************
 Social Blocks
****************************/
    @media (max-width: 500px) {
        .rightside .twitter-block,
        .rightside .facebook-block {
            width: 90%;
            width: 90%;
            margin-left: 10%;
            margin-right: 0px;
        }
    }



/****************************
 Delivra Newsletter Blocks
****************************/
    .delivra-newsletter-form {}
    
    .delivra-newsletter-fname {
        float: left;
        width: 40%;
        margin-bottom: 10px;
    }
    .delivra-newsletter-lname {
       float: right;
       width: 56%;
       margin-bottom: 10px;
    }
    .delivra-newsletter-name {
        width: 100%;
        margin-bottom: 10px;
    }
    .delivra-newsletter-email {
        width: 100%;
        margin-bottom: 10px;
    }
    .delivra-newsletter-phone {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .delivra-newsletter-success {
        margin-top: 10px;
        padding-top: 10px;
        color: #18722a;
        font-size: 20px;
        text-align: center;
        font-family: 'Function Pro Bold', sans-serif;
        border-top: 1px solid #18722a;
    }
    
    
    
/****************************
 Google DFP Ads
****************************/
    .dfp-block {}
    .dfp-adunit div {
        text-align: center;
    }



/****************************
 Poll Daddy
****************************/
    .block .pds-box {
        width: 100% !important;
        border: 0px none !important;
    }
    .block .pds-input-label {
        float: none !important;
        width: auto !important;
        margin-left: 25px !important;
    }

/****************************
 IRIS on-demand
****************************/
.iris-onDemand-audio-player {
    float:left;
    margin-right: 22px;
    padding:4px;
    width:45%;
    overflow:hidden;
    white-space:nowrap;
}

div.iris-onDemand-audio-player p {
    font-size: 1.2em;
}

div.iris-onDemand-audio-player p audio {
    width:240px;
    margin-top:10px;
}




/****************************
 Special Access
****************************/
.special-access-heading {
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
    background: url(/images/special-access-bg.gif) repeat;
}

.special-access-heading-links {
    float: right;
    padding: 10px 20px 10px 40px;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url('/images/bg-section-head-link.png');
}
.special-access-heading-links a {
    color: #fff;
}
@media (max-width: 500px) {
    .special-access-heading-links {
        float: none;
        text-align: right;
        background-image: none;
    }
}

.special-access-heading-inner {
    padding: 10px;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-family: 'Function Pro Bold', sans-serif;
}




/****************************
 British Telly Club
****************************/

/* episode loading error */
#british-telly-club-episode .error {
    margin: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

/* list of television programs */
h2.british-telly-club-section-head {
    background: url(/images/special-access-bg.gif) repeat;
}

h2.british-telly-club-section-head::before {
    content: url(/images/UnionJackRGB.png);
    position: relative;
    left:-5px;
    top:4px;
}

/* television episode notice */
.british-telly-club-episode-notice {
    max-width: 1100px;
    margin: 20px auto;
    color: #fff;
    background: url(/images/special-access-bg.gif) repeat;
}
.british-telly-club-episode-notice-inner {
    padding: 10px;
    line-height: 18px;
}
.british-telly-club-episode-notice-inner a {
    color: #fff;
    font-weight: 700;
}

/* featured programs carousel */
.british-telly-club-featured-programs h1 a {
    /*color: #b94ebe;*/
}
.british-telly-club-featured-programs a {
    /*color: #b94ebe;*/
}

/****************************
 Brackets
****************************/
.bracket-matches {
    max-width: 750px;
    margin: 0 auto;
}

.bracket-separator {
    margin: 40px 0;
    border-top: 1px solid #f0f0f0;
}
.bracket-match {
    position: relative;
    top: 0;
    left: 0;
}
.bracket-match-before {}
.bracket-match-after {}
.bracket-working {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/images/defaults/loading.gif');
    background-color: rgba(255,255,255,0.8);
}

.bracket-container {
    display: table;
}
.bracket-column {
    position: relative;
    display: table-cell;
    width: 250px;
    height: 250px;
    text-align: center;
    vertical-align: middle;
}

.bracket-column h1 {
    font-size: 20px;
}
.bracket-column h2 {
    margin-bottom: 0;
    font-size: 14px;
}
.bracket-column p {
    margin-bottom: 0;
    font-size: 12px;
}
.bracket-content {
    padding: 20px;
}

.bracket-column-selected {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/images/bracket-selected.png');
}

.bracket-versus {
    padding: 10px;
}
.bracket-versus-1 {
    padding-left: 30px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('/images/bracket-left.png');
}
.bracket-versus-mid {
    margin: 10px 0;
    color: #999;
    font-weight: 700;
}
.bracket-versus-2 {
    padding-right: 30px;
    text-align: right;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('/images/bracket-right.png');
}

@media (max-width: 800px) {
    .bracket-container {
        display: block;
        max-width: 250px;
        margin: 0 auto;
    }
    .bracket-column {
        display: block;
    }
    .bracket-column:nth-child(2n) {
        height: auto;
        margin: 10px 0;
    }
    .bracket-versus-1 {
        background-image: url('/images/bracket-up.png');
    }
    .bracket-versus-2 {
        background-image: url('/images/bracket-down.png');
    }
}
