* {
margin:0;
padding:0;
}

body { 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 0.8em;
background: #333 url('images/bg.gif') top left repeat fixed;
color:#333434;
}


p {
padding: 0.8em 5px;
}


p.firstp, p.firstqp {
padding: 0 5px 0.8em 5px;
}

p.qp, p.firstqp {
font-weight:bold;
}


h1 { 
font-family:Verdana, Geneva, sans-serif;
font-size: 1.5em; 
}



h2 {  
font-family:Verdana, Geneva, sans-serif;
  font-size: 1.2em; 
}



h3 {  
font-family:Verdana, Geneva, sans-serif;
  font-size: 1em;  
 
}




sup {
  font-size: 0.75em
}



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

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

a:hover {
color: #a00;
text-decoration: underline; 
}


div.clr {
clear:both;
}


div#wrapper {
width: 890px;
margin: 0 auto;
padding: 0 10px;
text-align: left;
/*background: #455E75 url('images/bbpfade.png') top right repeat-x;*/
background: transparent url('images/bgt.png') top right repeat;
}


div#main, div#content {
padding: 12px;
background-color: #fff;

}


div#main {
overflow:hidden;
clear:left;
}

div.empty { 
line-height: 0; 
}

div#content {
clear:left;
border-width:1px;
border-style: solid;
/*border-color: #b4c7e3;*/
border-color: #F2F4F8;
position:relative;
/*top:-1px;*/
z-index: 1;
padding-top:0;
overflow:hidden;
}


div.line{
background: url('images/lineb.png') top left repeat-x;
border-top: 1px dashed #b4c7e3;
border-bottom: 1px solid #F2F4F8;
margin:1em 10px;
display:block;
}

div.line div.left {
background: url('images/line-l.png') top left no-repeat;
display:block;
}

div.line div.right {
background: url('images/line-r.png') top right no-repeat;
padding:7px 5px;
display:block;
}

div.line2 {
border-bottom: 1px solid #F2F4F8;
margin:1em 10px;
padding:3px 5px;
display:block;
}

div#bbp{
background: url('images/bbp.png') top right no-repeat;
padding-top:60px;
}

.bigheading {
text-align:center;
margin:1.5em 0;
}

.subheading {
border-color: #b4c7e3;
border-style: solid none dashed none;
border-width: 1px 0px 1px 0px;
/*background-color: #f2f4f8;*/
background: url('images/subhb.png') bottom left repeat-x;
margin-bottom:1em;
}

.subheading h2 {
padding:0.5em 10px;
}

.subheading div.subhleft{
background: url('images/subhb-l.png') bottom left no-repeat;
}

.subheading div.subhright, div.line div.subhright {
background: url('images/subhb-r.png') bottom right no-repeat;
}



div#news {
width:552px;
padding:10px;
}


div#news h3, div.albums h3 {
/*color:#919191;*/
font-size: 0.9em; 
text-align:center;
background: transparent url('images/dateb.png') left top repeat-x;
}

div.albums h3{
width:540px;
}

div#news h3 {
width:10em;
}

div#news h3 span.l{
background: transparent url('images/date-l.png') left top no-repeat;
display: block;
}

div.albums h3 span.l {
background: transparent url('images/album-l.png') left top no-repeat;
display: block;
}

div#news h3 span.r, div.albums h3 span.r{
padding:6px 15px 0 15px;
height:28px;
background: transparent url('images/date-r.png') right top no-repeat;
display: block;
}

div.albums h3 span.r{
background: transparent url('images/album-r.png') right top no-repeat;
}


div#news a#widget {
float:left;
width:154px;
padding-right:10px;
}

div#nothybrid {
padding:10px;
margin-bottom:10px;
}


table {
width:100%;
border-collapse: collapse;

}



tr.headings {
background: transparent url('images/headingst.png') top left repeat-x;
/*background-color:#F3F6F8;*/
}


table th {
/*padding:4px;*/
padding-left:4px;
height:30px;
text-align:left;
font-family:Verdana, Geneva, sans-serif;
font-size: 1em;  

}


table td {
padding:2px 0;
border-bottom: 1px solid #F2F4F8;
}



div.container, div.albums, div.intintro{
width:820px;
padding:10px;
overflow:hidden;
}

div.intintro {
padding-bottom:20px;
}

div.newscont {
overflow:hidden;
}

div.linkrow, div.linkrowl {
clear:left;
width:820px;
padding:3px 0;
border-bottom: 1px solid #F2F4F8;
overflow:hidden;
}

div.linkrowl {
margin-bottom:10px;
}

div.linkrow span.link, div.linkrowl span.link {
float:left;
width:170px;
}

div.linkrow span.desc, div.linkrowl span.desc {
float:left;
width:630px;
}

a.more {
position:relative;
margin-left:10px;
font-size:0.8em;
}



div.moretextdiv div.moretext {
color: #7F3333;
padding: 3px 0;
font-size:0.9em;
float:left;
width:400px;
}

div.moretextdiv div.moretext ul {
list-style-type:none;
}


div.moretextdiv div.desc {
color: #a00;
padding: 3px 0 3px 15px;
font-size:0.9em;
float:left;
width:135px;
}

div.moretextdiv span.info{
color: #7F3333;
font-size:0.85em;
padding:3px 15px;
margin:0;
clear:left;
display:block;
}

div.moretextdiv {
display:none;
overflow:hidden;
padding: 3px 0;
}

td.spotify {
text-align:center;
width:50px;
padding-left:4px;
}

