/* CSS Document */

body {
background: #000;
/*background: url(./images/bkgrd.png);*/
text-align: center;
margin: 0;
font: .72em Verdana, Helvetica, Arial;
line-height: 1.5em;
letter-spacing: .1em;
}


div {
margin: 0;
border: 0;
padding: 0;
}

img.noborder {
border: none;
}

img.spacenoborder {
border: none;
margin: 0 20px 40px 20px;
}


img.fbthumbs {
width: 80px;
margin: 5px;
border: none;
}

a {
text-decoration: none;
}


a.removeborder {
border: none;
}

span.tinytext {
font-size: 25%;
color: #000;
}

span.tinytext a {
color: #000;
}

span.photog {
font-size: 85%;
}

span.yellowtext {
color: #ff0;
}

#wrapper {
position: relative;
width: 1000px;
height: 800px;
margin: 0 auto 0 auto;
}

#header {
background: url(./images/header_bkgd.jpg) repeat-x;
position: relative;
width: 100%;
height:223px;
float: left;
margin-top: 0;
}

img.logo {
margin-top: 2px;
margin-bottom: 0;
float: left;
z-index: 1;
}

.topbanner {
position: absolute; top: 0; right: 0;
width: 461px;
}

.topbanner img {
border: 0;
}

.topbanner a {
border: 0;
}

.navigation {
position: relative;
float: left;
color: red;
z-index: 0;
}

#leftcol {
background: #bababa;
position: relative;
float: left;
width: 160px;
margin-bottom: 10px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding-bottom: 10px;
}

.menuhead {
background: url(./images/largebar.jpg);
width: 100%;
height: 24px;
padding-top: 5px;
}

#leftcol ul {
position: relative;
list-style: none;
width: 98%;
margin-top: 0;
margin-left: 0;
padding-left: 0;
}

#leftcol li {
text-align: left;
margin-left: 5px;
border-bottom: 1px solid #000;
padding-top: 5px;
padding-bottom: 5px;
font-size: 98%;
}

#leftcol a:link, #leftcol a:visited {
text-decoration: none;
color: #000;
}

#leftcol a:hover {
color: #f00;
}

#leftcol p {
font-size: 94%;
}


span.heading {
color: #ff0;
font-size: 95%;
letter-spacing: .1em;
}

span.headingb {
color: #fff;
font-size: 95%;
letter-spacing: .2em;
font-weight: bold;
}

#centercol {
background: #bababa;
position: relative;
float: left;
width: 540px;
margin-left: 1px;
border: 0;
}

.centerhead {
background: url(./images/largebar.jpg);
position: relative;
float: left;
width: 100%;
height: 24px;
text-align: left;
text-indent: 10px;
padding-top: 5px;
}

.centerheadba {
background: #666;
position: relative;
float: left;
width: 100%;
margin-top: 5px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height: 18px;
text-align: left;
text-indent: 10px;

}

.centerheadb {
background: #666;
position: relative;
float: left;
width: 100%;
margin-top: 15px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height: 18px;
text-align: left;
text-indent: 10px;

}


.aircontainer {
postion: relative;
float: left;
width: 100%;
margin-top: 5px;
text-align: center;
}

.aircontainer p {
padding: 0;
}


/* -------------------------------------------------------- Index Page ----------------------- */

.welcometextarea {
background: #fff;
position: relative;
float: left;
width: 100%;
padding-bottom: 10px;
}

p.centertext {
font-size: 100%;
text-align: left;
padding: 10px 5px 0 7px;
}



.outcast {
position: relative;
float: left;
width: 200px;
margin: 10px 0 0 60px;
padding: 10px 5px 0 5px;
font-size: 96%;
text-align: center;
}

.outcast img {
border: 1px solid #000;

}


.outcast a:link, .outcast a:visited {
text-decoration: none;
font-weight: bold;
color: #f00;
}

.fair a:link, .fair a:visited {
text-decoration: none;
font-weight: bold;
color: #f00;
}

