/* Kenilworth Youth Center - Radio Abbey CSS */
/* Monday's show has now been moved to Ruesday, classes have not been updated to reflect this */
/* 
Colors:
Grey: #959494
Light Blue: #0f75bc
Dark Blue: #2d3691
Pink: #F054AC 
*/
/* General rules */
body {font-family:Tahoma, Helvetica, sans-serif; font-size:75%; border:0; padding:0}
#container {width:1007px; min-height:631px; border:0; padding:0;  margin:0 auto;}
.clearer {clear:both; border:0; margin:0; padding:0;}
.clearer hr, .linkseperator {display:none;border:0; margin:0; padding:0;}
p {border:0; margin:0; padding:0;}
.jumptolinks {display:none;} 

/* Header */
#header {width:1007px; height:96px; border:0; margin:0; padding:0; background:url(../images/bg_header.jpg) no-repeat;}
#header a {display:block; width:545px; height:65px; border:0; margin:0 0 0 370px; padding:0;}
#header a img {border:1px solid black; margin:0; padding:0;}

/* Middle */
#middle {position:relative; width:1007px;  float:left; min-height:341px;border:0; margin: 0 0 0px; padding:0; background:url(../images/bg_middle.jpg) repeat-y}

/* Left Column */
#leftcol {width:722px; height:100%; border:0; margin:0; padding:0; min-height:340px; float:left;}
#leftcol .mainlogo {float:left;}
h1 {text-indent:-9999px; height:0px;font-size:0.1em; border:0; margin:0; padding:0;}
* html h1 {margin-top:-2px;}
#leftcol a.logolink, #leftcol a img {border:0; margin:0; padding:0; display:block; width:370px; float:left}

/* Competition */
.competitioncontainer {width: 345px; border:0; margin:0; padding:0; margin:0; float:right;}
.competitioncontainer div, .competitioncontainer img {border:0; margin:0; padding:0;}
.compheader {height:23px; background:url(../images/bg_comp_header.jpg) no-repeat}
.compmidcont {min-height:60px; background:url(../images/bg_comp_main.jpg) repeat-y; float:left}
.competitioncontainer .comptextmiddle {width:245px; float:left; padding-left:20px;}
.competitioncontainer .compimgmiddle {float:left;}
.compfooter {width:345px; height:17px; background:url(../images/bg_comp_footer.jpg) no-repeat; float:left;}
.competitionheading {color:#FFFFFF; font-size:1.1em; font-weight:bold}
.competitiontext {color: #2d3691}
.competitioncta {color: #FFFFFF}

/* iPod */
.ipodcontainer {width:120px; margin:5px 0 0 55px; padding:0; float:left;}
* html .ipodcontainer {margin-left:27px;}
.ipodcontainer div {border:0; margin:0; padding:0;}
.ipodheader {height:11px; background:url(../images/bg_ipod_header.jpg) no-repeat;}
.ipodcontainer .ipodmiddle {width:80px; min-height:76px; background:url(../images/bg_ipod_middle.jpg) repeat-y; padding:10px 25px 10px 15px;}
* html .ipodcontainer .ipodmiddle {margin-top:-0.5em} /* IE6 */
.ipodmiddle p {width:86px;}
.ipodmiddlep {margin:10px 0;}
.ipodmiddlep span {font-size:0.75em;}
html>/**/body .ipodmiddlep span {letter-spacing:-0.5px;}
.ipodfooter {height:96px; background:url(../images/bg_ipod_footer.jpg) no-repeat; }

/* Main copy */
.maincontentcontainer {height:220px; width:520px; float:right; border:0; margin:6px 16px 0 0; padding:0;}
* html .maincontentcontainer {margin-right:8px;}
.maincontentcontainer div {border:0; margin:0; padding:0;}
.maincontentheader {min-height:35px; background:url(../images/bg_paper_header.jpg) repeat-y}
.maincontentheader h2 {min-height:17px; margin:0;color:#f054ac; padding:12px 0 18px 40px; margin-top:0; font-weight:bold; font-size:1.3em;}
.maincontentcopy {min-height:185px;  position:relative; background:url(../images/bg_paper_middle.jpg) repeat-y}
* html .maincontentcopy {height:185px;}
.maincontentcopy p {margin:0 20px 20px 40px; font-size:1em}
* html .maincontentcopy p {margin:0 20px 15px 40px; font-size:1em}
#leftcol .maincontentcopy .maincontentca {color:#f054ac; font-weight:bold;margin-bottom:17px;}

/* Right Column */
#rightcol {width: 280px; float:right; border:0; margin:0 3px 0 0; padding:0; font-size:0.95em;}
* html #rightcol {width:279px; margin-right:2px;}
#rightcol h3 {color:#0f75bc; font-size:1em; font-weight:bold;margin:0 0 5px 10px}
#rightcol p {color:#0f75bc; margin:0 0 2px 10px;}

/* Post-it #1 */
.postitheader {height:70px; background:url(../images/bg_postit_header.jpg) no-repeat;}
.postitheader div {border:0; margin:0; padding:0;}
.postitheader img {margin: 43px 0 0 40px;}
.postit1middle {min-height:78px; width:170px; background:url(../images/bg_postit_middle.gif) repeat-y; float:left; margin-left:10px;} 
* html .postit1middle {margin:-0.2em 0 0 5px; min-height:78px;}
.postitfooter {width:191px; height:70px; background:url(../images/bg_postit_footer.jpg) no-repeat;}
/* Post-it #2 */
/*postit2middle min-height was 121px*/
.postit2middle {min-height:100px; height:100%; width:173px; background:url(../images/bg_postit_middle2.gif) repeat-y;}
* html .postit2middle {height:127px;}
.postit2middle img, .postit2middle a, .postit2middle p, .postit2middle span {border:0; margin:0; padding:0;}
.postit2middle p {width:52px; float:left; padding-top:3px;margin-top:-3px; font-size:1em;}
* html .postit2middle p {padding:0;}
/*.postit2middle span {float:right;margin:-3px 0 0 20px; padding-right:5px;}*/
.postit2middle span {float:right;margin:-3px 0 0 20px; padding-right:5px;}

.postit2middle img {margin-right:10px;}
html>/**/body .postit2middle img {margin: 2px 20px 0 0}
.postit2middle .play {margin-left:0;}
#rightcol .postit2middle h3.topmargin {margin-top: 5px;}
html>/**/body .postit2middle p, html>/**/body .postit2middle span {margin-top:0}

/* Play buttons */
* html #rightcol .postit2middle .tuneinmonday {padding-bottom:4px;} /* A play button needs resizing - only shows in ie6 - here's an easy fix */
#rightcol .postit2middle .tuneinmonday {color:#959494}
#rightcol .postit2middle .tuneinthursday {color:#959494}
#rightcol .postit2middle .missedmonday {color:#2d3691}
#rightcol .postit2middle .missedthursday {color:#000000}

/* FOOTER */
#footer {border:0; margin:0; padding:0; width:1007px;height:200px/*190*/; background:url(../images/bg_footer_new.jpg) no-repeat; clear:both}
*+html #footer {margin-top:0}
#footer img {float:left}
#footer .numbergraphic {margin-top:31px; position:inherit}
#footer .balloongraphic {margin-top:-1px;}

/* Meta */
#meta {border:0; padding:6px 0 0 50px; margin:0; width:745px;  float:left;}
#meta p { float:left; color:#000000; font-size:0.9em;}
#meta a {color:#000000; text-decoration:underline;}
#meta a:hover {color:#000000; text-decoration:none; border:0}
#meta img {float:right; margin-left:10px; border:0}


/*Table*/
table {width:100%; color:#0f75bc;}
td {text-align: center;}


caption {display: none;}

#rightcol p.easter_note {color:#f054ac;font-weight:bold;margin:0px 0 7px 10px; width: 90%;}

#rightcol p.thursnightproject {color:#0f75bc; padding: 0px 0px 0px 0px; margin:0px 0px 0px 6px;}

.invisable {display: none;}

.thisweekshows, .lastweekshows  {float:left; width:30px; margin:0px 0px 0px 20px;}
* html .thisweekshows{float:left; width:30px; margin:0px 0px 0px 10px;}
.thisweekshows .date {color:#959494; text-align:center;}
.thisweekshows #dateenabled{color:#F054AC; text-align:center;}
.thisweekshows .image, .lastweekshows  .image { margin: 3px 0px 0px 5px;}

.lastweekshows .date {color:#2d3691; text-align:center;}