/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }

/* -------------------------------------------- */


html,body {
background-attachment:scroll;
background-color:#e5e2d1;
background-image:url(../images/background.jpg);
background-position:top center;
background-repeat:no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1;
margin:0;
padding:0;
}

div#banner {
background-color:#1f1d1d;
height:45px;
width:100%;
}

div#container {
width:100%;
}

div#wrap {
left:50%;
margin-left:-480px;
position:absolute;
width:960px;
}

.footer {
margin: 20px 0 0 0;
}

.right {
text-align:right;
}

div.w176 {
float:left;
margin:0 20px 0 0;
width:196px;
padding: 0;
}

div.w352 {
float:left;
margin:0 20px 0 0;
width:342px;
padding: 0;
}

div.w480 {
float:left;
width:480px;
padding: 0;
}

div.w704 {
float:left;
margin:0 20px 0 0;
width:694px;
padding: 0;
}

div.w960 {
float:left;
width:960px;
padding: 0;
}

div.first {
margin:0 20px;
padding: 0;
}

p {
color:#333;
margin:0 0 10px;
padding:0;
}

p.table {
color: #333;
margin: 0;
padding: 0;
}

p.bold {
color:#1f1d1d;
font-weight:700;
margin:0;
}

p.small {
font-size:10px;
}

span {
font-weight:400;
}

ol {
list-style-type:none;
margin: 0 0 0 20px;
}

ol li {float: none;}

ul {
display:inline;
list-style-type:none;
}

li.tracks {
float:none;
}

a {
color:#81bbcf;
}

