@charset "UTF-8";
/* CSS Document */

/************* CSS RESET *************/

/*** Mike's CSS Reset ***/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; list-style: none;}  img  {border-style: none;} * {margin: 0; padding: 0;} html  {	width: 100%;}  table {border-collapse: collapse;border-spacing: 0;} a{color: inherit;text-decoration: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


.clear  {clear:both;}

body  { font-family: 'Open Sans', sans-serif;
        background-color: #005F94;
        color: #FFF;}

p {
    margin-bottom:10px;
    margin-left:20px;
}

h2{
    font-size: 140%;
    margin-bottom:10px;
    margin-top:30px;
}

h3{
    font-size: 120%;
    margin-left:20px;
}


#content_wrapper{
    width: 100%;
	/*min-width: 1168px;*/
    background: #009dcd;
	background: -moz-linear-gradient(top,  #009dcd 5%, #005f94 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#009dcd), color-stop(100%,#005f94));
	background: -webkit-linear-gradient(top,  #009dcd 5%,#005f94 100%);
	background: -o-linear-gradient(top,  #009dcd 5%,#005f94 100%);
	background: -ms-linear-gradient(top,  #009dcd 5%,#005f94 100%);
	background: linear-gradient(to bottom,  #009dcd 5%,#005f94 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009dcd', endColorstr='#005f94',GradientType=0 );
}

#honeycomb  {
	width: 100%;
	/*max-width: 1158px;*/
	/*min-width: 1024px;*/
	height: auto;
	background-image: url('../images/honeycomb.svg');
	background-repeat: repeat-y;
	background-position: center center;
}

.bold  {font-weight: bold;}

.stretch  {width: 100%; height: 100%;}

#header_wrapper{
    width:100%;
	max-width: 1158px;
    height: 149px;
	position: relative;
    left: 50%;
    background: url(../images/header_bg.svg) no-repeat left top;
    margin-left: -579px;
	z-index: 1;
}

.header{width: 968px; margin: 0 auto;}

.panel{
    float: left;
}

.alert {
    margin-top: 20px;
    margin-left:15%;
}

.error {
    color:#f99c1f;
    size: 18px;;
    font-weight: bold;
}

a.contest {
    color:#f99c1f;
    size: 24px;;
    font-weight: bold;
    padding:15px;
    margin-left: 5%;
}

.btn {
    background-color: #f99c1f; /* Green */
    border: none;
    color: white;
    margin-top: 10px;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor:pointer;
}

input[type=text] {
    width: 100%;
    size:18px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

#ad_panel{
    padding-left: 22px;
}
#ad_block_2{
    overflow: hidden;
    width: 300px;
    height: 250px;
}
.mbar{
    color: #1d9bca;
}
.show_link{
    padding-top: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid #00246A;
}
.more_link{
    padding-top: 10px;
    font-weight: bold;
    font-size: 10pt !important;
    color: #00A9E9;
}
#mailing_list{
    position: relative;
}
#mailing_list input{
    padding: 0;
    border: 0;
    height: 33px;
    width: 260px;
    float: left;
    font-size: 8pt;
    color: #00A9E9;
}
#mailing_list img{
    height: 33px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left:260px;
}
.promotion img {
    float: left;
}
.promotion h3{
    font-weight: bold;
}
.promotion{
    clear: left;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #00246A;
}
.promotion img{
    height: 32px;
    width: 32px;
}
.event{
    line-height: 1.1em;
    padding: 5px 0;
}
#quiz {
    font-size: 9pt;
}
#quiz h3{
    font-weight: bold;
}
#quiz label{
    padding-top: 5px;
}
.gallery_thumb{
    width: 30%;
    font-size: 8pt;
    font-weight: bold;
    float: left
}
.gallery_thumb img{
    height: 80px;
    width: 80px;
}
#twitter_block  {
    background-image: url("../images/twitter_bird.png") nono-repeat right top;
}

