body
{
	background-image:url('background.jpg');
	border:0;
	margin:0;
	color:#FFF;
	font-family:sans-serif;
	min-width:880px;
}

img
{
	border:0;
}

a
{
	color:#FFF;
}

a:visited
{
	color:#FFF;
}

a:hover
{
	color:#FFF;
}

/* TOP LOGIN BOX */
#login_box
{
	position:absolute;
	float:right;
	margin-right:10%;
	margin-top:10px;
	text-align:right;
	font-size:70%;
	right:8ex;
	color:#FFF;
}

#login_box form {
	position:relative;
	float:left;
	margin-right:3px;
	color:#999;
}

div#username,div#password,form#login
{
	position:relative;
	float:left;
	margin-right:3px;
	color:#999;
}

div#username:hover,div#password:hover
{
	background-color:#FFF;
}

input#username-field,input#password-field
{
	width:7em;
	background-color:#000;
}

label.overlabel
{
	color:#999;
}

label.overlabel-apply
{
	position:absolute;
	top:4px;
	left:5px;
	z-index:1;
	color:#999;
}

/* TOP SECTION */
#top
{
	margin:0;
	padding:.5em;
	border:0;
	background:#EC008C;
	margin:0 10%;
	height:1.5em;
	voice-family:\"}\";
	voice-family:inherit;
	height:1.5em;
}

html > body #top
{
	height:1.5em;
}

img.top_logo
{
	margin:0 0 -1em 11%;
	border:0;
}

#top img
{
	vertical-align:middle;
}

#top ul
{
	margin:0;
	text-align:right;
}

#top li
{
	display:inline;
	margin:0;
	padding:.5em;
	font-family:sans-serif;
	font-size:105%;
	color:#000000;
}

#top a
{
	text-decoration:none;
	font-weight:700;
	color:#000000;
	outline:none;
}

#top a:visited
{
	color:#000000;
}

#top a:active
{
	color:#000000;
}

#top a:hover
{
	color:#FFFFFF;
}

/* END OF TOP */
/* CONTENT SECTION */
#content
{
	padding:.1em;
	border:0;
	background:#00B7EB;
	margin:0 10%;
}

#content p
{
	font-size:80%;
	margin-left:1.5%;
	letter-spacing:.03em;
	line-height:160%;
}

/* in case we want a normal line height */
.normal
{
	line-height:100%;
}

#content li
{
	font-size:80%;
}

#content h1
{
	background-image:url(h1bg.jpg);
	background-repeat:repeat-y;
	padding:.3em;
}

#blog_left h2
{
	background-image:url(h1bg.jpg);
	background-repeat:repeat-y;
	padding:.3em;
}

p.information
{
	position:relative;
	background-image:url(infobg.jpg);
	background-repeat:repeat-y;
	padding:.5em;
	padding-bottom:.6em;
	left:1.5em;
	text-align:justify;
	margin:0;
	margin-right:5%;
}

/* END OF CONTENT */
/* BIG PROMO */
img.bigpromo
{
	padding:0 0 0 .7em;
}

img.bigpromotwo
{
	float:left;
	padding:1em;
	padding:.7em .7em 0;
}

/* END OF PROMO */
/* FOOTER */
#footer
{
	clear:both;
	padding:.1em;
	border:0;
	background:#EC008C;
	margin:0 10%;
	height:60px;
}

#footer p
{
	font-size:75%;
	margin-left:1.5%;
}

/* END FOOTER */
/* NOW NEXT */
p.timestamp
{
	position:relative;
	float:right;
	color:#FFF;
	font-family:sans-serif;
	font-size:150%;
	margin-right:.5em;
	margin-left:0;
	margin-top:1.5em;
	margin-bottom:.5em;
	width:30%;
	text-align:center;
}

