/* Default Classes */

.center{
margin:0 auto;
}

.float_left{
float:left;
}

.float_right{
float:right;
}

.clear_both{
clear:both;
}

.clear_left{
clear:left;
}

.clear_right{
clear:right
}

.absolute{
position:absolute;
}

.relative{
position:relative;
}

.fixed{
position:fixed;
}

.none{
display:none;
}

.block{
display:block;
}

.inline{
display:inline;
}

.noline{
text-decoration:none;
}

.bold{
font-weight:bold;
}

/* Default ends */

/* ------------------------------- @FONT-FACE -----------------------------*/

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


/* ------------------------------- BODY -----------------------------*/

*{
margin:0;
padding:0;
outline:0;
border:none;
}

body{
width:100%;
font-size:62.5%;
font-family: Helvetica, Arial, sans-serif;
color:black;
background:url('images/background.jpg') fixed center #000000;
}

#wrapper{
position:absolute;
left:50%;
margin-left:-470px;
width:940px;
margin-top:20px;
}

#logo{
width:300px;
height:68px;
margin-left:320px;
margin-bottom:20px;
}

nav{
display:block;
width:940px;
height:52px;
background:url('images/nav.png') top left no-repeat;
margin-bottom:20px;
}

nav ul{
margin-left:320px;
list-style:none;
}

nav ul li{
font-family:Dampfplatz, Helvetica, Arial, sans-serif;
font-size:2.4em;
margin-right:20px;
float:left;
}

#tab1 img{
margin-left:320px;
}

.body{
width:620px;
height:380px;
margin-left:160px;
padding-bottom:20px;
margin-bottom:20px;
}

.promoPhoto {
margin-bottom:20px;
}

.videoEmbed{
margin-bottom:20px;
}

.releaseInfo{
margin-left:20px;
width:220px;
float:left;
}

.releaseInfo h1{
font-size:1.5em;
color:#b4b4b4;
margin-bottom:20px;
}

.releaseInfo p{
font-size:1.2em;
color:#5b5b5b;
margin-bottom:20px;
}

.active a{
color:white!important;
}



.discography{
float:left;
width:380px;
margin:40px 20px 50px 0;
min-height:200px;
}

.discography h1{
font-size:1.5em;
color:#b4b4b4;
margin-bottom:20px;
}

.discography ul{
list-style:none;
}

.discography ul li{
font-size:1.2em;
color:#5b5b5b;
margin-bottom:5px;
}

.links{
float:left;
margin:40px 20px 0 0;
}

.links h2{
font-size:1.5em;
color:#b4b4b4;
margin-bottom:20px;
}

.links ul{
list-style:none;
}

.links ul li{
font-size:1.2em;
margin-bottom:5px;
}

#contact{
width:620px;
height:380px;
margin-left:160px;
}

#contact ul{
list-style:none;
}

#contact li{
text-align:center;
font-size:1.5em;
margin-bottom:10px;
}

.info{
display:none;
}

.releaseName{

margin-bottom:10px;
}

.releaseName p{
float:left;
clear:left;
height:20px;
cursor:pointer;
color:#B4B4B4;
}

.releaseName span{
float:left;
clear:left;
margin-bottom:10px;
}

/*pseudo classes link: */

a:link {color:#b4b4b4;border:none;text-decoration:none;}      /* unvisited link */
a:visited {color:#b4b4b4;border:none;text-decoration:none;}  /* visited link */
a:hover {color:#5b5b5b;border:none;text-decoration:none;}  /* mouse over link */
a:active {color:#5b5b5b;border:none; text-decoration:none;}  /* selected link */

nav ul li a:link {color:black;border:none;text-decoration:none;}      /* unvisited link */
nav ul li a:visited {color:black;border:none;text-decoration:none;}  /* visited link */
nav ul li a:hover {color:white;border:none;text-decoration:none;}  /* mouse over link */
nav ul li a:active {color:#7a7a7a;border:none; text-decoration:none;}  /* selected link */