.tweet{
    line-height: 1.2em;
    padding-bottom: 20px;
    clear: both;
    font-size: 9pt;
}
.tweet li{
    color: #00A9E9;
    padding-right: 20px;
    list-style-type:disc;
    float: left
}
li.tweet_date{
    list-style-type: none;

}

#like_box  {
	text-align: center;
	margin-bottom: 30px;
}

#like_box iframe {
	display: block;
    width: 100% !important;
}

.news{
    padding-bottom: 23px;
}
div.lastnews{
    padding: 0;
}
.news_date{
    padding-right:5px;
    height: 58px;
    width: 51px;
    float: left;
    background: url("../images/date.png") no-repeat left top;
}
.news_date h5{
    position: relative;
    top:9px;
    left: 3px;
}
.news_date h4{
    font-size: 18pt;
    color: black;
    padding-top:15px;
    text-align: center
}
.news h3{
    font-weight: bold;
}
.headline{
    padding-top: 10px;
}
.headline h3{
    padding-bottom: 10px;
}

#pager{
    margin-left: 12px;
    margin-top: 12px
}
#pager a{
    margin-right: 2px;
    display: inline-block;
    height: 18px;
    width: 18px;
    color: #9CE0F9;
    background-color: #9CE0F9;
}
#pager a.activeSlide {
    position: relative;
    top: -1px;
    height: 19px;
    color: #FDD9A7;
    background-color: #FDD9A7;
}
#like_button{
    padding: 30px 0 0 17px;
}
#weather_img, #temp_high, #temp_low{
    height: 50px;
    float: left;
}
#weather_header{
    padding-top: 7px;
    background: url("../images/weather_header_bg.png") repeat-x;
    font-size: 9pt;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
    height: 18px;

}
#today{
    float: left;
}
#days{
    float: right;
}
#temp_high{
    width: 75px;
    font-size: 25pt;
    padding-top: 10px;
    text-align: center;
}
#temp_low{
    text-align: right;
    padding-top: 15px;
}
#quiz_results{
    width: 70%;
    text-align: center;
}
#quiz_results tr{
    padding-bottom: 10px;
}
.main_content {
    color: #00246A;
}

#mailing_list input{
    border: 1px solid #00246A;
    height: 31px;
}

.sub_bar{
    color: #26B8E2;
}

.scrollpager{
    color: #26B8E2;
    font-size: 10pt;
    clear: both;
}
#next_up, #last_played{
    width: 50%;
    float: right;
}
.gallery_slide a{
    width: 200px;
    height: 200px;
    display: block;
    float: left;
}
.ad_container{
 float: left;
}
#ad_slider_3, #ad_slider_4{
    width: 142px;
    height: 149px;
    overflow: hidden;
}
.rules ul{
    list-style-type:disc;
}
img.center_image{
    width: 580px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.main_content  {
	width: 600px;
	float: left;
	margin-bottom: 10px;
    border-right: 5px solid #00A9E9;
}

.mc_title  {
	width: 280px;
	background-color: #00246A;
    color: #FFF;
	font-size: 35pt;
    margin-bottom: 40px;
	padding-left: 20px;
	border-top-left-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#fp_bottom_bar{
    padding-top: 27px;
}















/*************************************************************** NEW STYLING ***************************************************************/

/******************************* TOP BAR STYLING *******************************/

#fixedheader  {
	width: 100%;
	/*min-width: 1024px;*/
	/*max-width: 1158px;*/
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

#nonfixed  {
	width: 100%;
	/*min-width: 1024px;*/
	max-width: 1158px;
	height: auto;
	z-index: 9;
	margin: 0 auto;
	margin-top: 107px;
}

#top_bar  {
	width: 100%;
	/*max-width: 1158px;*/
	/*min-width: 1024px;*/
	height: 77px;
	background-color: #00246A;
	background-image: url('../images/wave.svg');
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

#top_bar_inner  {
	width: 100%;
	max-width: 1158px;
	height: 77px;
	margin: 0 auto;
}

