/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
}

body {
	background-image: url(../images/gradient-bg.jpg);
	background-repeat: repeat-x;
	background-color: #0082c0;	
	background-position: top;
	font-size: 0.8em;
	text-align: left;
}

a {
	color: #0082c0;	
}

p {
	float: left;
	position: relative;
	clear: left;
	text-align: left;
}

h1 {
	position: relative;
	float: left;
	padding: 0 0 0 14px;
	font-size: 1.7em;
	color: #FFFFFF;
	font-weight: bold;
}

h3 {
	text-align: left;
	padding: 0 0 0 14px;
	font-size: 1.7em;
	color: #000000;
	font-weight: bold;
}

#footer,.footer-link {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}

.footer-link {
	color: #CCC;
	text-decoration: none;
}

.footer-link:hover {
	text-decoration: underline;
}	

.topic-header,.topic-text {
	position: relative;
	float: left;
	width: 385px;
	text-align: left;
}

.topic-header {
	padding: 9px 18px 0 18px;
	font-size: 1.2em;
	font-weight: bold;
	color: #001057;
}


.topic-text {
	font-size: 1em;
	color: #404040;
	padding: 9px 26px 4px 18px;
}

.topic-decor {
	position: relative;
	float: left;
	padding: 20px 0 0 4px;
	width: 406px;
	height: 5px;
	background-image: url(../images/gray-line.png); 
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

#menu {
	width: 1000px;
	height: 43px;
	float: left;
	position: relative;
	background-image: url(../images/menu-body.png); 
	background-repeat: repeat-x;
}

#menu-left,#menu-right {
	width: 13px;
	height: 43px;
	position: relative;
	background-repeat: no-repeat;
}

#menu-left {
	background-image: url(../images/menu-left.png); 
	float: left;
}

#menu-right {
	background-image: url(../images/menu-right.png); 
	float: right;
}

.menu-item {
	position: relative;
	padding: 12px 5px 0 3px;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
}

.menu-link {
	color: #000066;
	text-decoration: none;
}

.menu-link:hover {
	text-decoration: underline;
}

#broadcast-container {
	width: 1000px;
	text-align: center;
	overflow: hidden;
	position: relative;
	float: left;
	min-height: 8px;
	max-height: 360px;
}

#u-stream-object,#live-broadcast-details,#sign-up-details {
	min-height: 300px;
	vertical-align: middle;
	margin: 0 auto;
	position: relative;
	float: left;
}

#u-stream-object {
	padding: 13px 0 13px 12px;	
}

#live-broadcast-details {
	padding: 13px 7px 13px 7px;		
	width: 240px;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

#sign-up-details {
	padding: 13px 0 13px 0;
}

#content-container {
	width: 1000px;
	position: relative;
	float: left;
}


#special-promotions,#show-topics,#follow-us {
	padding: 15px 2px 15px 15px;
	position: relative;
	float: left;
}

#special-promotions-header,#show-topics-header,#follow-us-header {
	background-repeat: no-repeat;
	position: relative;
	float: left;
	height: 45px;
}

.content-headers {
	padding: 11px 0 0 15px;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
}

#special-promotions-content,#show-topics-content,#follow-us-content {
	background-repeat: repeat-y;
	background-position: top;
	position: relative;
	float: left;
	min-height: 610px;
}


#special-promotions-footer,#show-topics-footer,#follow-us-footer {
	background-repeat: no-repeat;
	position: relative;
	float: left;
	height: 8px;
}

#special-promotions {
	width: 240px;
}

#special-promotions-header {
	width: 240px;
	background-image: url(../images/header-special-promotions.jpg); 
}

#special-promotions-content {
	width: 240px;
	background-image: url(../images/body-special-promotions.jpg);
	text-align: left;
	z-index: 3;
}

#special-promotions-footer {
	width: 240px;
	background-image: url(../images/bottom-special-promotions.jpg); 
}

.special-promotions-item {
	padding: 3px 0 1px 4px;
}

#show-topics {
	width: 411px;
}

#show-topics-header {
	width: 411px;
	background-image: url(../images/header-show-topics.jpg); 
}

#show-topics-content {
	width: 411px;
	background-image: url(../images/body-show-topics.jpg);
	z-index: 3;
	padding: 0 0 10px 0;
}

#show-topics-footer {
	width: 411px;
	background-image: url(../images/bottom-show-topics.jpg); 
}