.fair {
position: relative;
float: left;
width: 200px;
margin: 10px 0 0 30px;
padding: 10px 5px 0 5px;
font-size: 96%;
text-align: center;
}

.fair img {
border: 1px solid #000;

}


.outcast1 {
position: relative;
float: left;
width: 160px;
margin: 10px 0 10px 10px;
padding: 10px 5px 0 8px;
font-size: 96%;
text-align: center;
}

.outcast1 img {
border: 1px solid #000;

}

.outcast1 a:link, .outcast1 a:visited {
text-decoration: none;
font-weight: bold;
color: #f00;
}

.outcast2 {
position: relative;
float: left;
width: 160px;
margin: 10px 0 10px 10px;
padding: 10px 5px 0 8px;
font-size: 96%;
text-align: center;
}

.outcast2 img {
border: 1px solid #000;

}

.outcast3 {
position: relative;
float: left;
width: 160px;
margin: 10px 0 10px 10px;
padding: 10px 5px 0 5px;
font-size: 96%;
text-align: center;
}

.outcast3 img {
border: 1px solid #000;

}


p.contactleft {
text-align: left;
padding: 10px;
}

form.contact p {
text-align: left;
}

form.contact {
position: relative;
width: 85%;
margin: 10px;
border-top: 1px solid #000;
padding: 10px;
text-align: center;
}

form.contact input.name {
border: 1px solid #000;
width: 50%;
}

form.contact input.mail {
border: 1px solid #000;
width: 50%;
}

form.contact input.subject {
border: 1px solid #000;
width: 70%;
}

form.contact textarea {
border: 1px solid #000;
width: 80%;
}

form.contact input.button {
background: #930e11;
border: 1px solid #000;
color: #ff0;
}

/* ----------------------------------------------- Birthday Wishes ----------------------------------- */
form.contact input.age {
border: 1px solid #000;
width: 50px;
}




#rightcol {
/*background: #bababa;*/
position: relative;
float: left;
width: 290px;
/*margin-left: 5px;*/
font-size: 98%;
margin-left: 2px;
}


#rightcol img {
margin-bottom: 5px;
border: 0;
}


#contactcol {
background: #bababa;
position: relative;
float: left;
width: 14%;
margin-left: 1px;
font-size: 90%;
}



.concerttextarea {
position: relative;
float: left;
width: 90%;
margin: 10px 0 0 15px;
border-bottom: 1px dashed #000;
padding-bottom: 10px;
text-align: left;
}

.concerttextarealast {
position: relative;
float: left;
width: 90%;
margin: 10px 0 0 15px;
padding-bottom: 10px;
text-align: left;
}

#concertcol p {
text-align: left;
font-size: 100%;
padding-left: 10px;
}

p.concerttitle {
font-size: 110%;
font-weight: bold;

}
span.smallinfo {
font-size: 120%;
}

p.livenationtext {
font-size: 80%;
}

img.ln {
margin: 10px 0 10px 0;
border: 0;
}

/* ----------------------------------------------------------- >>>>>> PODCASTS <<<<< ------------------------- */

.audiotextarea {
position: relative;
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
padding-bottom: 10px;
}

.audioarea {
position: relative;
float: left;
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-bottom: 10px;
text-align: left;
}

.audiotextareab {
position: relative;
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
padding-bottom: 10px;
}

.audioareab {
position: relative;
float: left;
width: 88%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-bottom: 10px;
text-align: left;
}


ul.pods {
position: relative;
float: left;
list-style: none;
width: 100%;
margin: 0;
}

ul.pods li {
line-height: 1.7em;
}

ul.pods li.heading {
font-size: 130%;
color: #f00;
}

/* ------------------------------------------- >>>>>>>>>>>>> LIVE BROADCAST <<<<<<<<<<<<<<<<<<<<< --------------- */

.liveaudioarea {
position: relative;
float: left;
width: 330px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-bottom: 10px;

}