a:hover {
color: #333;}

h1 {
height:190px;
text-indent:-10000px;
}

a.facebook {
background-image:url(../images/socialicons.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:25px;
margin:10px 0 0;
text-indent:-10000px;
width:102px;
}

a.facebook:hover {
background-position:0 -25px;
}

a.myspace {
background-image:url(../images/socialicons.png);
background-position:-122px 0;
background-repeat:no-repeat;
display:block;
height:25px;
margin:10px 0 0 30px;
text-indent:-10000px;
width:96px;
}

a.myspace:hover {
background-position:-122px -25px;
}

a.twitter {
background-image:url(../images/socialicons.png);
background-position:-248px 0;
background-repeat:no-repeat;
display:block;
height:25px;
margin:10px 0 0 30px;
text-indent:-10000px;
width:83px;
}

a.twitter:hover {
background-position:-248px -25px;
}

a.youtube {
background-image:url(../images/socialicons.png);
background-position:-361px 0;
background-repeat:no-repeat;
display:block;
height:25px;
margin:10px 0 0 30px;
text-indent:-10000px;
width:61px;
}

a.youtube:hover {
background-position:-361px -25px;
}

a.home {
background-image:url(../images/menu.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 0 15px 5px;
text-indent:-10000px;
width:79px;
}

a.home:hover {
background-position:0 -32px;
}

a.live {
background-image:url(../images/menu.png);
background-position:-131px 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 0 0 50px;
text-indent:-10000px;
width:54px;
}

a.live:hover {
background-position:-131px -33px;
}

a.bio {
background-image:url(../images/menu.png);
background-position:-237px 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 0 0 50px;
text-indent:-10000px;
width:43px;
}

a.bio:hover {
background-position:-237px -33px;
}

a.diary {
background-image:url(../images/menu.png);
background-position:-332px 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 0 0 50px;
text-indent:-10000px;
width:75px;
}

a.diary:hover {
background-position:-332px -33px;
}

a.media {
background-image:url(../images/menu.png);
background-position:-456px 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 0 0 50px;
text-indent:-10000px;
width:79px;
}

a.media:hover {
background-position:-456px -33px;
}

a.forum {
background-image:url(../images/menu.png);
background-position:-587px 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 0 0 50px;
text-indent:-10000px;
width:85px;
}

a.forum:hover {
background-position:-587px -33px;
}

a.merch {
background-image:url(../images/menu.png);
background-position:-724px 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 0 0 50px;
text-indent:-10000px;
width:82px;
}

a.merch:hover {
background-position:-724px -33px;
}

a.contact {
background-image:url(../images/menu.png);
background-position:-858px 0;
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 5px 0 50px;
text-indent:-10000px;
width:102px;
}

a.contact:hover {
background-position:-858px -33px;
}

h3 {
border-bottom:1px dashed #999;
clear:both;
}

h3.releases {
background-image:url(../images/headers.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.news {
background-image:url(../images/headers.png);
background-position:0 -30px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.fpshows {
background-image:url(../images/headers.png);
background-position:0 -60px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:20px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.shows {
background-image:url(../images/headers.png);
background-position:0 -60px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.twitter {
background-image:url(../images/headers.png);
background-position:0 -90px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.details {
background-image:url(../images/headers.png);
background-position:0 -120px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:20px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.merch {
background-image:url(../images/headers.png);
background-position:0 -150px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.sbmerch {
background-image:url(../images/headers.png);
background-position:0 -150px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:20px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.bio {
background-image:url(../images/headers.png);
background-position:0 -180px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.diary {
background-image:url(../images/headers.png);
background-position:0 -210px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.media {
background-image:url(../images/headers.png);
background-position:0 -240px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.contact {
background-image:url(../images/headers.png);
background-position:0 -270px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.sitemap {
background-image:url(../images/headers.png);
background-position:0 -300px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.videos {
background-image:url(../images/headers.png);
background-position:0 -330px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h3.pictures {
background-image:url(../images/headers.png);
background-position:0 -360px;
background-repeat:no-repeat;
display:block;
height:27px;
margin:6px 0 12px;
padding:0 0 1px;
text-indent:-10000px;
}

h4 {
color:#1f1d1d;
font-weight:700;
margin:0;
}

table,tr,th,td {
font-size:12px;
margin:0;
padding:0;
text-align:left;
}

th {
font-size:12px;
}

span.playlist_title {
font-weight:700;
}

div.playlist_meta {
float:left;
width:159px;
}

div.playlist_thumb {
float:left;
margin:0 7px 0 0;
width:50px;
}

a.player {
background:url(/img/player/splash.png) no-repeat;
color:#fff;
cursor:pointer;
display:block;
float:left;
height:298px;
margin-top:40px;
padding:0 126px 75px 127px;
text-align:center;
text-decoration:none;
width:425px;
}

a.player img {
border:0;
margin-top:115px;
}

#playlist {
float:left;
margin:0;
padding:0 0 0 1px;
}

a.playerwrap {
display:block;
height:450px;
width:694px;
}

#playlist a {
color:#666;
display:block;
float:left;
margin-top:7px;
padding:7px 0 0 7px;
text-decoration:none;
width:223px;
}

#playlist a img {
border:0;
float:left;
heaight:50px;
margin-right:10px;
width:50px;
}

#playlist a:hover,#playlist a.progress,#playlist a.playing,#playlist a.paused {
background-color:#ffc;
}

li,#player {
float:left;
}

a.mediapage {
display: block;
padding: 6px;
border: 1px solid #999;
background-color: #FFF;
margin: 0 0 10px 0;
}

a.mediapage:hover {
background-color: #FFc;
}

input.mail {height: 15px; font-size: 10px; line-height: 15px; text-transform:uppercase; border: 1px solid #666; margin: 13px 20px 0 0; padding: 0 5px;}
input.button {height: 17px; line-height: 15px;font-size: 10px; text-transform:uppercase;  background-color: #666; border: 1px solid #333; font-size: 10px; color:#FFF; margin: 14px 0 0 0; width: 60px;}

label.mail {
clear:none;
color:#fff;
display:inline;
font-size:10px;
font-weight:700;
margin:13px 20px 0 0;
text-transform:uppercase;
}

label.contact {float: left; width: 100px; text-align:right; margin: 0 10px 5px 0; line-height: 15px; clear: left;}
label.message {float: left; width: 100px; text-align:right; margin: 0 10px 5px 0; clear: left;}

select {float: left; width: 100px; margin: 0; height: 18px; font-size: 10px;}
textarea.message {float: left; width: 310px; height: 150px;margin: 0 0 5px 0;font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
input.contact {width: 150px; margin: 0; height: 15px; font-size: 10px; }

div.recaptcha {margin: 0 0 5px 110px;}

input.contactbutton {margin: 0 0 0 110px; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 8px; }

p.contact {
font-size:10px;
clear: left;
margin: 0 0 10px 110px;
}

ul#twitter {
float: left;
}

ul#twitter li span a {
float: left;
font-size:10px !important;
clear: left;
}

ul#twitter li {margin: 0 0 10px 0;}

p.twitter {
color:#333;
margin:0;
padding:0;
}