#top_bar_left  {
	width: 20%;
	height: auto;
	padding-top: 5px;
	float: left;
	box-sizing:border-box;
	moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#top_bar_left img {
	max-width: 90%;
	height: auto;
}

#logo{
	z-index: 999999;
}

#top_bar_middle  {
	width: 36%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#social_container  {
	width: 50%;
	height: 20px;
	float: right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 26px 2% 0 0;
}

.social_link  {
	width: 44px;
	height: auto;
	float: left;
	text-align:center;
}

.social_link img {
	width: auto;
	height: 20px;
}

#top_bar_right  {
	width: 40%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.top_bar_seperator  {
	width: 1%;
	max-width: 2px;
	height: 50px;
	background-color:#1d9bca;
	margin-top: 14px;
	float: left;
	margin-right: 2%;
}

/*************** ON AIR STYLING ***************/

#on_air_container  {
	width: 47%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 0 2% 0 0;
}

#on_air_text  {
    width: 72%;
	height: auto;
	float: left;
	font-size: 14px;
	padding-top: 23px;
}

#on_air_img  {
    width: 28%;
	height: 77px;
	float: left;
	padding: 7px 0 0 0;
	min-width: 53px;
}

#on_air_img img {
    width: 100%;
	height: auto;
}

/*************** LISTEN LIVE STYLING ***************/

#listen_live_container  {
	width: 47%;
	height: 77px;
	float: left;
	background-image: url('../images/speaker.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 25%;
}

#listen_live  {
	width: 100%;
	height: auto;
}

#listen_text{
    width: 100%;
	height: 75px;
	text-align: left;
    float: left;
    font-family: "zurich";
    font-size: 13pt;
	padding-top: 28px;
}



/*************** MENU STYLING ***************/

#menu  {
	width: 100%;
	height: auto;
	max-height: 30px;
	/*min-width: 1024px;*/
	background-color: #006195;
}

#menu_inner  {
	width: 1020px;
	height: auto;
	margin: 0 auto;
}



.nav  {
    width: auto;
	height: 16px;
	font-size: 12pt;
    float: left;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 0 16px 0 16px;
	border-right: 2px solid #1d9bca;
}

.nav:nth-child(7)  {border-right: none;}
.nav:hover  {color: #f89d1f;}







/******************************* TOP CONTENT STYLING *******************************/

#top_content_container  {
	width:100%;
	max-width: 1158px;
	height: auto;
	margin: 0 auto;
}





/******************************* SECTION 1 STYLING *******************************/

#section1  {
	width: 100%;
	/*min-width: 1024px;*/
	height: auto;
	text-align: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 20px 0 20px 0;
}

@media only screen and (max-width: 767px) {
#ad_block_1, #sliderbackground {display: none;}
}

#mobilesplash  {
	display: none;
}

@media only screen and (max-width: 767px) {
#mobilesplash  {
	display: inherit;
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	background-color: #FFF;
	border-radius: 8px;
}

#mobilesplash img {
	width: 100%;
	height: auto;
}
}

/*************** AD BLOCK STYLING ***************/

#ad_block_1, #ad_block_1 img  {
	width: 100%;
	max-width: 726px;
	/*min-width: 726px;*/
	height: auto;
    max-height: 86px;
	min-height: 86px;
    overflow: hidden;
	margin: 0 auto;
}





/******************************* SECTION 2 STYLING *******************************/

/*************** FEATURE PANE STYLING ***************/

#feature_pane  {
    width: 100%;
	/*min-width: 1024px;*/
	height: auto;
	margin: 0 auto;
    border-radius: 10px;
    /*position: relative;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index: 5;
}

#sliderbackground  {
	width: 100%;
	/*min-width: 1024px;*/
	height: 335px;
	margin: 0 auto;
    background-color: #FFF;
    border-radius: 10px;
	border-top: none;
    /*position: relative;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index: 5;
    margin-bottom: 15px;
}

/*************** HOME SLIDER STYLING ***************/