#follow-us {
	width: 287px;
}

#follow-us-header {
	width: 287px;
	background-image: url(../images/header-follow-us.jpg); 
}

#follow-us-content {
	width: 287px;
	background-image: url(../images/body-follow-us.jpg); 
}

#follow-us-footer {
	width: 287px;
	background-image: url(../images/bottom-follow-us.jpg); 
}

.follow-us-item {
	width: 278px;
	padding: 2px 0 3px 4px;	
	float: left;
	position: relative;
	text-align: left;	
}

.follow-us-body {
	width: 278px;
	background-image: url(../images/follow-us-body.png); 
	background-repeat: repeat-y;
	float: left;
	position: relative;
}

.follow-us-title,.follow-us-text {
	width: 255px;
	float: left;
	position: relative;
	color: #FFFFFF;
	padding: 5px 8px 2px 12px;
}

.follow-us-title {
	font-size: 1.2em;
	font-weight: bold;
}

.follow-us-text {
	font-size: 1em;	
}

.follow-us-icon,.follow-us-link,.follow-us-link:hover,.follow-us-wrapper {
	float: left;
	position: relative;
}

.follow-us-wrapper {
	width: 240px;	
}

.follow-us-icon {
	padding: 3px 0 3px 7px;	
}

.follow-us-link,.follow-us-link:hover {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 0 0 8px;
	float: left;
	position: relative;	
	text-decoration: none;
	text-align: left;
}

.follow-us-link:hover {
	text-decoration: underline;	
}

.content-item,.content-body,.content-bottom,.content-lg-title {
	width: 975px;	
	float: left;
	position: relative;
}

.content-item {
	padding: 12px 0 0 12px;
}

.content-lg-title {
	background-image: url(../images/content-lg-title.png);	
	background-repeat: no-repeat;
	height: 45px;
}

.content-title,.content-text {
	padding: 12px 15px 0 16px;
	float: left;
	position: relative;
}

.content-title {	
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;	
}

.content-text {
	font-size: 1em;
	color: #333333;
	z-index: 3;
	text-align: left;
}

.content-body {
	background-image: url(../images/content-lg-body.png);	
	background-repeat: repeat-y;
	min-height: 80px;
	text-align: left;
}

.content-bottom {
	background-image: url(../images/content-lg-bottom.png);	
	background-repeat: no-repeat;
	height: 13px;
}

.host-photo {
	float: left;
	position: relative;
	clear: left;
	padding: 3px 12px 3px 0;
}

.host-title {
	width: 770px;
	font-weight: bold;
	font-size: 1em;
	float: left;
	position: relative;
	text-align: left;
	padding-bottom: 10px;
}

.radio-item,.radio-body,.radio-bottom,.radio-lg-title {
	width: 479px;	
	float: left;
	position: relative;
}

.radio-item {
	padding: 12px 5px 0 12px;
}

.radio-lg-title {
	background-image: url(../images/header-radio.png);	
	background-repeat: no-repeat;
	height: 45px;
}

.radio-title,.radio-text {
	padding: 12px 15px 0 16px;
	float: left;
	position: relative;
}

.radio-title {
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;	
}

.radio-text {
	font-size: 1em;
	color: #333333;
	z-index: 3;
	text-align: left;
}

.radio-body {
	background-image: url(../images/body-radio.png);	
	background-repeat: repeat-y;
	height: 135px;
	overflow: hidden;
	text-align: left;
}

.radio-bottom {
	background-image: url(../images/bottom-radio.png);	
	background-repeat: no-repeat;
	height: 13px;
}



/* RSS reader styles */
.rss-topic-header {
	position: relative;
	float: left;
	width: 935px;
	text-align: left;
	
	padding: 9px 18px 0 18px;
	font-size: 1.2em;
	font-weight: bold;
	color: #001057;
	
}
.rss-topic-text {
	position: relative;
	float: left;
	width: 935px;
	text-align: left;
	padding: 9px 26px 4px 18px;
}

.rss-topic-date {
	color: #777;
	font-style: italic;
}


/*
.rss-topic-header a, .rss-topic-text a{
	color: #000000;
	text-decoration: none;
	
}
*/
.rss-topic-decor {
	position: relative;
	float: left;
	padding: 20px 0 0 4px;
	width: 968px;
	height: 5px;
	background-image: url(../images/gray-line-fullwidth.png); 
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}