td.trackname {
width:555px;
}

td.download {
width:155px;
padding-left:10px;
}

td.tracktime {
text-align:center;
width:40px;
}


td.albumtrack {
width:260px;
}

td.albumtrackw {
width:490px;
}

td.spotify img{
border:none;
}

div.container tr:hover {
background-color:#f2f4f8;
}


div.albuminfo {
/*margin-left:270px;*/
margin-left:10px;
width:560px;
float:left;
}

div.albuminfo table, div.albuminfo table.wide {
width:265px;
margin: 10px 5px 15px 5px;
float:left;
}

div.albuminfo table.wide {
width:540px;
}

p.backtotop {
font-size:0.8em;
text-align:right;
margin:1.5em 0;
}


img#bbpsig {
float:right;
position:relative;
z-index:9996;
margin-bottom:1.5em;
}

img#hyb3, img#hyb4, img#hyb7, img#hyb8, img#hyb9 {
float:right;
position:relative;
margin:1em 0 1em 1.5em;
}


img#hyb6, img#hyb5 {
float:left;
position:relative;
margin:1em 1.5em 1em 0;
}


img#hyb3 {
z-index: 9992;
}

img#hyb4 {
margin-top:0;
z-index: 9991;
}

img#hyb5 {
margin-top:0;
z-index: 9990;
}

img#hyb6 {
z-index: 9989;
}

img#hyb7 {
z-index: 9988;
clear:right;
}

img#hyb8 {
z-index: 9987;
}

img#hyb9 {
clear:right;
}

div#anchors, div#uanchors {
width:500px;
margin:0 170px 30px 170px;
background: url('images/ancb.png') top left repeat;
overflow:hidden;
}

div#uanchors {
width:260px;
margin:0 290px 30px 290px;
}

div#anchorstop, div#uanchorstop {
width:500px;
background: url('images/anchort.png') top left repeat-x;
}

div#uanchorstop {
width:260px;
}

div#anchorsbottom, div#uanchorsbottom {
width:500px;
padding:20px;
background: url('images/anchorb.png') bottom left repeat-x;
overflow:hidden;
}

div#uanchorsbottom {
width:260px;
}

div#anchorsunr {
width:220px;
}

div#anchorsl {
width:220px;
clear:left;
float:left;
margin-right:20px;
}

div#anchorsr {
width:220px;
float:left;
}

div#anchors ul, div#uanchors ul, fieldset ul, div.albuminfo ul {
list-style-type:none;
}


div.albuminfo ul li{
margin: 10px 0;
text-indent:5px;
width:100%;
}

div#anchors a, div#uanchors a{
display:block;
padding:3px 5px;
border-color: #fff;
border-style: solid none solid none;
border-width: 1px 0px 1px 0px;
}

div#anchors a span, div#uanchors a span {
height:16px;
display:block;
background: url('images/arrow3.png') top right no-repeat;
cursor:pointer;
}

div#anchors a:hover, div#uanchors a:hover{
background-color:#fff;
}

div#anchors a:hover span, div#uanchors a:hover span  {
background-position: right -16px;
}

fieldset {
border:none;
}

fieldset label {
display:block;
clear:left;
float:left;
width:120px;
text-align:right;
margin-right:5px;
}

fieldset input#email, fieldset input#author, fieldset input#name, fieldset input#emailad, fieldset input#trackid, fieldset input#artist, fieldset input#trackname, fieldset input#spotify, fieldset input#storelink, fieldset input#time, fieldset input#time2, fieldset input#year, fieldset input#descname, fieldset input#descinfo, fieldset input#discoglink, fieldset input#image, fieldset select {
float:left;
width:290px;
margin-bottom:12px;
border: 1px solid #ccc;
background-color:#F7F9F9;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
padding: 1px 5px;
}

fieldset select {
width:300px;
}

fieldset textarea, fieldset li.url input, fieldset li.tname input{
float:left;
width:290px;
border: 1px solid #ccc;
background-color:#F7F9F9;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
padding: 1px 5px;
margin-bottom:12px;
}


input#submitbut, input#delsel {
float: none;
display: block;
width: 100px;
height: 2em;
margin: 12px 100px 0 220px;
}

input#delsel {
margin: 12px 0 0 345px;
} 

fieldset input#addbut, fieldset input#resetbut, fieldset input#delbut, fieldset input#addbut2, fieldset input#resetbut2, fieldset input#delbut2, fieldset input#addbut3, fieldset input#resetbut3, fieldset input#delbut3{
float: left;
width: 50px;
/*height: 2em;*/
margin: 0 5px 12px 5px;
}

fieldset li.url input, fieldset li.tname input {
clear:left;
margin-left:125px;
width:20px;
}


fieldset li.url p, fieldset li.tname p {
float:left;
width:270px; 
margin: 0;
padding:0;
}

fieldset li.tname p {
width:555px;
}

fieldset input#addbut, fieldset input#addbut2, fieldset input#addbut3 {
margin-left:125px;
}

fieldset input#time, fieldset input#time2 {
width:15px;
}

fieldset input#year {
width:30px;
}

fieldset p#timemiddle {
float:left;
width:10px; 
margin: 0 0 0 5px;
padding:0;
}

div#formcontainer {
width:500px;
margin:40px 170px 10px 150px;
}


.formerror {
border: 1px #a00 solid;

}

.errormess {
color:#a00;
}

div#footer {
padding: 0.2em;	
color: #fff; 
}

div#footer p {
text-align:center;
font-size:0.8em;
}