#home_slider  {
	width: 100%;
	/*min-width: 1024px;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 10px;
    height: 335px;
    background-color: #FFF;
    border-radius: 10px;
    border-top: none;
    /*position: relative;*/
    z-index: 5;
    margin: 0 auto 15px;
}

#home_slider_left  {
	width: 71%;
	height: auto;
	float: left;
}

#home_slider_right  {
	width: 28%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#slider{
    width: 100%;
    height: auto;
	overflow: hidden;
}

#home_slider_left img{
    width: 770px;
    height: 312px;
}

#home_slider_right img{
    width: 312px;
    height: 312px;
}





/******************************* MAIN CONTENT STYLING *******************************/

#maincontent  {
	width: 100%;
	max-width: 1158px;
	/*min-width: 1024px;*/
	height: auto;
	margin: 0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	/*border: 1px solid #1d9bca;*/
	/*border: 1px solid #FFF;*/
	border-radius: 10px;
	padding: 20px 0 40px 0;
	margin-top: 20px;
}

.blockcolumns  {
	width: 33.3%;
	height: auto;
    float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#left_column  {padding: 0 20px 0 0;}
#center_column  {padding: 0 20px 0 20px;}
#right_column  {padding: 0 0 0 20px;}

#left_column, #center_column  {border-right: 3px solid #00A9E9;}

.block  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    font-size: 9pt;
	font-family: 'Lato', sans-serif;
	margin-bottom: 30px;
	padding: 14px;
	border-radius: 10px;
}

.block  {background-color: rgba(0,36,106,0.45); border-top: 3px solid #00A9E9;}

.block h3  {font-weight: 700;}

.block_title{
	font-size: 22pt !important;
	margin-bottom: 15px;
}

.bar{color: #00A9E9;}

.block_contents {font-size: 9pt !important;}





/******************************* SUBPAGE PAGE STYLING *******************************/

.entry  {
     width: 100%;
     height: auto;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     padding: 10px 12px 12px 12px;
     border-bottom: 1px solid #00A9E9;
 }
img {
    width: 94%;
    height: auto;
}

.entry::after {
    content: "";
    clear: both;
    display: table;
}

.entry-left  {
    float: left;
    padding: 10px;
    width: 50%;
}

.entry-title  {
    font-size: 24px;
    padding: 5px;
    color: #f89c1f;
}

.entry-content  {
    font-size: 14px;
    padding: 10px;
    line-height: normal;
}

.entry-date  {
    font-size: 18px;
    padding: 10px;
    line-height: normal;
}

.entry-host  {
    font-size: 18px;
    padding: 10px;
    color: #f89c1f;
}

.date  {
	width: 100%;
	height: auto;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
}

.title  {
	width: 100%;
	height: auto;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: #f89c1f;
}

.author  {
	width: 100%;
	height: auto;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: #FFF;
}

.summary  {
	width: 100%;
	height: auto;
	font-size: 16px !important;
	line-height: 22px !important;
	color: #FFF !important;
}

.summary img {max-width: 100%;}

.scrollpager  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 8px 0 14px 14px;
}





/******************************* MUSIC PAGE STYLING *******************************/

#music_page  {
	width: 100%;
	height: auto;
}

.inner_page_left  {
	width: 68%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color: rgba(0,36,106,0.45);
    border-top: 3px solid #00A9E9;
	border-radius: 10px;
	margin: 0 1% 2% 0;

}

.contactbox  {
	float: none;
	margin: 0 auto;
}

.inner_page_right  {
	width: 30%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	/*background-color: #FFF;*/
    border-top: 3px solid #00A9E9;
	border-radius: 10px;
	margin: 0 0 0 1%;
}

.newsnav  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 10px 0 10px 0;

}

/*************** NOW PLAYING STYLING ***************/

#np_container  {
	width: 100%;
	height: auto;
}

.inner_title  {
	width: 100%;
	height: auto;
	background-image: url('../images/wave.svg');
	background-size: cover;
	color: #FFF;
	background-color: #00246A;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 0 0 0 12px;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 60px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    bottom: 20px;
}


