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

body{
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #060;
}

a img {
border: none;
}

#play_btn {
position: absolute;
height: 13px;
width: 14px;
left: 50%;
top: 311px;
margin-left:-15px;
z-index:102;
}

#stop_btn {
position: absolute;
height: 13px;
width: 12px;
left: 50%;
top: 311px;
margin-left: 0px;
z-index:102;
}

#next_btn {
position: absolute;
height: 13px;
width: 18px;
left: 50%;
top: 311px;
margin-left:16px;
z-index:102;
}

#prev_btn {
position: absolute;
height: 13px;
width: 18px;
left: 50%;
top: 311px;
margin-left:-34px;
z-index:102;
}

h2{
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
font-size: 1.6em;
}

#vibelogo{
position:absolute;
left:50%;
top:-5px;
margin-left:-300px;
width:600px;
height:300px;
}

#boombox {
position: absolute;
width: 322px;
height: 327px;
left: 50%;
top: 10px;
margin-left: -161px;
z-index: 101;
}

#vibebackground{
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
right: 0px;
background-color: #060;
}

#vibecity{
filter:alpha(opacity=25);
opacity:0.25;
position: fixed;
bottom: 0px;
left: 0px;
width: 1000px;
height: 140px;
}

#vibebreaker01{
position: absolute;
width: 210px;
height: 250px;
left: 50%;
margin-left: -540px;
top: 290px;
}

#vibebreaker02{
position: absolute;
width: 190px;
height: 250px;
left: 50%;
margin-left: -530px;
top: 510px;
}

#vibebreaker01 img{width: 75%; height: 75%;}
#vibebreaker02 img{width: 75%; height: 75%;}

#vibenav{
position: absolute;
width: 150px;
height: 450px;
left: 50%;
margin-left: 375px;
top: 270px;
}

#vibenav a img{
padding: 0 0 24px;
}

a:link{
color: #666;
text-decoration: none;
}

a:visited{
color: #666;
text-decoration: none;
}

a:hover{
color: #000;
text-decoration: none;
}


#content{
background-color: #FFF;
position: absolute;
top: 270px;
width: 700px;
height: 400px;
left: 50%;
margin-left: -373px;
padding: 50px 20px 0 20px;
border: 3px solid #000;
margin-bottom: 140px;
overflow: auto;
font-size: 1.2em;
z-index: 99;
}

#footer {
position: absolute;
width: 500px;
left: 50%;
margin-left: -250px;
top: 730px;
text-align: center;
font-size: 10px;
}

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

#footer a:hover {
text-decoration: none;
color: #FFF;
}