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

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

/* remove glow and resize in Safari input fields */
* { outline:none; resize:none; }


	.strapline {
		position:absolute; z-index:5; margin-left:135px; top:0px;
	}
	
	*+html 	.strapline {
		position:absolute; z-index:5; margin-left:-820px; top:0px;
	}
	

	
	.strap-text{
		font-size: 24px; color:#C75555; font-weight:bold; }

	*
	{
	margin: 0px;
	padding: 0px;
	}
	
	body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/bg-repeat.gif);
	background-repeat:repeat-x;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#EAEAEA;
	}

	#navlist {
	margin-top: 5px;
	margin-bottom: 0px;
	}

	.left-menu-bg {
	float:left;
position:relative;
	width:230px; height:360px;
	border:solid 1px #CECECE;
	background-image:url(images/schedule-box-repeat.jpg);
	background-repeat:repeat-x;
	margin-top:-7px;
	}
	
	.left-menu-bottom {
	background-image:url(images/schedule-box-bottom.jpg);
	background-repeat:no-repeat;
	width:232px; height:9px;

	}
	
	.left-menu-bg-top {
	clear: both;
	background-image:url(images/weather-widget-top.jpg);
	width:230px; height:4px;
	margin-top: 10px;
	margin-bottom:0px;
	padding-top: 0px;
	border:0px;
	overflow:hidden;
	}
	
	.left-menu-bg-top-blog {
	clear: both;
	background-image:url(images/weather-widget-top.jpg);
	width:230px; height:4px;
	margin-top: 4px;
	margin-bottom:-10px;
	padding-top: 0px;
	border:0px;
	overflow:hidden;
	}
	
	*html 	.left-menu-bg-top-blog {
	margin-top: 0px;
	margin-bottom:0px;
	}
	
	*+html 	.left-menu-bg-top-blog {
	margin-top: 0px;
	margin-bottom:0px;
	}

	.archive-left-menu-box{ 
	background-image:url(images/weather-widget-bg.jpg);
	height:180px; width:228px;
	background-color:#EBEBEB;
	background-repeat:repeat-x;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	}
	
	.left-menu-small-box {
	background-image:url(images/weather-widget-bg.jpg);
	height:107px; width:228px;
	background-color:#EBEBEB;
	background-repeat:repeat-x;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	}
	

	.left-menu-bg-bottom {
	background-image:url(images/weather-widget-bottom.jpg);
	width:230px; height:4px;
	margin-bottom: 10px;
	overflow:hidden;
	}

	#sche-scroll { width:220px; height:360px; overflow:auto; }
	#prog-scroll { width:220px; height:360px; overflow:auto; }


	.main {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:0px;
	}
	
	.header {
	width:960px;
	height:161px;
	margin: 0px;
	border: 0px;
	padding-bottom:10px;
	
	}
	
	.banner-left {
	float:left;
	position:relative;
	background-image:url(images/top-banner-left-bg.png);
	behavior: url(http://www.myscr.co.uk/images/iepngfix.htc);
	width:10px; height:161px;
	}
	
	.banner-logo1 {
		float:left;
	position:relative;
	width:102px; height:161px;
	}
	
	.banner-logo2 {
		float:left;
	position:relative;
	width:129px; height:161px;
	background-image:url(images/top-banner-logo2.jpg);
	}
	
	.banner-background {
		float:left;
	position:relative;
	width:709px; height:161px;
	background-image:url(images/top-banner-bg-repeat.jpg);

	}
	
	.banner-right {
		float:left;
	position:relative;
	background-image:url(images/top-banner-right-bg.png);
	behavior: url(http://www.myscr.co.uk/images/iepngfix.htc);
	width:10px; height:161px;
	}
	
	#now {
	width: 250px; height: 50px;
	float: left;
	position:relative;
	margin-top: 55px;
	margin-left: 95px;
	overflow:hidden;
	}
	
	*html #now {
	margin-left: 47px;
	}
	
	.air {
	text-align: right;
	font-weight:bold;
	
	overflow:hidden;
	}
	
	.prog {
	text-align: right;
	font-weight:bold;
	
	color: #c85150;
	margin-top: -10px;
	}
		
	#listen {
	float: left;
	position:relative;
	width: 162px; height: 50px;
	border: 0px;
	margin-top: 10px;
	}
	
	*html #listen {
	margin-top: 10px;
	}
	
	
	
	
	#facebook {
	float: left;
	position:relative;
	width: 162px; height: 50px;
	border: 0px;
	margin-top: 10px;
	margin-left:10px;
	}
	
	*html #facebook {
	margin-left:10px;
	margin-top: 10px;
	}
	
	
	
	
	
	
	#clock {
	float:right;
	margin-right:10px;
	margin-top:-100px;
	}
	
	.content {
	width:100%;
	margin-top:-5px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	}
	
	*html .content {
	margin-top:-6px;
	}
	
	*+html .content {
	margin-top:15px;
	}
	
	.left-div {
	float:left;
position:relative;
	width:250px;
	}
	
	.left-div-content-home {
	float:left;
position:relative;
	width:238px; margin-left:10px;
	}
	
	*html .left-div-content-home {
	margin-left:5px;
	margin-right:-10px;
	}
	
	.left-div-content {
	float:left;
position:relative;
	width:238px; margin-left:10px;
	margin-top: -6px;
	}
	
	
	*html .left-div-content {
	float:left;
	position:relative;
	width:238px;
	margin-left:5px;
	margin-right:-10px;
	margin-top: -10px;
	}
	
	*+html .left-div-content {
	float:left;
	position:relative;
	width:238px;
	margin-left:10px;
	margin-right:-10px;
	margin-top: -10px;
	}
	
	.main-top {
	float:left;
position:relative;
	width:698px;
	clear:right;
	}
	
	.main-header {
	margin-top: 4px;
	float:left;
	position:relative;
	width:208px; height:30px;
	background-image:url(images/home-header-bg.jpg);
	background-repeat:no-repeat;
	clear:right;
	}
	
	*html .main-header {
		margin-top:0px;
	}
	
	*+html .main-header {
	margin-top: 0px;
	float:left;
	position:relative;
	width:208px; height:30px;
	background-image:url(images/home-header-bg.jpg);
	background-repeat:no-repeat;
	clear:right;
	}
	
	.location {
	float:right;
	height:30px;
	margin-bottom:-5px;
	}
	
	*+html .location {
	float:right;
	height:30px;
	margin-bottom:0px;
	}
	
	.main-content {
	float:left;
position:relative;
	width:696px; height:181px;
	border-left:solid 1px #CECECE;
	border-right:solid 1px #CECECE;
	border-top:solid 1px #CECECE;
	background-image:url(images/schedule-box-repeat.jpg);
	background-repeat:repeat-x;
	}
	
	.home-fade-rotate {

overflow:hidden;
padding: 0px;
margin: 0px;
float:left;
position:relative;
clear:right;
	}

	.main-content-large {
	float:left;
	position:relative;
	width:696px; height:auto;
	border-left:solid 1px #CECECE;
	border-right:solid 1px #CECECE;
	border-top:solid 1px #CECECE;
	background-image:url(images/schedule-box-repeat.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-top:-1px;
	}

	.main-content-large-bottom {
	float:left;
position:relative;
	width:696px; height:auto;
	border-left:solid 1px #CECECE;
	border-right:solid 1px #CECECE;
	background-image:url(images/schedule-box-repeat.jpg);
	background-repeat:repeat-x;
	}
	
	
	.main-content-large-blog {
	float:left;
	position:relative;
	width:686px; height:auto;
	border-left:solid 1px #CECECE;
	border-right:solid 1px #CECECE;
	border-top:solid 1px #CECECE;
	overflow:hidden;
	padding:5px;
	}
	
	

	.presenters-image {
	clear: left;
	float: left;
	width: 208px; height: 136px;
	margin-bottom: 10px;
	}
	
	.presenters-info-top {
	float: right;
	background-image: url(images/presenters-info-top.gif);
	background-repeat:no-repeat;
	width: 480px; height: 136px;
	margin-bottom: 10px;
	}
	
	.presenters-info-normal {
	float: right;
	background-image: url(images/presenters-info-normal.gif);
	background-repeat:no-repeat;
	width: 480px; height: 136px;
	margin-bottom: 10px;
	}
	
	.presenters-info-copy {
	margin-top: 2px;
	}

	.main-content-bottom {
	float:left;
position:relative;
	width:483px; height:260px;
	background-image:url(images/bottom-box-bg.jpg);
	background-repeat:repeat-x;
	margin-top:10px;
	}
	
	.main-content-left {
	float:left;
position:relative;
	width:4px;
	height:260px;
	background-image: url(images/bottom-box-left.jpg);
	background-repeat:no-repeat;
	margin-top: 10px;
	}
	
	.main-content-right {
	float:left;
	position:relative;
	width:213px; height:260px;
	background-image:url(images/bottom-box-right.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	overflow:hidden;
	}

	.show-holder {
	float:left;
position:relative;
	width:698px;
	}

	.home-box-top {
	margin-top: 10px;
	float:left;
position:relative;
	width:698px; height:4px;
	background-image:url(images/home-box-top.jpg);
	background-repeat:no-repeat;
	}
	
	*html 	.home-box-top {
	margin-top:0px;
	margin-bottom:-11px;
	float:left;
position:relative;
	width:698px; height:4px;
	background-image:url(images/home-box-top.jpg);
	background-repeat:no-repeat;
	}
	
	.home-box-bottom {
	float:left;
position:relative;
	width:698px; height:4px;
	background-image:url(images/home-box-bottom.gif);
	margin-top:-4px;
	background-repeat:no-repeat;
	}
	
	*html	.home-box-bottom {
	float:left;
position:relative;
	width:698px; height:4px;
	background-image:url(images/home-box-bottom.gif);
	margin-top:-4px;
	background-repeat:no-repeat;
	}
	
	.home-box-right {
	float:left;
position:relative;
	width:213px; height:260px;
	background-image: url(images/bottom-box-right.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	}
	
	
	
	.presenters-box {
	margin-top: 10px;
	float:left;
	position:relative;
	margin-right:10px;
	}
	.presenters-box-header {
	float:left;
	font-size:12px;
	position:relative;
	width:167px; height:30px;
	background-image:url(images/top-promo.jpg);
	background-repeat:no-repeat;
	}
	
	.presenters-box-header h2{
	font-size:12px;
	}
	
	.presenters-box-content {
	float:left;
	position:relative;
	width:167px; height:144px;
	}
	
	.unsigned-box {
	margin-top: 10px;
	float:left;
position:relative;
	margin-right:10px;
	}
	.unsigned-box-header {
	float:left;
	font-size:12px;
	position:relative;
	width:167px; height:30px;
	background-image:url(images/top-promo.jpg);
	background-repeat:no-repeat;
	}
	
	.unsigned-box-header h2{
	font-size:12px;
	}
	
	.unsigned-box-content {
	float:left;
position:relative;
	width:167px; height:144px;
	}
	
	.podcasts-box {
	margin-top: 10px;
	float:left;
position:relative;
	margin-right:10px;
	}
	.podcasts-box-header {
	float:left;
	font-size:12px;
	position:relative;
	width:167px; height:30px;
	background-image:url(images/top-promo.jpg);
	background-repeat:no-repeat;
	}
	
	.podcasts-box-header h2{
	font-size:12px;
	}
	
	.podcasts-box-content {
	float:left;
position:relative;
	width:167px; height:144px;
	}
	
	
	
	.involved-box {
	margin-top: 10px;
	float:left;
position:relative;
	margin-right:10px;
	clear:right;
	}
	
	.involved-box-header {
	float:left;
	font-size:12px;
	position:relative;
	width:167px; height:30px;
	background-image:url(images/top-promo.jpg);
	background-repeat:no-repeat;
	}
	
	.involved-box-header h2{
	font-size:12px;
	}
	
	.involved-box-content {
	float:left;
position:relative;
	width:167px; height:144px;
	}
	
	
	
	.footer {
	height:auto;
	}
	
	
	
	
	
	
	H1 {
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	margin-top:7px;
	text-align:center;
	}
	
	
	H2 {
	font-weight:bold;
	color:#FFFFFF;
	margin:10px;
	text-align:center;
	}
	
	H2.black {
	font-weight:bold;
	color:#000000;
	margin:10px;
	text-align:left;
	}
	
	H2.promo {
	font-weight:bold;
	
	color:#FFFFFF;
	margin:10px;
	text-align:center;
	}
	
	*html H2.promo {
	font-weight:bold;
	
	color:#FFFFFF;
	margin:5px;
	text-align:center;
	}
	
	
	.programmes-header {
	text-align: left;
	color: #000000;
	margin-bottom: -10px;
	}
	
	P {
	
	color:#000000;
	margin:10px;
	}
	
	
	P.location-link {
	
	color:#C75555;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
	
	
	#copyright {
	float:left;
position:relative;
	margin-left: 10px;
	}
	
	p.copyright {
	margin-left:0px;
	}
	
	#styles-creative {
	float:right;
	margin-right: 10px;
	}
	
	p.styles-creative {
	margin-right:0px;
	}
	
	a:link {
	color:#FFFFFF;	
	text-decoration:none;
	}
	
	a:visited {
	color:#FFFFFF;	
	text-decoration:none;
	}
	
	a:hover {
	color:#FFFFFF;	
	text-decoration:underline;
	}
		
	a.black:link {
	color:#000000;	
	text-decoration:none;
	}
	
	a.black:visited {
	color:#000000;	
	text-decoration:none;
	}
	
	a.black:hover {
	color:#000000;	
	text-decoration:underline;
	}
	
	
	
	a.content-link:link {
	color: #c85150;
	text-decoration:none;
}
	
	a.content-link:visited {
	color: #c85150;
	text-decoration:none;
	}
	
	a.content-link:hover {
	color: #000000;
	text-decoration:underline;
	}
	
	
	
	a.link:link {
	color:#000000;
	
	text-decoration:none;
	}
	
	a.link:visited {
	color:#000000;
	
	text-decoration:none;
	}
	
	a.link:hover {
	color:#000000;
	
	text-decoration:underline;
	}

	
	a.location-link:link {
	color:#C75555;
	
	text-decoration:none;
	}
	
	a.location-link:visited {
	color:#C75555;
	
	text-decoration:none;
	}
	
	a.location-link:hover {
	color:#C75555;
	
	text-decoration:underline;
	}
	
	
		
	#navigation {
	width:960px;
	height:30px;
	margin-top:-6px;
	margin-bottom:10px;
	margin-left: 0px;
	}
	
	*html #navigation {
	margin-top:-9px;
	}
	
	#navigation ul li {
	font-weight:bold;
	
	list-style-type:none;
	display:block;
	float:left;
	}
	
	#navigation a
	{
	margin-top:3px;
	color:#666666;
	text-decoration:none;
	display:block;
	}
	
	#navigation a.active
	{
	margin-top:3px;
	color:#C75555;
	text-decoration:none;
	display:block;
	}
	
	#navigation a:hover
	{
	margin-top:3px;
	color:#C75555;
	text-decoration:none;
	display:block;
	}
	
	#navigation li.nav {
	margin-top:0px;
	margin-left:0px;
	margin-right:2px;
	width:100px; height:30px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;
	background-image: url(images/tab-bg.png);
	behavior: url(http://www.myscr.co.uk/images/iepngfix.htc);
		
	background-repeat:no-repeat;
	text-align:center;	
	}
	
	#navigation li.nav-active {
	margin-top:0px;
	margin-left:0px;
	margin-right:2px;
	width:100px; height:30px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;
	background-image:url(images/tab-bg-active.png);
	behavior: url(http://www.myscr.co.uk/images/iepngfix.htc);
	
	background-repeat:no-repeat;
	text-align:center;
	}
	
	ul#mylink {
	font-weight:bold;
	list-style:none;
	float:left;
position:relative;
	margin:0px;
	padding:0px;
	}
	
	li#mylink {
	font-weight:bold;
	float:left;
position:relative;
	width:115px; height:30px;
	background-image:url(images/schedule-bg.jpg);
	background-repeat:no-repeat;
	padding-top:7px;
	text-align:center;
	margin-left:2px;
	}
	
	#google-map {
	float:left;
position:relative;
	margin-left:10px;
	margin-bottom:20px;
	margin-top:10px;
	width: 675px; height: 300px;
	border:solid 1px #CECECE;
	}
	
	*html 	#google-map {
	float:left;
position:relative;
	margin-left:5px;
	margin-bottom:20px;
	margin-top:10px;
	width: 675px; height: 300px;
	border:solid 1px #CECECE;
	}

	
/*            CONTACT FORM             */	
table#contact-form { width:674px; margin-left:10px; 
}
.left-label { width: 125px; height:25px; }
.left-field { width: 200px; height:25px; }
.left-field input { width:170px; color:#C75555; font-family:Arial, Helvetica, sans-serif; padding:0 5px; }
.left-field select { width:184px; color:#C75555; font-family:Arial, Helvetica, sans-serif; }

.form-right-column { width:349px; }
.form-right-column textarea { width:349px; height:117px; overflow:auto; color:#C75555; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; }

#submit { border:1px solid #888; color:#C75555; background-color:#fff; }

.required-fields { font-weight:bold; color:#C75555; }
.required-field { padding-top:5px; }

hr { width:674px; height:1px; margin-left:10px; margin-top:10px; border:none; border-top:solid 1px #C75555; }



/*          BLOGGER CSS RULES          */
.comment-icon { width:0px; height:0px; margin:0; padding:0; position:absolute; visibility:hidden; }
.comment-icon blogger-comment-icon a:link { color:#000000; }
.comment-icon blogger-comment-icon a:hover { color:#000000; }
.comment-icon blogger-comment-icon a:visited { color:#000000; }

.blog-formatting{
	margin-left:10px;
	
	text-align : left;
	color : #000000;
	margin-right : 25px;
	margin-top : 8px;
	margin-bottom : 12px;
	}

#comments{
	margin-left:4px;
	margin-top:10px;
	margin-bottom:-50px;
	}
	
	
	 #feedControl{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333;
 margin:5px;
 margin-top:0px;
 }

.gf-title a { color:#333;  }

  /**
   * Suppress everything except for title
   */
  #feedControl .gf-snippet,
  #feedControl .gf-author,
  #feedControl .gf-spacer {
    display : none;
  } 
  
  
  
  #feedControl .gf-relativePublishedDate { 
  display: block;
  border-bottom: dotted #CCC 2px;
  padding-bottom: 10px;
  font-weight: bold;
  }
  
  .gfc-resultsHeader { border-bottom-style : none; } 

  /**
   * 1em Padding at the bottom of each collection of entries
   */
  #feedControl .gfc-results {
    padding-top: 8px;
  }


.gfc-resultsHeader { border-bottom-style : none; }