.np_title2  {
	width: 100%;
	height: auto;
	color: #FFF;
	background-color: #00246A;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 0 0 0 12px;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 30px;
	border-top: 2px solid #00A9E9;
}

#np_inner_left  {
	width: 35%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#np_inner_right  {
	width: 65%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left: 2px solid #00A9E9;
}

#np_cover  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#np_cover img  {
	width: 100%;
	height: auto;
}

#np_details  {
	width: 100%;
	height: auto;
	/*background-color: #006195;*/
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 14px 0 0 0;
	letter-spacing: 1px;
	text-align: center;
	/*background-color: rgba(255,255,255,0.15);*/
}

#np_listen_now  {
	width: 100%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-top: 2px solid #00A9E9;
	padding: 4px 0 0 0;
}

#np_listen_link  {
	width: 80%;
	height: 96px;
	font-size: 14px;
	line-height: 96px;
	letter-spacing: 1px;
	font-family: "zurich";
	text-align: center;
	background-image: url('../images/speaker.png');
	background-size: 25%;
	background-repeat: no-repeat;
	background-position: center right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin: 0 auto;
}

.artist_name  {
	width: 100%;
	height: 24px;
	font-size: 20px;
	color: #FFF;
}

.song_name  {
	width: 100%;
	height: 24px;
	font-size: 16px;
	color: #f89c1f;
}

#gonnaplay  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#gonnaplaytitle  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.gonnaplayitem  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 8px 0 8px 12px;
}

.gonnaplayitem:nth-child(even)  {
	background-color: rgba(255,255,255,0.15);
}

.gonnaplaycover  {
	width: 8%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.gonnaplaycover img  {
	width: 100%;
	height: auto;
}

.gonnaplaydetails  {
	width: 92%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 0 12px;
}

.justplayeditem  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 8px 0 8px 12px;
}

.justplayeditem:nth-child(even)  {
	background-color: rgba(255,255,255,0.15);
}

.justplayedcover  {
	width: 8%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.justplayedcover img  {
	width: 100%;
	height: auto;
}

.justplayeddetails  {
	width: 92%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 0 12px;
}

#np_block_now_playing  {
	width: 100%;
	height: auto;
}

#np_block_cover  {
	width: 40%;
	height: auto;
	float: left;
}

#np_block_cover img {
	width: 100%;
	height: auto;
}

#np_block_details  {
	width: 60%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	line-height: 26px;
	padding: 0 0 0 12px;
}

#np_block_artist  {
	width: 100%;
	height: auto;
	color: #FFF;
	font-size: 20px;
}

#np_block_title  {
	width: 100%;
	height: auto;
	color: #f89c1f;
	font-size: 14px;
}

#np_block_now_playing #np_listen_link  {
	height: 40px;
	line-height: 18px;
	padding: 12px 0 0 0;
	background-image: none;
}

#np_block_coming_up  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin: 12px 0 0 0;
	padding: 8px 0 8px 8px;
}

#np_block_coming_up #np_block_cover  {
	width: 20%;
	height: auto;
	float: left;
}

#np_block_coming_up #np_block_details  {
	width: 80%;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	line-height: 26px;
	padding: 0 0 0 12px;
}

#np_block_coming_up:nth-child(odd)  {
	background-color: rgba(255,255,255,0.15);
}





/******************************* FOOTER STYLING *******************************/

#footer  {
	width: 100%;
	max-width: 1158px;
	/*min-width: 1024px;*/
	height: auto;
	margin: 0 auto;
	background: #00A9E9 url("../images/foot_speaker_2.png") no-repeat right top;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	padding: 20px;
    text-align: center;
}

#ft_title_container {
    width: 100%;
	height: auto;
     box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#ft_title {
    width: 120px;
	height: auto;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
    font-size: 26pt;
	color: #FFF;
	font-size: 26px;
	border-right: 3px solid #005f94;
	 box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin: 0 0 20px 0;
}

