/*OPENING PAGES */
div.logoworks {
width: 100%;
border-top: 10px double black;
border-bottom: 3px solid black;
background: white;
padding-left: 200px;
}

.options {
padding-left: 100px;
padding-top: 50px;
height:200px;
}

.maintext {
padding-left: 30px;
padding-top: 50px;
height:200px;
width: 400px;
}

div.live {
padding-left: 150px;
padding-top: 50px;
width: 700px;
}

h1.live2 {
border-bottom: 1px dotted black;
width: 300px;
}

h2.songs {
width: 525px;
padding: 3px;
border: 1px solid black;
background: #c1c1c1
}

a.box:link {width: 230px; background-color: white; color: black; text-decoration: none; font-size: 24px; border: 1px solid black; padding: 1px 0px 5px 20px;}
a.box:active {width: 230px; background-color: white; color: black; text-decoration: none; font-size: 24px; border: 1px solid black; padding: 1px 0px 5px 20px;}
a.box:visited {width: 230px; background-color: white; color: black; text-decoration: none; font-size: 24px; border: 1px solid black; padding: 1px 0px 5px 20px;}
a.box:hover {width: 230px; background-color: white; color: red; text-decoration:none; font-size: 24px; border: 1px solid black; padding: 1px 0px 5px 20px;}

/* INSIDE THE SITE */

body.studio {
margin: 0;
padding: 0;
scrollbar-base-color: black;
scrollbar-track-color: white;
background-color: white;
font-family: Century Gothic;
font-size: 14px;
}

/* HEADER STYLES */

div.header {
width: 100%;
border-top: 7px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
background: #e9e9e9;
height: 50px;
background-image: url(images/flowers.jpg);
}

.header2 {
padding-left: 120px;
padding-top:5px;
}

/* BODY STYLES */

div.content {
width:100%
}

.list {
border-right: 1px solid black;
width: 110px;
padding:3px;
margin: 0px;
}


a.red:link {color: black; text-decoration: none; font-size: 24px;}
a.red:active {color: black; text-decoration: none; font-size: 24px;}
a.red:visited {color: black; text-decoration: none; font-size: 24px;}
a.red:hover {color: red; text-decoration:none; font-size: 24px;}

div#links {
width: 100px;
z-index:100;
height: 320px;
}

div#links a {
display: block;
text-align:center;
margin: 0 0 1px;
border-width: 0px;
}

div#links a:hover {
background: url(images/flowers.jpg);
}

div#links a:hover span {
display: block;
position: absolute;
width: 100px;
padding: 3px; 
margin: 0px; 
z-index: 100;
top:  365px;
left: 0px;
color: black; 
background: white;
font: 12px Century Gothic; 
text-align: center;
}

div#links a span {
display: none;
}

.date_index {
border-bottom: 1px solid black;
padding-left: 100px;
}

#navbar, #gwg {
position: fixed;
float: left;
width: 170px,600px;
}

/* FOOTER STYLES */

div.footer {
width: 100%;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: .8em;
height: 40px;
padding-top: 8px;
padding-left: 150px;
margin-bottom: 20px;
}