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

body {
background-image: url(bg/trans.png);
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: normal;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: transparent;}

a:link {
color: #FFCC00;
text-decoration: none;}
a:visited {
color: #FFCC00;
text-decoration: none;}
a:hover {
color: #663399;
text-decoration: none;}
a:active {
color: #FFFFFF;
text-decoration: none;}

ul {
margin: 0px;
padding: 0px;
background-color: #222222;
width: 232px;
height: 540px;
text-indent: 0px;
list-style-type: none;
margin: 0px;}

li {
margin: 0px;
padding: 0px;
background-color: #222222;
padding: 7px;}

table {
border: 0;}

.welcome {
color: #FFCC00;
font-size: 12px;
text-transform: uppercase;}

.episode {
color: #CCCCCC;
font-size: 10px;
text-transform: uppercase;}

.desc {
color: #FFFFFF;
font-size: 10px;
font-weight: normal;}

.date {
color: #FFFFFF;
font-size: 9px;
font-weight: normal;}

.host {
color: #FFFFCC;
font-style: italic;}

.artist {
color: #FFFFFF;
font-size:10px;
text-transform: uppercase;
font-weight: bold;}

.gig {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;}

.venue {
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
font-style: normal;}

.avail {
font-weight: normal;
color: #FFCC00;}

.code {
color: #663399;
font-style: italic;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;}

.vscrollerbase {
width: 10px;
background-color: #FFFFCC;}
.vscrollerbar {
width: 10px;
background-color: #b52608;}
.hscrollerbase {
height: 10px;
background-color: transparent;}
.hscrollerbar {
height: 10px;
background-color: #b52608;}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: transparent;}

#mycustomscroll {
background-color: transparent;
width: 232px;
height: 540px;
overflow: auto;
position: relative;}