#ft_text {
    width: 100%;
	height: auto;
}

#ft_text li {
	width: auto;
	height: auto;
    border-left: 1px solid #005f94;
    padding: 0 8px 0 8px;
	margin: 0 0 14px 0;
    display: inline-block;
}

#ft_text li.new_line  {
    border:none;
}

#ft_text p  {
    margin-top: 5px;
}





/******************************* MOBILE MEDIA QUERIES *******************************/

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

#slider img  {
    width: 380px;
    height: 145px;
}

#ad_slider_2 img {
	width: 150px;
	height: 125px;
}
}


@media only screen and (max-width: 1099px) {
#on_air_text  {
    width: 50%;
}

#on_air_img  {
    width: 50%;
	max-width: 53px;
	float: right;
}
}

@media only screen and (max-width: 1023px) {
#on_air_text  {
	padding-top: 17px;
}
}

@media only screen and (max-width: 999px) {
#social_container  {width: 70%;}
}

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

#top_bar_left  {
	width: 120px;
	float: left;
}

#top_bar_middle  {
	display: none;
}

#top_bar_right  {
	width: 45%;
	float: right;
}

#menu  {
	height: 50px;
	max-height: none;
    padding:7px;
}

#listen_live_container  {
	background-size: 15%;
}

.top_bar_seperator  {
	display: none;
}

#menu_inner  {
	width: 100%;
}

.nav  {
	width: 33.3%;
	text-align: center;
	margin-bottom: 5px;
}

.nav:nth-child(3)  {border-right: none;}

}

@media only screen and (max-width: 767px) {
.blockcolumns  {width: 96%; margin: 0 2% 0 2%;}
#left_column  {padding: 0;}
#center_column  {padding: 0;}
#right_column  {padding: 0;}

.inner_page_left  {width: 96%; margin: 0 2% 0 2%; padding: 0;}
.inner_page_right  {width: 96%; margin: 0 2% 0 2%; padding: 0;}

#home_slider_left  {width: 66%; margin: 0 auto;}

#home_slider_right  {width: 33%; margin: 0 auto;}
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
@media only screen and (max-width: 767px) {
#menu  {height: 70px;}
#nonfixed  {margin-top: 77px; padding-top: 24px;}
}





/******************************* MOBILE MENU STYLING *******************************/

#mobile-menu  {display: none;}

#mobile-menu-btn  {display: none;}

@media only screen and (max-width: 767px) {
#mobile-menu-btn  {
	display: inherit;
	width: 60px;
	height: auto;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	cursor: pointer;
	padding: 20px 14px;
}

#mobile-menu-btn img  {
	width: 100%;
	height: auto;
}

#mobile-menu  {
	display: inherit;
	width: 250px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index: 999;
	background-color: #00246A;
	border-right: 2px solid #00A9E9;
}

#mobile-logo  {
	width: 100%;
	height: auto;
	text-align: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 20px;
}

#mobile-logo img {
	width: 100%;
	height: auto;
}

.closed  {
	margin-left: -250px;
}

.open  {
	margin-left: 0px;
}

#on_air_container  {
	display: none;
}

#listen_text  {
	width: 80%;
	height: auto;
	text-align: right;
}

#listen_live_container  {
	width: 100%;
}

#menu  {
	display: none;
}

#top_bar_inner  {
	height: auto;
}

#top_bar  {
	background-color: #005F94;
	border-bottom: 2px solid #00A9E9;
	-webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,0.8);
	box-shadow: 0 0 24px 0 rgba(0,0,0,0.8);
}
}

#mobile-menu #menu_inner  {
	width: 100%;
	height: auto;
}

#mobile-menu .nav  {
	width: 100%;
	height: auto;
	margin: 10px 0;
	border-right: none;
}

#close-mobile  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 20px 20px 0 0;
	text-align: right;

}

#close-mobile img  {
	width: 10%;
	height: auto;
}



.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}