p.now
{
	position:relative;
	float:right;
	clear:right;
	background-color:#EC008C;
	background-image:url(now.png);
	background-repeat:no-repeat;
	background-position:.3em 93%;
	padding:1em;
	color:#FFF;
	font-family:sans-serif;
	font-size:80%;
	margin-right:.5em;
	margin-left:0;
	margin-top:1em;
	margin-bottom:1em;
	width:30%;
	text-align:right;
}

p.next
{
	position:relative;
	float:right;
	clear:right;
	background-color:#EC008C;
	background-image:url(next.png);
	background-repeat:no-repeat;
	background-position:.3em 93%;
	padding:1em;
	color:#FFF;
	font-family:sans-serif;
	font-size:80%;
	margin-right:.5em;
	margin-right:.5em;
	margin-left:0;
	margin-bottom:1em;
	width:30%;
	text-align:right;
}

p.later
{
	position:relative;
	float:right;
	clear:right;
	background-color:#EC008C;
	background-image:url(later.png);
	background-repeat:no-repeat;
	background-position:.3em 93%;
	padding:1em;
	color:#FFF;
	font-family:sans-serif;
	font-size:80%;
	margin-right:.5em;
	margin-left:0;
	margin-top:1em;
	margin-bottom:1em;
	width:30%;
	text-align:right;
}

p.listenlive
{
	position:relative;
	float:right;
	clear:right;
	color:#FFF;
	font-family:sans-serif;
	font-size:100%;
	margin-right:.5em;
	margin-left:0;
	margin-top:.5em;
	margin-bottom:1em;
	width:30%;
	text-align:center;
}

strong.now
{
	font-weight:bolder;
	font-size:large;
}

strong.next
{
	font-weight:bolder;
	font-size:large;
}

strong.later
{
	font-weight:bolder;
	font-size:large;
}

p.centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:65%;
}

table.centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:75%;
}

/* HEADINGS */
h1
{
	font-size:140%;
	line-height:2ex;
	font-weight:700;
	margin-top:1ex;
	margin-bottom:1ex;
	color:#fff507;
	margin-left:1.5%;
	letter-spacing:.2em;
}

h2
{
	font-size:120%;
	line-height:2ex;
	font-weight:700;
	margin-top:1.5ex;
	margin-bottom:1ex;
	margin-left:1.5%;
	letter-spacing:.2em;
}

h2.normal
{
	letter-spacing:0;
	color:#FFF;
	left:0;
	background-image:none;
}

h3
{
	font-size:120%;
	line-height:2ex;
	font-weight:700;
	margin-top:1.5ex;
	margin-bottom:1ex;
	margin-left:1.5%;
	letter-spacing:.2em;
}

h4
{
	font-size:100%;
	line-height:1.8em;
	font-weight:700;
	margin-top:1.5em;
	margin-bottom:1.5em;
	margin-left:1.5%;
}

table.sched
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:85%;
	border-collapse:collapse;
	vertical-align:top;
}

table.sched tr
{
	border:thin;
	vertical-align:top;
}

table.sched td
{
	width:5%;
}

#navbar
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#navbar li
{
	display:inline;
	margin:0;
	padding:.5em;
	font-family:sans-serif;
	font-size:105%;
	color:#999418;
}

#navbar a
{
	text-decoration:none;
	font-weight:700;
	color:#999418;
	outline:none;
}

#navbar a:visited
{
	color:#999418;
}

#navbar a:active
{
	color:#999418;
}

#navbar a:hover
{
	color:#fff507;
}

#monday
{
	display:none;
}

#tuesday
{
	display:none;
}

#wednesday
{
	display:none;
}

#thursday
{
	display:none;
}

#friday
{
	display:none;
}

#saturday
{
	display:none;
}

#sunday
{
	display:none;
}

#loading
{
	display:block;
}

#loading img
{
	vertical-align:bottom;
}

#pscroller1
{
	text-align:center;
	float:left;
	width:46%;
	height:1ex;
	padding:.5em;
	font-size:70%;
}

