body, div, html, ul {
    margin:0;
    padding:0;
//    font-family:Arial, sans-serif;
   font-family: 'Magra', sans-serif;
}
body {
    background-image:url('backgroundMasks.jpg');
    background-repeat:no-repeat;
   background-attachment:fixed;
   background-position:center;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.yourImage.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yourImage.jpg', sizingMethod='scale')"
    font-family:Helvetica;
}

img#logo {
    position:fixed;
    top:0;
    left:0;
//    background-image:url('logo.png');
    width:750px;
    border:0px;
}

@media screen and (min-width: 1500px) { 
    img#logo {
        width:750px;
    }
}

@media screen and (max-width: 1500px) {
    img#logo {
        width:50%;
    }
}

div#tracks {
    font-family:Arial, sans-serif;
//    display:none;
    position:fixed;
    top:0px;
    right:0px;
    margin:10px;
//    padding:10px;
//    border-radius:10px;
//    background-color:rgba(0,0,0,.5);//#000000;
//    opacity:0.5;
}

img {
    border:1px solid #515253;
}

img#play {
    position:fixed;
    top:50%;
    left:50%;
    opacity:0.5;
    border:0px;
    margin-left:-175px;
    margin-top:-175px;
}

a.button.big.loading img#play {
    opacity:0;
}

a.button.big.paused img#play {
    opacity:0.5;
}

img#play:hover{
    opacity:0.8;
    cursor:pointer;
}

@media screen and (max-width: 1000px) {
    img#play{
        width:100px;
        margin-left:-50px;
        margin-top:-50px;
    }
}

div#tracks img {
    width:82px;
    margin-right:20px;
}

div.track-name {
    color:rgba(255,255,255,.7);
    font-weight:bold;
}

div#social {
    position:fixed;
    top:250px;
    left:65px;
    width:50px;
    opacity:0.9;
}

iframe#fb-button {
    height:71px;
}

div#content {
    font-family:Arial, sans-serif;
    position:absolute;
    top:75%;
    width:100%;
    background:black;
    background-color:rgba(0,0,0,.5);
    color:white;
    padding-top:15px;
}

div.expanded {
    height:500px;
}

ul {
    list-style:none;
}

ul#menu {
    width:960px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:40px;
}

ul#menu li {
    float:left;
    width:20%;
    font-weight:bold;
    font-size:20px;
    cursor:pointer;
//    color:rgba(255,255,255,.5);
}

ul#menu li:hover {
    color:rgba(255,255,255,1);
}

ul#menu li.open {
    color:rgba(255,255,255,1);
}

a.button.small {
    border:none;
    outline:none;
    display:block;
    background-color:transparent;
    background-image:url('sprite.png');
    margin-right:5px;
    margin-bottom:-2px;
    padding:0;
    width:16px;
    height:16px;
}

a.button.small.loading { background-position: -1048px 170px; }
a.button.small.paused { background-position: -352px 154px; }
a.button.small.paused:hover { background-position: -352px 170px; }
a.button.small.play { background-position: -336px 154px; }
a.button.small.play:hover { background-position: -336px 170px; }
a.button.small.pause { background-position: -368px 154px; }
a.button.small.pause:hover { background-position: -368px 170px; }

div#player {
    position:fixed;
    top:-1000px;
}

div.play-button {
    padding-top:2px;
}

.light {
    color:rgba(255,255,255,.5);
}

.querying {
    background-image:url('spinner.gif');
}

div#container {
    background-repeat:no-repeat;
    background-position:center;
    width:960px;
    margin:0 auto;
//    visible:none;
//    padding:30px;
//    border:white 1px solid;
}

div.release {
//    border:white 1px solid;
    padding:40px;
//    width:44%;
//    width:700px;
//    float:left;
}

div.release a{
 color:white;
 text-decoration:none;
}

div.release img.artwork{
    margin-right:20px;
}

div#soundtrack img.artwork{
    height:200px;
}

.fleft {
    float:left;
}

.fright {
    float:right;
}

.fclear {
    clear:both;
}

.hidden {
    display:none;
}

.text-right {
    text-align:right;
}
.text-center {
    text-align:center;
}

div.video-info {
    width:383px;

}
div#wide-container {
    width:4200px;
}

div.video {
    margin-right:15px;
}

div#upcoming-shows {
    position:fixed;
    right:-28px;
    top:300px;
    width:250px;
}

div.gig {
    background-color:rgba(0,0,0,.5);
//    padding:3px;
    color:rgba(255,255,255,.5);
//    font-family: 'Convergence', sans-serif;
//    font-family: 'Rancho', sans-serif;
    font-family: 'Marvel', sans-serif;
    border-radius:1px;
    margin-bottom:5px;
}

div.date {
    padding:2px;
    background-color:rgba(200,0,0,.5);
    font-size:28px;
    margin-right:5px;
    border-radius:1px;
}

span.venue {
    font-size:32px;
    color:rgba(255,255,255,.7);
}

span.city {
    font-size:20px;
}

div.location{
    width:165px;
}

div#live {
    font-size:38px;
    color:rgba(180,0,0,.8);
    font-family: 'Marvel', sans-serif;
}

.rotate {
    -webkit-transform:rotate(-10deg);
    -moz-transform: rotate(-10deg);
}

div#pics-container img {
    height:320px;
}

div#pics-container {
    position:relative;
    width:2200px;
}

img.soc_icon {
    vertical-align:middle;
//    width:150px;
    border:0px;
}

div#contact {
    margin:40px 60px 0px 60px;
    font-size:24px;
}

div#contact div{
    margin-left:auto;
    margin-right:auto;
    width:600px;
    padding-top:0px;
}

div.purchase {
    margin-top:10px;
}

div.purchase img {
    width:32px;
    border:0px;
    vertical-align:middle;
}

div#bio {
//    padding-top:40px;
}

div#bio div#pitch {
    font-size:20px;
}

div#bio div#history {
    color:#b1b2b3;
}

p#first {
    font-size:35px;
}

li#pictures {
    color:rgba(200,50,50,1);
}

li#videos {
    color:rgba(243,198,40,.8);
}

li#releases {
    color:rgba(30,105,200,1);
}

li#bio {
    color:rgba(16,189,16,.5);
}

.shadows {
    font-family: 'Shadows Into Light', cursive;
}

.salt {
    font-family: 'Rock Salt', cursive;
}

.magra {
    font-family: 'Magra', sans-serif;
}