body, html {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0 none;
 font-family: inherit;
 font-size: 100%;
 font-style: normal;
 font-weight: normal;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

body {
 background: #000c32 url(../img/bodybg.jpg) no-repeat top;
 font-family: 'IM Fell DW Pica',georgia, serif;
 color: #ddd;
 padding: 70px 0 0 0;
}

a {text-decoration: none; color: inherit;}

#topbar {
background: rgba(0,12,50,.7);
position: fixed;
top: 0;
width: 100%;
z-index: 20;
}

nav {
width: 920px;
margin: 0 auto;
height: 50px;
line-height: 50px;
font-size: 1.3em;
letter-spacing: .1em;
}

nav h3 {
font-family: la belle aurore;
float: left;
font-size: 1.6em;
letter-spacing: -.01em;
line-height: 52px;
margin: 0 15px 0 0;
}

nav a {
margin: 0 10px 0 0;
}

nav a.contact {background: url(../img/downarrow.png) 54px -34px no-repeat; padding: 0 20px 0 7px; margin: 0 0 0 -5px;}

.contactbox {position: relative;}

.contactbox > div {background: rgba(0,12,50,.95) url(../img/line.png); font-size: .7em; position: absolute; top: 35px; right: 0; text-shadow: 1px 1px 0px #333; padding: 20px; border-radius: 2px 15px; width: 500px; box-shadow: 0px 0px 5px #000c32; display: none; max-height: 400px; overflow: auto;}

.contactbox > div p {line-height: 1.3em;}


.social {width: 200px; float: right; text-align: right;}

.social a {background: #000c32 url(../img/bird.png) no-repeat 5px 4px; padding: 2px 5px 2px 28px; border-radius: 3px; font-size: .8em; letter-spacing: 0;  opacity: 1; margin: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

.social a:hover {opacity: .8;}

.social a.like {background: #000c32 url(../img/fb.png) no-repeat 5px 4px; padding: 2px 5px 2px 30px; }

#container {
 width: 920px;
 padding: 20px;
 margin: 0 auto;
 background: rgba(0,12,50,.5);
}

header {
overflow: hidden;
}

#featured {
 width: 500px;
 float: left;
 height: 281px !important;
 border: 7px solid #aaa;
}

.nivoSlider {
 position:relative;
 width: 500px; 
 height: 281px;
 font-size: 1.4em; 
}

.nivoSlider img {
 position:absolute;
 top:0px;
 left:0px;
 display:none;
}

.nivoSlider a.nivo-imageLink {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 border:0;
 z-index:6;
 display:none;
}

.nivo-directionNav a {
 position:absolute;
 top:45%;
 z-index:9;
 cursor:pointer;
 color: #fff;
}

.nivo-prevNav {left:10px;}

.nivo-nextNav {right:10px;}

.nivo-controlNav  {
 position:absolute;
 z-index:9;
 cursor:pointer;
 top: 255px;
 right: 10px;
}

.nivo-controlNav a {
 background: url(../img/bullet.png) no-repeat center;
 width: 20px;
 height: 20px;
 display: inline-block;
 text-indent: -9999px;
 opacity: .3;
 -moz-transition: all .3s linear;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
}

.nivo-controlNav a.active {opacity: .7;}

.nivo-caption {
 position:absolute;
 top: 221px;
 left: 20px;
 width: 520px;
 z-index:8;
 text-shadow: 1px 1px 0px #333;
}

.nivo-caption a {
 display:inline !important;
}


/*----TWITTER----*/

.twtr-hd, .twtr-ft {display: none;}

#twtr-widget-1 {width: 380px; float: right;}

.twtr-tweet {text-align: left; font-family: 'IM Fell DW Pica', serif; font-size: 1.8em;}

.twtr-tweet p:before {content: url(../img/bird2.png); position: relative; top: 3px}

.twtr-tweet a {display: inline-block; opacity: .6;}

a.twtr-user {display: none;}

.twtr-bd em {font-size: .6em !important; opacity: .5;}


/*---BUY---*/
#buy {width: 380px; float: right; text-align: center; margin: 40px 0 0;}
#buy h1 {text-transform: uppercase; font-size: 1.8em;}
#buy p {margin: 5px 0;}
#buy a {background: rgba(255,0,0,.3) url(../img/line.png); padding: 8px; margin: 0 2px; display: inline-block; font-family: futura, arial; text-shadow: 1px 1px 0px #222; color: #eee; border-radius: 2px;}


/*----MUSIC----*/

#music {width: 100%; overflow: hidden; margin: 40px 0;}

/*----SOUNDCLOUD---*/

#player {overflow: hidden; background: rgba(255,0,0,.3) url(../img/line.png);  width: 474px; padding: 20px;  border-radius:  2px 15px; float: left;}

.sc-player .sc-info-toggle, .sc-player .sc-artwork-list, .sc-track-duration, .sc-info p, .sc-info h4, .sc-info .sc-info-close, .sc-player li, .sc-player ol {
display: none;
}

.sc-player {
position: relative;
width: 100%;
}

.sc-info h3  {
text-transform: uppercase;
text-align: left;
font-size: 1.2em;
margin: 0 0 5px 0;
}

.sc-waveform-container {
background: url(/_images/trans.png);
height: 5px;
}

.sc-scrubber .sc-time-indicators{
right: 0;
top: 34px;
position: absolute;
font-size: .6em;
font-family: arial;
}

.sc-scrubber .sc-time-span{
width: 320px;
height: 0px;
left: 95px;
top: 37px;
position: absolute;
}

.sc-scrubber .sc-buffer, .sc-scrubber .sc-played{
height: 5px;
position: absolute;
top: 0;
background-color: rgba(255,255,255,.1);
-webkit-transition: width 0.1s linear;
}

.sc-scrubber .sc-time-span img {
height: 0;
width: 100%;
}

.sc-scrubber .sc-played {
background-color: rgba(255,255,255,.4);
}
 

.sc-player-engine-container{
width: 0px;
height: 0px;
position: fixed;
top: 0px;
left: 0px;
}


.sc-player .sc-controls a.sc-pause {
  display: none;
}

.sc-player.playing .sc-controls a.sc-play {
  display: inline-block;
}

.sc-player .sc-controls {
text-indent: -9999px;
position: relative;
}

.sc-player .sc-controls a {
background: url(../img/control.png) no-repeat 0 0;
width: 22px;
height: 22px;
display: block;
float: left;
margin: 0 3px;
opacity: .7;
}

.sc-player .sc-controls a.sc-next {
background: url(../img/control.png) no-repeat -85px 0;
}

.sc-player .sc-controls a.sc-play {
background: url(../img/control.png) no-repeat -28px 1px;
}

.sc-player.playing .sc-controls a.sc-play {
background: url(../img/control.png) no-repeat -56px 0;
}

.sc-player .sc-controls a:hover {
opacity: 1;
}

/*----E4M----*/

#e4m {height: 90px; width: 381px; float: right; text-align: right;}

#e4m label {padding:  7px 9px 12px; display: block; font-size: 1.1em; color: rgba(255,255,255,.4); text-shadow: 1px 1px 0px rgba(0,0,0,.1); text-transform: lowercase;}

#e4m input {border: none; background: transparent;  color: #fff; padding: 10px; font-size: 1.27em; font-family: 'IM Fell DW Pica', serif;}

#e4m #email {background: rgba(255,255,255,.1); border-radius:  2px 10px;}

#e4m #submit {padding: 9px; border-radius:  10px 2px; background: rgba(255,255,255,.1); cursor:pointer;}

/*----NEWS----*/

#news {
 overflow: hidden;
}