p.alumni
{
	float:right;
	margin-left:auto;
	margin-right:1.5em;
	text-align:right;
}

h1.news
{
	font-size:140%;
	line-height:2ex;
	font-weight:700;
	margin-top:1ex;
	color:#fff507;
	margin-left:1.5%;
}

h1.news a
{
	text-decoration:none;
	font-weight:700;
	color:#fff507;
	outline:none;
}

.left_promo
{
	padding:.3em;
	margin-left:5%;
	width:41%;
	margin-bottom:0;
}

p.left_promo
{
	margin-top:0;
	padding-top:0;
	font-size:85%;
	margin-bottom:1ex;
}

h1.left_promo a
{
	font-size:90%;
	text-decoration:none;
	font-weight:700;
	color:#fff507;
	outline:none;
}

h1.right_promo a
{
	font-size:90%;
	text-decoration:none;
	font-weight:700;
	color:#fff507;
	outline:none;
}

.right_promo
{
	padding:.3em;
	float:right;
	margin-right:5%;
	margin-left:auto;
	width:41%;
	margin-bottom:0;
	text-align:right;
}

p.right_promo
{
	margin-top:0;
	padding-top:0;
	font-size:85%;
	margin-bottom:1ex;
}

/* PROMO */
#bigpromobox
{
	width:60%;
	margin-top:1em;
	margin-bottom:1em;
	height:22em;
	margin-left:2.5%;
	border:.5em solid #000;
	background:#000;
	background-image:url(promos/asrock.jpg);
	background-repeat:no-repeat;
}

