/* 
File:    skin.css
Purpose: Defines colours, backgrounds, borders, and
         any other visual element outside of type
		 and layout. Does NOT include margins, padding,
		 height, width, or any other white space producing
		 style; see layout for such attributes.
 */

body {
	color: #666666;
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	background-attachment: fixed;
	background-color: #000;
	/* Standard background */
	/*background-image: url(/images/skin/body-bg-bboc.jpg); */
	background-image: url(/images/skin/body-bg-sb.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

u { text-decoration: none; }

#container {
	font-size: 0.8em;
}

th,h1,h3,h5,h6 {
	color: #000;
}

.title h3 { /* record title */
	font-size: 1.2em; font-weight: bold;
	text-transform: uppercase;
}
.title h4 { /* subtitle */
	font-weight: bold;
	color: #000;
	font-size: 1.1em;
	border-top: 1px solid #000;
}
h5, h6 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}
em {
	font-style:italic;
}


#container {
	/* background: url(/images/skin/skyline.gif) no-repeat top center;	
	padding-bottom: 350px; */
}
#page {
	background: url(/images/skin/page-bg.gif) repeat-y center;
	margin: -30px;
}
#page .wrapper {
		background: transparent;
}

/* masthead */
#masthead {
	background: url(/images/skin/masthead-bg.jpg) no-repeat top center;
}
#masthead h1 a{
	background: url(/images/skin/h1-bg.gif) no-repeat center;
}

/* footer */
#footer * {
 background: transparent;
}
#footer, #footer-loyalty {
	color: #fff;
	background: url(/images/skin/footer-bg.jpg) repeat-y top center;
}
#footer a, #footer-loyalty a {
	color: #ff6633;
}
#footer a:hover, #footer-loyalty a:hover {
	color: #fff;
	text-decoration: underline;
}
#footer ul {
}
#footer ul li, #footer-loyalty ul li {
	list-style: disc;
	list-style-image: url(/images/skin/footer-li-bg.gif);
	font-weight: bold;
}

/* weather */
#weather {
	background: url(/images/skin/weather-bg.gif) no-repeat bottom;
}
#weather .period {
	font-weight: bold;
	color: #006699;
	display: block; clear: left;
}
#weather .temp {
	color: #959595;
	font-weight: bold;
	font-size: 1.2em;
}

#weather ul.links {
	background: transparent;
}


/* nowplaying */
#nowplaying {

}
#now-playing-title {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/skin/h2-black_bg.gif) repeat-x #000;
	padding: 0 10px;
	border: solid 1px #000;
	margin-top: 5px;
}
#now-playing-box {
	border: solid 1px #000;
	background: url(/images/skin/onairnow_bg.gif) repeat-x #000;
	color:#FFFFFF;
	height: 130px;
}
#now-playing-col-left {
	float: left;
	position: relative;
	width: 100%;
	right: 0%
}
#now-playing-col1 {
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	width: 178px;
}
#now-playing-col2 {
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	width: 120px;
}

#listen-live-btn {
	width: 100%;
	margin: 100px 0 0 10px;
}
#listen-live-btn a {
	color: #FF6633;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}		
#listen-live-btn a:hover {
	color: #fff;
	text-decoration: underline;
}
/* #listen-live-btn a:visited {
	color: #FF6633;
} */
#twitter_div {
	background: url(/images/skin/twitter_bg.jpg) no-repeat;
}
#twitter_update_hdr {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	border-bottom: medium dotted #932a24;
	margin: 0 50px;
	padding-top: 15px;
}
#twitter_update_sub_hdr {
	font-size: 9px;
	margin: 0 50px;
	padding-top: 3px;
	text-align:	right;
}
#twitter_update_list {
	font-size: 10px;
	color: #000;
	list-style-type: circle;
	margin: 0 35px 0 50px;
	padding-top: 7px;
	width: 215px;
	word-wrap: break-word;
}
#twitter_update_list li {
	padding-bottom: 10px;
}
#twitter_footer {
	font-size: 10px;
	text-align: right;
}
#music, #music h3 {
	color: #FFF;
}
#music .song {
	font-size: 1.2em;
	font-weight: bold;
}
#music .artist {
	font-weight: bold;
}

#personality, #personality h3 {
	color: #424242;
	font-size: 0.7em;
}

#branding {
	width: 100%;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-color: #000;
	border-bottom: 1px solid #932A24;
}

/* archives */
.aintro .title h2, /* archive/page title */
.fancy-title .record .title h3 {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
/*	background: #932a24; */
/*	background: url(/images/skin/atitle-bg-right.gif) no-repeat center right; */
}
.aintro .title,
.fancy-title .record .title {
	background: #932A24 url(/images/skin/h2-red_bg.gif) repeat-x scroll 0 0;
	padding: 0 0 1px 10px;
	margin: 0 0 10px;
/*	background: #932a24; */
/*	background: #0C599F url(/images/skin/atitle-bg-left.gif) no-repeat center left; */
}
.aintro .title h2 a, .aintro .title h2 span,
.fancy-title .record .title h3 a, .fancy-title .record .title h3 span {
/*	background: url(/images/skin/atitle-bg.gif) repeat-x center left; */
	color: #FFF;
}

.titlesponsor .aintro .title, 
.titlesponsor .aintro .title h2 {
	background-color: transparent;
}

.archive .footer {
background: #fff;
}

ul.archivePagination li a {
	border: 1px solid;
	background: #ADD1E9;
}
ul.archivePagination li a:hover {
	background: #035098;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #ADD1E9;
}


/* records */
.skin-image .record .image {
	border: 1px solid #C7C7C7;
}
.record .image .caption {
	font-size: 0.8em;
}

div.record div.date-details {
	font-size: 0.9em;
}
div.record {
/* commented out to turn off background color on dcrs */
/*	background: #FFF; */
}
.content {
/* commented out to turn off background color on dcrs */
/*	background: #FFF; */
}
.copy ul, .copy2 ul {
	list-style: circle;
}
.record .sponsor img {
	background: url(/images/skin/sponsor-bg.gif) no-repeat left center;
}

ul.errors {
color: #A50101;
background: #FCFFDE;
border: 1px solid;
list-style: disc;
}

/* footer */
.record .footer {
	background: none;
	border: none;
}
.audio .record .footer a {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: 0 -100px; 
}
.audio .record .footer a:hover {
	background-position: -75px -100px; 
}
.photo .record .footer a {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: 0 -80px;
}
.photo .record .footer a:hover {
	background-position: -75px -80px;
}
.video .record .footer a {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: 0 -60px;
}
.video .record .footer a:hover {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: -75px -60px;
}
.gallery .record .footer a {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: 0 -40px;
}
.gallery .record .footer a:hover {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: -75px -40px;
}

/* metadata */
.skinmeta span.author a {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: 0 -20px;
}
.skinmeta span.author a:hover {
	background-position: -75px -20px;
}
.skinmeta span.contact a {
	background: url(/images/skin/link-icons.gif) no-repeat;
	background-position: 0 0;
}
.skinmeta span.contact a:hover {
	background-position: -75px 0;
}
.skinmeta .meta-info {
	border-bottom: 1px solid #000;
}

.alt {
	background: url(/images/skin/alt-bg.gif) repeat-x bottom left;
}

/* forms */
form button {
	background: url(/images/skin/form-submit-bg.gif);
	border: none;
	color: #FFF;
	font-size: 0.8em;
	cursor: pointer;
}

#loyalty-login input.textbox {
	font-size: 0.8em;
	border: 1px solid;
	border-color: #7C7C7C rgb(206, 206, 206) rgb(195, 195, 195) rgb(124, 124, 124);
	background: #FFF url(/images/skin/form-textbox-bg.gif) no-repeat top left;
	color: #888;
	font-weight: bold;
}
form.skin-form fieldset {
	border: 1px solid #000;
	background: url(/images/skin/form-fieldset.gif) repeat-x bottom;
}
form.skin-form fieldset .shaded {
}
form.skin-form legend {
	font-weight: bold;
	background: #FFF;
	border: 1px solid #000;
}
div.separator {
	background: url(/images/skin/form-divider.gif) repeat-x bottom;
}
label {
	color: #000;
}
input.textbox, textarea {
	color: #000;
	border: 1px solid;
	border-color: #7C7C7C rgb(206, 206, 206) rgb(195, 195, 195) rgb(124, 124, 124);
	background: #FFF url(/images/skin/form-textbox-bg.gif) no-repeat top left;
	font-size: 11px;	
}

/* loyalty login */
#loyalty-login {
	background: transparent no-repeat center;
	color: #fff
}

#loyalty-login h3 {
color: #4B4B4B;
}

#loyalty-login ul.links a.more {
	background-position: left;
	font-size: 0.9em;
}

#menu {
	background: transparent url(/images/skin/menu-bg.png) no-repeat;
}

/* advertisements */
.extended .ad {
	background: url(/images/skin/ad-bg.gif) no-repeat top center;
}

/* links */
a:link {
	color: #932A24;
	text-decoration: none;
}
a:visited {
	color: #932a24;
	text-decoration: none;
}
/* a:visited {
	color: #DD9610;
	text-decoration: none;
} */
a:hover {
	text-decoration: underline;
}
a.more {
	background: url(/images/skin/a-more-bg.gif) no-repeat right center;
	text-transform: uppercase;
	font-family: Trebuchet MS, Arial, Helvetica;
	text-decoration: none;
	color: 932A24;
}
.copy a {
	color: #932A24;
}
.copy a:hover {
	text-decoration: underline;
}
.copy a:visited {
	color: #932A24;
}
.more a {
	color: #932A24;
}
.more a:hover {
	text-decoration: underline;
}
.more a:visited {
	color: #932A24;
}
.footer a {	color: #932A24;
}
.footer a:hover {
	text-decoration: underline;
}
.title h3 a { /* record title */
	text-decoration: none;
}
.title h3 a:hover { /* record title */
	text-decoration: underline;
}
.title h3 a:visited { /* record title */
	color:#932A24;
}
#gleeclub_form a {
	color: #FF6633;
}
/* menu */
ul#main-menu li a {
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

/*ul#main-menu li#m-home a {
	background: url(/images/skin/menu-home-bg.gif) no-repeat center; 
	text-indent: -9999px;
} */

ul#main-menu li#m-listen a span {
	background: url(/images/skin/menu-listen-bg.gif) no-repeat center;
	cursor: pointer;
}

/* subnavs (in-page anchors) */
.subnav {
}
.subnav li a {
	background: #CFDEFF;
	border-left: 2px solid #055299;
}
.subnav li a:hover {
	background: #055299;
}
.divider_black {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/skin/h2-black_bg.gif) repeat-x #000;
	padding: 0 10px;
	margin: 0 0 5px 0;
}
.divider_box_black {
	background: #EEE;
	border: 1px solid #000;
	padding: 2px 0 0;
}
.divider_red {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/skin/h2-red_bg.gif) repeat-x #932A24;
	padding: 0 10px;
	margin: 0 0 5px 0;
}

#countdown_timer {
	width: 300px;
	height: 95px;
	padding-top: 5px;
	margin: 10px 0;
	background-image: url(/images/skin/muse_countdown_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

#iphone_app_btn {
	width: 300px;
	border: 0;
}