.audioSearch .searchTitle {
    font-size: 20px;
    margin: 0px 3px;
    font-size: 12px;
    display: inline-block;
    padding: 10px 20px 10px 0;
    font-weight: bold;
    text-transform: uppercase;
}
.stationname{
    padding:10px;
    background:#eee;
    text-align:left;
    margin-bottom:30px;
}

.titlelink{
    font-size:21px;
    font-family:'Roboto';
    line-height: 110%;
    color:#000;
    font-weight: bold;
}
.showdescription{
    background: #eee;
    padding: 20px !important;
    margin-bottom: 20px;
    font-size: 14px;
}
.show-description{
    margin-bottom: 20px;
}
.shownavigation{
    padding-bottom: 10px;
}
.shownavigation ul li a{
    font-size: 12px;
    display: block;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.shownavigation ul li{
    float: left;
}

.dateTitle{
    font-weight: bold;
    background: #eee;
    padding: 10px !important;
}
.titlelink{
    font-size:21px;
    font-family:'Roboto';
    line-height: 110%;
    color:#000;
    font-weight: bold;
}
.titlelink:hover{
    color:#0d538e;
}

.mainListShow{
    font-size: 14px;
    overflow: hidden;
    padding: 20px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}
.mainListShow img{
    float:left;
    border: none;
    margin-right:10px;
}
.mainListShow .nugget{
    margin-left: 220px;
}
.mainListShow p{
    padding-top:5px !important
}
h3{
    margin-bottom: 0;
}
ul.datenav {overflow:hidden;list-style-type: none;}
ul.datenav .left{
    float: left;
    border-bottom:none;
    text-align:left;
    width: 45% !important; padding:0 10px;
}

ul.datenav .right{
    float: right;
    text-align: right;
    width: 45% !important; padding:0 10px;
}

.queue ul li{
    font-size: 14px;
    overflow: hidden;
    padding: 20px 0;
    margin-bottom: 0;
}
@media (max-width: 600px) {
    .mainListShow img{
        width:150px;
        height:100px;
    }
}




body, #uppercontent {margin:0;padding:0;}
/*a { color:#1651a8; text-decoration:none;}*/

.seattle { background:#c00; }
.slc { background:#000; }


h2 {display:block;}
.white {color:#fff;}
.grey {color:#ccc;}
.large {font-size:45px;}



.twocol { width: 620px; margin-right: 45px; float: left; font-family: helvetica,arial,'Open Sans',sans-serif; font-size: 16px; }


#podcast_wrapper{overflow:hidden; margin:0 auto; width:95%;}

#uppercontent {margin:0 auto;text-align:center; padding:20px 50px; position:relative; font-size:100%; background:#eee;}
#uppercontent h1 {font-size:2.0em; margin-top:20px;}
#subplaycontent h1 {font-size:2.0em; margin-top:20px;}

#podcast_content {margin:0 auto;text-align:center;padding-bottom:30px;margin-top:0;}

.inactive {background:#c00;color:#fff !important;}
.activelink {display:block; padding:10px; background: #c00; color:#fff; text-decoration:none; border-radius: 5px;  text-align:center;}
.inactivelink {display:block; padding:10px; background: #259712; color:#fff; text-decoration:none; border-radius: 5px;  text-align:center;}

#podcast_content .show-container{position:relative;margin-bottom:20px;}
#podcast_content .show-container .show{font-weight:700;}
#podcast_content .show-container .dont-miss{margin-bottom:16px;}
#podcast_content .subscribe_box{
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 999;
    background: #ddd;
    padding: 40px 20px 0px 20px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
    height: 245px;
    width: 85%;
    text-align: center;
}
#podcast_content .flex {justify-content:space-around;}
#podcast_content .subscribe_box a{background:#333;padding:10px;display:block;text-decoration:none;color:#fff;}
#podcast_content .closebox{width:30px;border-radius:5px;position:absolute;bottom:30px;right:20px;}
#podcast_content img.clipimage{width:240px;height:160px;border:0px solid #ccc; margin-bottom:10px;}
#podcast_content .description{font-size:12px;margin-top:10px;color:#666;}
#podcast_content .datepublished{font-size:12px;margin-bottom:10px;color:#666;}

#podcast_content ul.allclips{list-style-type:none;margin:0 auto;padding:0;max-width: 980px; margin-bottom:40px;}
#podcast_content ul.allclips li{position:relative;background:#fff;border:1px solid #ccc; margin:10px; padding:20px 7px;overflow:hidden;font-size:15px;display: inline-block; height:315px; width:270px; overflow:hidden; text-align:center;}
#podcast_content ul.allclips li img{width:240px;height:240px;border:0px solid #ccc; margin-bottom:10px;}
#podcast_content ul.allclips li a{font-family:'helvetica',sans-serif; font-size:17px; }
#podcast_content ul.allclips li a.show{font-weight:700; }
#podcast_content ul.allclips li img.clipimage{width:240px;height:160px;border:0px solid #ccc; margin-bottom:10px;}
#podcast_content ul.allclips li .description{font-size:0.8em;;margin-top:10px;color:#666;}
#podcast_content ul.allclips li .datepublished{font-size:0.7em;margin-bottom:10px;color:#666;}
#podcast_content ul.allclips li a.smlink{font-size:0.7em !important; margin-bottom:10px; color:#666;}


#podcast_content .allshowsnav div{background:#000;border:1px solid #888; margin:5px; padding:0px;overflow:hidden;font-size:12px;font-weight:700; display: inline-block; height:auto; width:40%; overflow:hidden; text-align:center;}
#podcast_content .allshowsnav div a{color:#fff; display:block; padding:10px; text-decoration:none; text-transform:uppercase;}

.subscribe_show a{color:#000; text-decoration:none; font-size:13px;}


.closebig {display:none;width:auto;border-radius:5px;position:absolute;top:10px;right:10px;}
.closebig a {background:#fff;border:1px solid #666;padding:10px;display:block;text-decoration:none;color:#000;font-size:20px;}


.podimage {width:300px;height:300px;border:1px solid #ccc;margin-top:10px;}

#episode_wrapper{overflow:hidden; margin:0 auto; background:#fff; width:100%;}
#episodes {margin:0 auto;}
#episodes a {color:#000;}
#episodes table{list-style-type:none;margin:0 auto;padding:0;max-width: 1010px; border-spacing:0;position:relative;}
#episodes table tr{cursor: pointer;}

#episodes table td {padding:15px 15px 5px 15px; margin:0; font-size:17px; font-weight:600;}
#episodes table td.td_description{padding:10px 15px 15px 15px; border-bottom:1px solid #ccc;  font-size:13px; font-weight:400;}
/*#episodes .infobox {width:300px;position:absolute;right:50px;background:#f5f5f5;border:1px solid #ccc;padding:20px;display:none;}*/

#play_wrapper{overflow:hidden; margin:0 auto; background:#eee; width:100%;border-top:1px solid #333; padding-top:40px;}
#play {margin:0 auto;text-align:center;}

#PodcastPlayer {width:560px !important;}
#subplay_wrapper {padding-top:10px;overflow:hidden; margin:0 auto; background:#eee; width:100%;}
#subplaycontent {margin:0 auto;text-align:center; max-width: 1010px; padding:0 50px; position:relative; font-size:1em;}

.runtime {font-weight:600; font-size: 0.7em;}



ul.share_podcast {list-style-type:none;margin:0;padding:0;}
ul.share_podcast li{display:inline-block;padding:0 10px;padding-bottom: 25px;}
ul.share_podcast a{color:#000; text-decoration:none; font-size:0.8em; font-family:sans-serif;}

#episodes table td.datepublished {font-size:0.8em;}

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

    h2 {padding:5px; margin:5px; }

    .large {font-size:35px;}


    .twocol { width: auto; margin-right: 0; float: none; }
    #uppercontent {width:auto;padding:20px 50px; }

    #podcast_content {margin:0 auto;width:100%;}
    #podcast_content ul.allshows li{margin-bottom:20px; width:80%;}
    #podcast_content ul.allshowsnav{width:90%;}
    #podcast_content ul.allshowsnav li{margin-bottom:5px;width:45%;}
    #podcast_content ul.allshows li .subscribe_box{height:310px; width:90%; }


    #episodes table td {font-size:14px;}
    #episodes table td.td_description{font-size:13px;}
    #episodes table td.datepublished{font-size:11px;width:70px;}

    .left_art{display:none;}
    .right_form{width:90%;float:none;}

    .runtime {font-size:12px;}

    #PodcastPlayer {width:100% !important;}
    #play_wrapper{padding-top:65px;}


    .datenav li.left, .datenav li.right {font-size:0.8em;}

}


#elexlist_ajax{
    z-index:998;
    position:absolute;
    background:#fff;
    display:none;
    border-top:none;
    border: 1px solid #999;
    max-width: 600px;
    width:100%;
    left: 300px;
    font-size: 13px;
    overflow: scroll;
    height: 100%;
    list-style-type: none;
    padding:0;
}
#elexlist_ajax ul li.closeSearch{
    background: #000;
    text-align: right;
    color: #fff;
    display: block;
    float: none;
    padding: 5px 10px 5px;
}
.audioSearch .searchTitle {
    font-size: 20px;
    margin: 0px 3px;
    font-size: 12px;
    display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
}
ul li.audioSearch a {
    color: #222;
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
}
ul#elexlist_ajax li {
    clear: both;
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #999;
    margin-right:0;
}
ul#elexlist_ajax li.searchInfo{
    background: #000;
    text-align:left;
    color: #ccc;
    display: block;
    float: none;
    padding: 5px 10px 5px;
}
ul#elexlist_ajax li.searchInfo .searchQuery{
    color:#fff;
}
ul#elexlist_ajax li.searchInfo a{
    cursor: pointer;
    color: #fff;
    padding: 0;
    text-transform: capitalize;
    float:right;
}
ul#elexlist_ajax img{
    width: 31%;
    float: left;
    margin-right: 2%;
    max-width: 160px;
}
ul#elexlist_ajax li div{
    float: left;
    display: inline;
    width: 67%;
    padding: 0;
    margin: 0;
}

.podcast-show-separator {border-bottom:1px solid lightgrey;width:50%;margin:0 auto;text-align:center;}
#podcast_content .flex_division.podcasts {width: 20%;}
#podcast_content .allshowsnav.podcasts{position:relative;margin-top:16px;display:flex;justify-content:space-evenly;}

@media only screen and (max-width: 1305px) {
    #podcast_content .flex_division.podcasts {width: 33%;}
    
}
@media only screen and (max-width: 910px) {
    #podcast_content .flex_division.podcasts {width: 50%;padding:10px 0 10px 0; margin: 0; overflow:hidden;}
    #podcast_content .subscribe_box{width:65%;}
    .stationname{margin-bottom:unset;margin-top:30px;}
}
@media only screen and (max-width: 865px) {
    #podcast_content .show-container {margin-bottom:0;}
    .podcast-show-separator {display:none;}
    #podcast_content .subscribe_box{width:85%;}
    .stationname{width: 92%;margin: 30px auto 0 auto;}
}
@media only screen and (max-width: 600px) {
    #podcast_content .flex_division.podcasts {width: 100%;}
}
.podcast-submenu ul{padding:10px 20px;margin:0;list-style:none;background-color:#eee;border-bottom:1px solid #ddd;}

@media only screen and (max-width: 865px) {
    .podcast-submenu{width: 90%;margin:-30px auto -10px auto;}
}
@media only screen and (max-width: 585px) {
    .podcast-submenu{width: 85%;}
}