* {
margin:0;
padding:0;
}

@font-face {
    font-family: 'DINkRegular';
    src: url('dink-webfont.eot');
    src: url('dink-webfont.eot?#iefix') format('embedded-opentype'),
         url('dink-webfont.woff') format('woff'),
         url('dink-webfont.ttf') format('truetype'),
         url('dink-webfont.svg#DINkRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'H2D2AlevitaRough';
    src: url('alevirou-webfont.eot');
    src: url('alevirou-webfont.eot?#iefix') format('embedded-opentype'),
         url('alevirou-webfont.woff') format('woff'),
         url('alevirou-webfont.ttf') format('truetype'),
         url('alevirou-webfont.svg#H2D2AlevitaRough') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { 
/*font-family: Arial, Helvetica, sans-serif;*/
font-family: Arial, sans-serif;
text-align: center;
font-size: 0.8em;
/*background: #333 url('images/bg.gif') top left repeat fixed;*/
background: #2b2b2b url('images/fadeb.jpg') bottom left repeat-x 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: 'DINkRegular', Verdana, Geneva, sans-serif;
font-size: 2em; 
}



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



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



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

a:visited {
color: #8991d7; 
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: 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: #F2F4F8;
position:relative;
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, div.line3 {
border-bottom: 1px solid #F2F4F8;
margin:1em 10px;
padding:3px 5px;
display:block;
}

div.line3 {
clear:both;
margin:0.1em 10px 1em 10px;
}

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

div#related {
clear:left;
border: 1px solid #F2F4F8;
background-color: #fff;
padding: 0.8em 0;
margin-top:15px;
}


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

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

.subheading2 {
margin-top:30px;
}

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

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

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



div#news, div#interview {
width:502px;
padding:10px;
}


div#news h3, div.albums h3, div.latestrelfcont h3.top {
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:11em;
}

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

div.albums h3 span.l, div.latestrelfcont h3.top 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, div.latestrelfcont h3.top 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, div.latestrelfcont h3.top span.r{
background: transparent url('images/album-r.png') right top no-repeat;
}

div.rel_s h3, div#rel_r h3 {
margin-bottom:12px;
font-size: 0.9em;
}

div.rel_s, div#rel_r {
width:220px;
float:right;
}

div#rel_r {
width:422px;
}

div#latestrels {
margin-top:10px;
}

div#latestrels img.miniimg, div#interview img.miniimg, div#videos img.miniimg, div#videos2 img.miniimg, div#videos3 img.miniimg {
width: 70px;
float:left;
margin-right:10px;
}


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

div#news ol.tl {
margin-left:25px;
}


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;
}


table th {
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 {
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 {
overflow:hidden;
padding: 3px 0;
}

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

td.trackname {
width:550px;
}

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

td.download span.catspan {
font-size:0.9em;
/*color:#8a8a8a;*/
color:#a9b4cb;
}

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


td.albumtrack {
width:260px;
}

td.albumtrackw {
width:490px;
}


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


div.albuminfo {
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, p.right {
font-size:0.8em;
text-align:right;
margin:1.5em 0;
}

p.right {
margin:0;
padding:0.8em 0 0 0;
}


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


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#videos, div#videos2, div#videos3 {
background: url('images/butterfly.jpg') top left no-repeat;
padding-top:320px;
}

div#videos2 {
background: url('images/butterfly2.jpg') top left no-repeat;
}

div#videos3 {
background: url('images/butterfly3.jpg') top left no-repeat;
}

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

div.latestrelfcont ul {
margin:20px 0;
}

div.albums ul {
margin:0 5px;
}

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

div#latestupd ul li, div#latestrels ul li {
margin: 5px 0;
}

div#videos ul li, div#videos2 ul li, div#videos3 ul li {
margin:20px 0;
}


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:visited, div#uanchors a:visited{
color:#36c;
}


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


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: #7e888f; 
}

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