p.textlinkback {
position: relative;
font: 75%;
text-align: center;
}

/* ----------------------------------------------------- E Request ----------------------------- */

.requesttextarea {
background: #bababa;
position: relative;
float: left;
width: 100%;
padding-bottom: 10px;
}

form.request {
position: relative;
width: 75%;
margin: 10px;
border-top: 1px solid #000;
padding: 10px;
text-align: left;
}

form.request input.name {
border: 1px solid #000;
width: 50%;
}

form.request input.song {
border: 1px solid #000;
width: 70%;
}
form.request input.button {
background: #930e11;
border: 1px solid #000;
color: #ff0;
}


/* ------------------------------------------------- Geeks Corner -------------------- */

span.smallinfo {
font-size: 60%;
}

/* -------------------------------------------------------------------------- Da Lightbox -------------------------- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("./blank.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#lightbox a {
text-decoration: none;
border: 0;
}


/* --------------------------------------------- Rowdy Friends Page ------------------- */


ul.commlist {
position: relative;
float: left;
list-style: none;
}

ul.commlist li {
width: 100%;
margin: 10px 0;
padding-bottom: 10px;

border-bottom: 1px dashed #ccc;
}

ul.commlist li img.thumber { 
float: left;
width: 120px;
margin-right: 10px;
border: 0;
padding-right: 20px;
}


p.separate {
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px dashed #ccc;
text-align: left;
}

ul.friendslist {
list-style: none;
position: relative;
width: 250px;
margin-left: 30px;
padding-bottom: 20px;
}

ul.friendslist li {
display: block;
margin-bottom: 50px;
border-bottom: 1px dashed #000;
}

ul.friendslist img {
border: 0;
margin-bottom: 30px;
}

/* -------------------------------------------------------- STAFF PAGE --------------- */

img.staffers {
float: left;
margin: 0 10px 10px 0;
}

/* ---------------------------- Local Events -------------------------- */

span.smallinfob {
font-size: 75%;
}

/* ----------------------------------------------------- Contact ----------------------------- */

.contacttextarea {
background: #bababa;
position: relative;
float: left;
width: 100%;
padding-bottom: 10px;
}

p.contactleft {
text-align: left;
padding: 10px;
}

form.contact p {
text-align: left;
}

form.contact {
position: relative;
width: 85%;
margin: 10px;
border-top: 1px solid #000;
padding: 10px;
text-align: center;
}

form.contact input.name {
border: 1px solid #000;
width: 50%;
}

form.contact input.mail {
border: 1px solid #000;
width: 50%;
}

form.contact input.subject {
border: 1px solid #000;
width: 70%;
}

form.contact textarea {
border: 1px solid #000;
width: 80%;
}

form.contact input.button {
background: #930e11;
border: 1px solid #000;
color: #ff0;
}

/* ----------------------------------------------- Birthday Wishes ----------------------------------- */
form.contact input.age {
border: 1px solid #000;
width: 50px;
}



/* ------------------------------------ >>>> Job Board Items <<<< ---------------- */

ul.categories {
list-style: none;
margin: 10px;
position: relative;
float: left;
}

ul.categories li {
font-size: 110%;
text-align: left;
padding-top: 5px;
}

ul.categories a:link, ul.categories a:visited {
text-decoration: none;
font-weight: bold;
color: #0c35ce;
}


ul.categories a:hover {
text-decoration: none;
font-weight: bold;
color: #f00;
}


.listjobs {
position: relative;
margin-top: 20px;
width: 85%;
font: 100%;
font-weight: bold;
}

span.redtext {
color: #f00;
font-weight: bold;
}




#footer {
position: relative;
clear: both;
background: #000;
width: 95%;
height: 75px;
margin: 10px auto 0 auto;
padding-top: 10px;
text-align: center;
}

#footer p {
font-size: 75%;
color: #ccc;
}


#footer a:link, #footer a:visited {
color: #ff0;
text-decoration: none;
}