#bigpromobox h2
{
	font-size:170%;
	position:relative;
	bottom:-78%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#bigpromobox p
{
	font-size:100%;
	position:relative;
	bottom:-78%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#bigpromobox:hover
{
	border-color:#fff507;
}

#bigpromobox a
{
	display:block;
	width:100%;
	height:100%;
	margin-top:-15%;
}

/* BOTTOM NAVIGATION */
#nav1
{
	float:left;
	width:20%;
	height:8em;
	margin-left:2%;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/volunteering.jpg);
	background-repeat:no-repeat;
}

#nav1 h2
{
	position:relative;
	bottom:-65%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#nav2
{
	float:left;
	width:20%;
	height:8em;
	margin-left:2%;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/reviews.jpg);
	background-repeat:no-repeat;
}

#nav2 h2
{
	position:relative;
	bottom:-65%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#nav3
{
	float:left;
	width:20%;
	height:8em;
	margin-left:2%;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/competitions.jpg);
	background-repeat:no-repeat;
}

#nav3 h2
{
	position:relative;
	bottom:-65%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#nav4
{
	float:left;
	width:20%;
	height:8em;
	margin-left:2%;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/outside_broadcast.jpg);
	background-repeat:no-repeat;
}

#nav4 h2
{
	position:relative;
	bottom:-65%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#nav1:hover
{
	border-color:#fff507;
	background-color:#fff507;
}

#nav2:hover
{
	border-color:#fff507;
	background-color:#fff507;
}

#nav3:hover
{
	border-color:#fff507;
	background-color:#fff507;
}

#nav4:hover
{
	border-color:#fff507;
	background-color:#fff507;
}

a.clickable_nav
{
	display:block;
	width:100%;
	height:100%;
	margin-top:-20%;
}

#blog_left
{
	float:left;
	width:65%;
	margin-left:2%;
}

#blog_right
{
	float:right;
	width:29%;
	margin-left:2%;
	margin-right:0;
}

/* BLOG PROMO SECTIONS */
a.clickable_blog
{
	display:block;
	width:100%;
	height:100%;
	margin-top:-10%;
}

#blogpromo_station
{
	width:90%;
	height:3em;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/show_news.jpg);
	background-repeat:no-repeat;
	margin-bottom:.2em;
}

#blogpromo_station h2
{
	font-size:90%;
	position:relative;
	bottom:-59%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#blogpromo_station:hover
{
	border-color:#fff507;
}

#blogpromo_show
{
	width:90%;
	height:3em;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/station_news.jpg);
	background-repeat:no-repeat;
	margin-bottom:.2em;
}

#blogpromo_show h2
{
	font-size:90%;
	position:relative;
	bottom:-59%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#blogpromo_show:hover
{
	border-color:#fff507;
}

#blogpromo_competitions
{
	width:90%;
	height:3em;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/competitions.jpg);
	background-repeat:no-repeat;
	margin-bottom:.2em;
}

#blogpromo_competitions h2
{
	font-size:90%;
	position:relative;
	bottom:-59%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#blogpromo_competitions:hover
{
	border-color:#fff507;
}

#blogpromo_technical
{
	width:90%;
	height:3em;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/technical.jpg);
	background-repeat:no-repeat;
	margin-bottom:.2em;
}

#blogpromo_technical h2
{
	font-size:90%;
	position:relative;
	bottom:-59%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#blogpromo_technical:hover
{
	border-color:#fff507;
}

#blogpromo_volunteering
{
	width:90%;
	height:3em;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/volunteering.jpg);
	background-repeat:no-repeat;
	margin-bottom:.2em;
	margin-top:.4em;
}

#blogpromo_volunteering h2
{
	font-size:90%;
	position:relative;
	bottom:-59%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#blogpromo_volunteering:hover
{
	border-color:#fff507;
}

#blogpromo_live
{
	width:90%;
	height:3em;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/outside_broadcast.jpg);
	background-repeat:no-repeat;
	margin-bottom:.2em;
}

#blogpromo_live h2
{
	font-size:90%;
	position:relative;
	bottom:-59%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#blogpromo_live:hover
{
	border-color:#fff507;
}

#blogpromo_reviews
{
	width:90%;
	height:3em;
	border:.5em solid #000;
	background:#000;
	background-image:url(nav_bg/reviews.jpg);
	background-repeat:no-repeat;
	margin-bottom:.2em;
}

#blogpromo_reviews h2
{
	font-size:90%;
	position:relative;
	bottom:-59%;
	background-color:#000;
	padding:.2em;
	border:0;
	margin:0;
}

#blogpromo_reviews:hover
{
	border-color:#fff507;
}

a.no_underline
{
	text-decoration:none;
	width:100%;
}

#review_summary
{
	padding: .1em;
	margin-bottom: .5em;
	margin-left: .5em;
	margin-right: .5em;
	background-color:#2a2a2a;
	text-align: left;
}

#review_summary h3
{
	font-size: 90%;
	text-decoration:none;
}

/* Button thanks to David's Kitchen - monc.se/kitchen */

.btn
{
	width: 10em;
	display: block;
	position: relative;
	background: #474747;
	padding: 5px;
	float: left;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0.2em;
}

.btn *
{
	font-style: normal;
	background-image: url(btn2.png);
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

.btn i { background-position: top left;
	position: absolute;
	margin-bottom: -5px;
	top: 0; left: 0;
	width: 5px; 
	height: 5px;
}

.btn span
{
	background-position: bottom left;
	left: -5px;
	padding: 0 0 5px 10px;
	margin-bottom: -5px;
}

.btn span i
{
	background-position: bottom right;
	margin-bottom: 0;
	position: absolute;
	left: 100%;
	width: 10px;
	height: 100%;
	top: 0;
}

.btn span span
{
	background-position: top right;
	position: absolute;
	right: -10px;
	margin-left: 10px;
	top: -5px;
	height: 0;
}

.btn.muted { background: #474747; font-weight: bold; font-size: 130%; }
.btn.small { background: #474747; font-weight: bold; font-size: 90%; width: 4em; left: 20em; }
.btn.selected { background: #999418; font-weight: bold; font-size: 130%;}
.btn:hover { background-color: #FFF507; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(shade.png); background-position: bottom; }

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }