﻿/* CSS Styles for Manx Radio Header and Footer Blocks */

.header{
	height:180px;
	clear:both;
	margin:0 auto;
	background: #fff url(../images/header_bg.gif) repeat-x center 18px;
	position:relative;
}


.header_sponsortext {
	position:absolute;
	top:67px;
	left:221px;
	z-index:10;
	width:265px;
	height:29px;
}

.header_sponsortext h3, .header_sponsortext a {
padding:3px 6px;
font-size:16px;
color:#333333;
text-decoration: none;
}

.header_logo{
	height:190px;
	width:347px;
	background:transparent url(../images/manxradio_logo.gif) no-repeat 0 0;
	position:absolute;
	top:20px;
	left:-1px;
	z-index:100;
}


.header_listen {
	position:absolute;
	top:18px;
	right: 5px;
	z-index:10;
	width:185px;
	height:164px;
	list-style:none;
	padding:0;
	margin:0;
}
.header_listen a{
	font-size:11px;
	padding-left:0px;
	}

.show_list{
	padding:33px 0 10px 0;
	}
	
.listen_again a{
		height:30px;
	width:170px;
	display:block;
	text-indent: -9999px;
	}



.footer{
height:100px;
background: #fff url(../images/footer.gif) no-repeat 0 0;
clear:both;
margin:0 auto;
position:relative;
}
.footer p, .footer a{
color:#78256D;
width: 100%;
font-size:12px;
}

.footer p{
padding: 30px 10px 0 0px;
text-align: right;
}

/* rotator */
#rotator{
	position:absolute;
	top:28px;
	right:200px;
	z-index:10;
	width:173px;
	height:132px;
}

#rotator p{
color:#782560;
font-size:15px;
}

#rotator h6{
font-size:24px;
color:#782560;
font-weight:normal;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 350px;
height: 230px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}

.glidecontent_today
{
	text-align: center;
}

.jclock {
	padding: 20px;
	text-align: center;
}

#rotator h4{
	font-size: 12px;
	color:#782560;
	font-weight:normal;
}

#rotator h5{
	font-size: 10px;
	color:#782560;
	font-weight:normal;
}


/* rotator ended */
