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

body {
background: url(images/bg.jpg) repeat-x black;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}


#heart {
background: url(images/heart.gif) repeat;
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 360px;
z-index: 0;
}

#mix {
position: absolute;
top: 0;
left: 80px;
z-index: 2;
background: black;
padding-top: 260px;
opacity:0.85;filter:alpha(opacity=85);
}

#flourish {
background: url(images/flourish3.jpg) no-repeat 0 0;
min-height: 1200px; !important
}

#arrow {
color: white;
font-size: 1.5em;
margin: 0 0 10px 0;
}

#arrow1 {
color: white;
font-size: 1.5em;
position: absolute;
top:20px;
left:0;
margin: 0;
z-index: 4;
}

h1 {
color: white;
font-size: 6.9em;
line-height: .7em;
letter-spacing: -.02em;
position: absolute;
top:75px;
left:-12px;
z-index: 4;
width: 1100px;
margin: 0;

}

h1.shadow {
position: absolute;
top:75px;
left:0;
color: #7b0400;
z-index: 3;
}

/* info shit */

#controls {
position: fixed;
top: 300;
left: 0px;
background: black;
width: 100%;
padding: 5px;
font-size: .7em;
z-index: 5;

}

#controls a {
color: #e53a0c;
}

#controls a:hover {
color: yellow;
}

#status1 {
color: #CC3300;
float: right;
margin-right: 20px;

}

#player1 {
position: absolute;
top: -100px;
left:-100px;
}

.grey {
color: #666;
float: right;
margin: 0 5px 0 5px;
}

.grey2 {
float: right;
margin-right: 10px;
color: #666;
}


.yellow{
color: yellow;
}

/*link stuff */

.song {
display: block;
color: black;
width: 355px;
background: #ca0648;
padding: 5px;
font-weight: bolder;
font: .8em Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0 0 15px 0;
 }

.song:hover{
 color: #FFF !important;
background: #FF3399;
 }
 
  .number {
 font-size: 1.5em;
 color: #FF99CC;
 margin-right: 5px;
 }
 
 /* slider div */
 
#archive {
background: #4E0D06;
z-index: 5;
text-align: left;
width: 100%;
position: fixed;
bottom: 0;
right: 0;
color: white;
font-size: .8em;
padding: 5px 0 5px 0;
padding: 5px;
}



#archive #mydiv {
text-align: left;
padding: 5px;
}

#archive a {
font-size: .6em;
padding: 3px;
color: #e53a0c;
text-decoration: none;

}

#archive a:hover {
color: yellow;
}
 
 
 
 .zip {
display: block;
color: white;
width: 355px;
background: #fb0400;
padding: 5px;
font-weight: bolder;
font: .8em Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0 0 15px 0;
}

.zip:hover{
 color: white !important;
 background: #FF3399;
 }