/***********************************************/
/*            HOMEPAGE CONTAINER               */
/***********************************************/

span { display: none; } /* Place within span tags any text you want to appear if a user has CSS and images turned-off
- using for "Get More Info" and "Info+Listen" buttons so if a user has images turned off, they can still see a text link */


/***********************************************/
/*        LISTEN AND DISCUSS BUTTONS           */
/***********************************************/

a.getMoreInfo {
	display: block;
	width: 92px;
	height: 17px;
	background: url(../images/bu-getInfo-off.gif) no-repeat;
	margin-top: 5px;
	margin-bottom: 8px;
}
a.getMoreInfo:hover {
	background: url(../images/bu-getInfo-on.gif) no-repeat;
}


a.infoListen {
	display: block;
	width: 86px;
	height: 17px;
	background: url(../images/bu-infoListen-off.gif) no-repeat;
	margin-top: 5px;
	margin-bottom: 8px;
}
a.infoListen:hover {
	background: url(../images/bu-infoListen-on.gif) no-repeat;
}


a.listen {
	display: block;
	float: left;
	width: 203px;
	height: 17px;
	background: url(../images/bu-listen-off.gif) no-repeat;
}
a.listen:hover {
	background: url(../images/bu-listen-on.gif) no-repeat;
}

img.audiona { /* "Audio not available" button */
	display: block;
	float: left;
}

a.discuss {
	display: block;
	float: left;
	width: 131px;
	height: 17px;
	background: url(../images/bu-discuss-off.gif) no-repeat;
	margin-left: 8px;
}
a.discuss:hover {
	background: url(../images/bu-discuss-on.gif) no-repeat;
}



/***********************************************/
/*                FEATURED                     */
/***********************************************/

#featuredBox {
}

#featuredPhoto {
	float: left;
	width: 252px;
	vertical-align: top;
}

#featuredCaption {
	margin-top: -16px;
	margin-left: 4px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

#featuredDesc { /* Container for Featured segment info */
	margin-left: 265px;
	padding-top: 7px;
}

#featuredDesc h2 { /* "TONIGHT!", "COMING UP!", etc. */
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3fa28e;
}

#featuredDesc h2 a {
	color: #3fa28e; /* Specify color both here and in #featuredDesc h2 in case there's no link */
}

#featuredDesc h3 {
	font-size: 10px;
	font-weight: bold;
}

#show-addlTitle {
	margin-top: 0.6em;
	font-style: italic;
}

.segmentList { /* Used for both "Featured" and "Just Posted" descriptions */
	list-style: none;
	margin: 0.8em auto 1em 0;
	padding-left: 0;
}

.segmentList li {
	margin-bottom: 8px;
}


/***********************************************/
/*                NEWS BOX                     */
/***********************************************/

#newsbox {
	width: 252px;
	vertical-align: top;
	background-color: #ececec;
}

#newsboxHeader {
	background-color: #999;
	padding: 7px 9px;
	color: #fff;
}

#newsboxHeader h2 {
	font-size: 14px;
	display: inline;
}

#newsboxHeader h6 {
	margin-top: 1px;
	float: right;
	font-size: 10px;
	font-weight: normal;
}

#newsboxHeader a {
	color: #fff;
}

#newsboxList {
	list-style: none;
	margin-top: 9px;
	_margin-left: 0; /* For IE/Win */
	padding-left: 15px;
	padding-right: 15px;
}

#newsboxList li {
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}

#newsboxList li.newsboxLast {
	border-bottom: none;
}

#newsboxList li a {
	font-weight: bold;
}

.newsboxDate {
	margin-bottom: 2px;
	font-size: 9px;
	text-transform: uppercase;
}


/***********************************************/
/*           SMALL SHOW BOXES                  */
/***********************************************/

td.showboxSm {
	width: 252px;
	border: 1px solid #d0d0d0;
	vertical-align: top;
 	background: url(/images/bkgd-photoextend-sm.gif) repeat-y top left;
 }

/* "Crops" out the left side of the photo. showboxSmDesc will cover-up the right side */
.showboxSmPhoto { overflow: hidden; width: 85px; }
.showboxSmPhoto img { margin-left: -57px; margin-bottom: -3px; }

.showboxSmDesc {
	float: right;
	width: 140px;
	_width: 131px; /* For IE/Win */
	background-color: #fff;
	padding: 6px 10px;
}

.showboxSmDesc h3 { /* "JUST POSTED!", "COMING UP!", etc. */
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
}

.showboxDate {
	display: inline; /* So date can appear beside it */
	font-size: 9px;
	font-weight: normal;
}

td.showboxSm ul.segmentList {
	font-size: 10px;
}

td.showboxSm ul.segmentList li {
	margin-bottom: 2px;
}

.showboxSmDesc p {
	font-size: 10px;
}

.showboxSmDesc p a {
	text-decoration: underline;
}


/***********************************************/
/*             UTILITY BOXES                   */
/***********************************************/

td.utilitybox {
	width: 236px;
	_width: 230px; /* For IE/Win */
	background-color: #ececec;
	border: 1px solid #d0d0d0;
	vertical-align: top;
	padding: 6px 10px;
}

td.utilitybox h3 {
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
}

td.utilitybox p {
	font-size: 10px;
	margin-bottom: 4px;
}

td.utilitybox a {
	font-weight: bold;
}

form#subscribeNewsletter {
	margin: 0;
	padding: 0;
}

form#subscribeNewsletter input {
	margin-left: 0;
}

input#submit-subscribe {
	margin-bottom: -4px;
	_margin-bottom: -2px; /* For IE/Win */
}

.utilityFeedLink {
	display: block;
	float: left;
	width: 50px;
	height: 15px;
	margin-top: 2px;
	margin-right: 4px;
}

a.bu-podcast { background: url(../images/bu-podcast-sm-off.gif) no-repeat; }
a.bu-podcast:hover { background: url(../images/bu-podcast-sm-on.gif) no-repeat; }
a.bu-itunes { background: url(../images/bu-itunes-sm-off.gif) no-repeat; }
a.bu-itunes:hover { background: url(../images/bu-itunes-sm-on.gif) no-repeat; }
a.bu-rss { background: url(../images/bu-rss-sm-off.gif) no-repeat; }
a.bu-rss:hover { background: url(../images/bu-rss-sm-on.gif) no-repeat; }
a.bu-email { background: url(../images/bu-email-sm-off.gif) no-repeat; }
a.bu-email:hover { background: url(../images/bu-email-sm-on.gif) no-repeat; }