#news a h3 {
 display: inline-block;
 font-size: 1.2em;
 margin: 0 0 10px 0;
 text-transform: uppercase;
}

#news ul li {
 width: 250px;
 background: url(../img/lines.png);
 padding: 20px;
 float: left;
 border-radius:  2px 15px;
}

#news ul li:nth-of-type(2) {
 margin: 0 25px;
}

#news p.post + p:after {content: '...';}

.more, .share {opacity: .5; font-size: .85em; margin: 5px 0 0 0; float: left;}

.share img {vertical-align: bottom; margin: 0 2px 0 0; opacity: .7; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}

.share img:hover { opacity: 1;}

.more {float: right;}

/*----MEDIA----*/

#media {
margin: 40px 0 8px;
width: 100%;
height: 260px;
}

#media h3, #shows h3 {
 display: block;
 text-align: left;
 font-size: 1.2em;
 margin: 0 0 10px 0;
 text-transform: uppercase;
 text-align: center;
} 

/*----VIDEOS----*/

#videos {width: 250px; height: 80%; float: right; background: rgba(255,0,0,.3) url(../img/line.png); border-radius:  15px 2px; padding: 20px;}

.vidthumb {height: 130px; width: 242px; background: red; display: block; border: 4px solid #aaa;}

.vidthumb a {display: block; width: 100%; height: 100%; opacity: .8; background: rgba(0, 0, 0, .2) url(../img/play.png) no-repeat center; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

.vidthumb a:hover {opacity: 1;}

.vidcaption + p { margin: 14px 0 0 0; float: left; max-width: 200px;}

#videos .share {float: right; margin: 15px 0 0 0;}

/*----GALLERY----*/

.jcarousel-container:before {
 content: 'Photo Gallery';
 display: block;
 text-align: left;
 font-size: 1.2em;
 margin: 0 0 10px 0;
 text-transform: uppercase;
 text-align: center;
}

.jcarousel-container {height: 80%; float: left; background: rgba(255,0,0,.3) url(../img/line.png); padding: 20px;  border-radius:  2px 15px;}

.jcarousel-clip {overflow: hidden; width: 565px;}

ul#photos li.jcarousel-item img {width: 262px;}

ul#photos li.jcarousel-item {border: 4px solid #aaa; margin: 0 21px 0 0; height: 165px; overflow: hidden; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

ul#photos li.jcarousel-item:last-of-type{margin: 0;}

ul#photos li.jcarousel-item:hover {border-color: #eee;}

.jcarousel-prev, .jcarousel-next {
background:  url(../img/arrow.png) no-repeat -2px 60px;
height: 165px;
position: absolute; top: 59px; left: 24px;
width: 50px;
cursor: pointer;
opacity: .3;
-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;
}

.jcarousel-container:hover .jcarousel-prev, .jcarousel-container:hover .jcarousel-next  {opacity: .7}

.jcarousel-prev:hover, .jcarousel-next:hover {background-color: rgba(255,255,255,.2);}

.jcarousel-next {
background:  url(../img/arrow.png) no-repeat -49px 60px;
position: absolute;  left: 527px;
}


/*----SHOWS----*/

#shows {margin: 40px 0;}

#bit-events td {
font-family: arial, sans-serif !important;
color: #bbb;
}

#bit-events .bit-location {
font-weight: normal !important;
}

#bit-events .bit-date {
width: 100px;
}

.bit-header, .bit-bottom, #bit-events tr:nth-of-type(2) {
display:none;
}

#bit-events table {border:none !important;}

#bit-events td {
border-top:1px dashed rgba(255,255,255,.2);
height: 60px;
}

#bit-events tr {
-moz-transition:all .2s linear !important; webkit-transition:all .2s; linear transition:all .2s linear !important;
}

#bit-events tr:hover {
background: url(../img/line.png);
color: #fff;
}


/*----FOOTER----*/

footer {overflow: hidden;background: #000022; border-top: 1px solid rgba(255,255,255,.15); padding: 10px; font-family: futura, arial; font-size: .75em; color: #666; line-height: 3.5em;}

footer section {width: 920px; margin: 0 auto;}

footer div.left {width: 500px; float: left;}

div.left a {margin: 0 5px 0 0;}

div.left a:after {content: '|'; margin: 0 0 0 5px; color: #333; font-size: 10px; font-family: monospace;}

div.left a:last-of-type:after {content: '';}

div.left .twitter-follow-button {display: block;}


footer div.right {width: 300px; float: right; text-align: right; padding: 10px 0;}

#mailinglist {background: url(../img/line.png); border-radius: 2px 8px;;}

#mailinglist input {
color: #aaa;
text-align: center;
}

#mailinglist input {
border: none;
background: none;
padding: 10px;
font-family: futura, arial;
font-size: 1.3em;
width: 70%;
}

#mailinglist input#submit {
padding: 10px 17px;
text-transform: uppercase;
cursor: pointer;
border: dashed #555;
border-width: 0 0 0 1px;
width: 20%;
font-size: 1.1em;
}


.pg {font-family: arial black; text-transform: uppercase; font-size: .8em; letter-spacing: .1em;}