/*
Main Stylesheet
v2.0
*/
@import url("grid.css");
@import url("prettyPhoto.css");

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, figure, article, section, header, footer, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*Layout*/

body {
font: 16px/1.25em 'myriad pro', helvetica, arial, sans-serif;
width:100%;
background:#000000;
}

body.home #container {
background:url("../img/homebg.jpg") no-repeat scroll -1px top #000000;
color:#ffffff;
}

body.music #container {
background:url("../img/musicbg.jpg") no-repeat scroll -1px top #000000;
color:#ffffff;
}

body.bio #container {
background:url("../img/biobg.jpg") no-repeat scroll 1px top #000000;
}

body.videopage #container {
background:url("../img/videobg.jpg") no-repeat scroll 1px top #000000;
}

#container {margin:0 auto;}

a {
color:#ffffff;
text-decoration:none!important;
}

/*Header*/

#banner {
margin:0px 0;
/* height:114px; */
/* background:url("../img/headerbg.png") no-repeat scroll left top transparent;
 */
}

.logo {padding:12px 0;}

h1.logo a {
text-indent:-9999px;
overflow:hidden;
background:url("../img/logo.png") no-repeat scroll left top transparent;
width:313px;
height:78px;
display:block;
}


/*Navigation*/

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#access ul {
    display: inline;
    float: left;
    padding: 24px 0 12px 40px;
	height:76px;
	}

#access li {
float:left;
display:block;
}

#access li a {
text-indent:-9999px;
overflow:hidden;
background:url("../img/menu.png") no-repeat scroll left bottom transparent;
/* width:42px; */
height:49px;
opacity:0.6;
}

#access li a:hover, #access li a.current, #access li a.selected, #access li a:active { 
opacity:1!important;
}

#access li a.home {
	height:49px;
	background-position:5px -2px;
	opacity:0.6;
}

#access li a.home:hover {
	background-position:5px -2px;
	opacity:1;
}


#access li a.music {
    background-position: -63px -2px;
    height: 49px;
}

#access li a.music:hover {
	background-position:-63px -2px;
	opacity:1;
}

#access li a.bio {
    background-position: -135px -2px;
    height: 49px;
	opacity:0.6;
}

#access li a.bio:hover {
	background-position:-135px -2px;
	opacity:1;
}

#access li a.photos {
    background-position: -208px -2px;
    height: 49px;
	opacity:0.6;
}

#access li a.photos:hover {
	 background-position: -208px -2px;
	 opacity:1;
}

#access li a.video {
    background-position: -276px -2px;
    height: 49px;
	opacity:0.6;
}

#access li a.video:hover {
	  background-position: -276px -2px;
	opacity:1;
	  }

#access li a.contact {
    background-position: -348px -2px;
    height: 49px;
	opacity:0.6;
}

#access li a.contact:hover {
	background-position: -348px -2px;
	opacity:1;
}

#access li a.store {
    background-position:-420px -2px;
    height: 49px;
	opacity:0.6;
}

#access li a.store:hover {
	background-position:-420px -2px;
	opacity:1;
}


/*Main Call to Action*/
#band {
position:relative;
}

.action {
/* background:url("../img/bandbg.png") no-repeat scroll center top #000000; */
height:530px;
}

.news {
position:absolute;
right:224px;
top:76px;

}

.news a {
/*background:url("../img/newslink.png") no-repeat scroll left top transparent;*/
width:203px;
height:234px;
text-indent:-9999px;
display:block;
opacity:0.85;
}

.news a:hover, .news:hover a {
opacity:1;
}

#latest {
padding-top:10px;
text-align:right;
}

.featured-music ul {
margin-top:-0.5em;
}


.featured-music ul li {
padding-bottom:1em;
}

.call-to-shop {
    position: absolute;
    right: 200px;
    top: 340px;
}

.social {
    background: url("../img/emblem.png") no-repeat scroll right top transparent;
    padding-top: 131px;
	margin-top:10px;
}

.social ul {
    bottom: 10px;
    display: inline;
    float: right;

margin-left:10px;
}
.social ul li {
    color: #F2F2F2;
    display: block;
    float: left;
    padding: 0.5em 0;
	width:38px;
	
}
.social ul li a {
    background-image: url("../img/social-icons.png");
    display: block;
    float: left;
    height: 31px;
    text-indent: -9999px;
    width: 38px;
	overflow:hidden;
}

.social ul li a.twitter {
    background-position: 0 0;
    text-indent: 9999px;
   
}
.social ul li a.facebook {
    background-position: 38px 0;
    text-indent: 9999px;
 }

h3.song-title, h4.song-title {
background:url("../img/song-titlebg.png") no-repeat scroll bottom right transparent;
}

.upcoming-shows {
background:url("../img/show.jpg") no-repeat scroll right bottom #000000;
height:540px;
padding:0px 0 20px;
position:relative;
}

h3.upcoming {
background:url("../img/upcoming-bg.png") no-repeat scroll center 40px transparent;
}

.events {
    background: url("../img/albumcontent.png") no-repeat scroll left center transparent;
    display: block;
    height: 500px;
    margin-left: -20px;
    overflow: hidden;
    padding-left: 20px;
}

.vevent {display:block;}

.location, .date {font-weight:bold;}

#leftcontainerContArrow {
   /*  background: url("../img/albumcontent.png") no-repeat scroll right center transparent; */
  /*   height: 530px; */
  /*   left: -10px;
    padding: 15px 18px 0 15px; */
  /*   position: absolute; */
   /*  text-align: right;
    top: 30px; */
}
#leftcontainerContArrow img{ 
	padding-left:5px;
	}
	
#leftcontainerContArrow a.down {
    left: -40px;
    position: absolute;
    top: 290px;
}
#leftcontainerContArrow a.up {
    left:-40px;
    position: absolute;
    top: 270px;
}
/* .description {padding-bottom:0.5em;} */

/*Music page*/
#music {
	/* position:relative; */
}



.album {
	background: url("../img/albumcontent.png") no-repeat scroll left center transparent;
	margin-left: -20px;
    overflow: hidden;
    padding-left: 20px;
	height:500px;
 }

figure.albumart {padding:1em 0;}
figure.albumart img {width:61%;}
.preview-list, .more-tracks {
	/* background:url("../img/albumlist-bg.png") repeat-y scroll left center transparent; */
	padding:0 36px 24px;
	margin:1.25em 1.5em 1.25em 0;
	position:relative;
}

.preview-list h3,.more-tracks h3 {
	position:relative;
	z-index:1000;
}
.previewbg, .more-tracksbg {
  
   /*  height: 152px; */
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0px;
    width: 512px;
    z-index: 90;
	display:block;
	height:100%;
}

.previewbg { 
	background: url("../img/albumlist-bg.png") repeat-y scroll left top transparent;
}



.more-tracksbg {
	background: url("../img/albumlist-bg.png") repeat-y scroll left top transparent;
}

table.track-list {
    font-size: 0.916667em;
    margin-right: 24px;
    position: relative;
    text-transform: uppercase;
    width: 95%;
    z-index: 1000;
	margin-left:-5px;
}

table.track-list tr {
	background:url("../img/song-listing.png") no-repeat scroll left bottom transparent;
	padding:0.5em 0; 
	line-height:1.75em;
	}

table.track-list td.song-title {
    padding-left: 5px;
    width: 160px;
}

table.track-list td.play, table.track-list td.buy {
	width:48px;
	text-align:center;

}

table.track-list td.download {
  
    margin-left: 10px;
    padding-left: 10px;
    width: 86px;
}


/*Bio*/
#bio {
	height:640px;
}
.biographybg {
  
   /*  height: 152px; */
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 90;
	display:block;
	height:100%;
	background: url("../img/biographybg.jpg") repeat-y scroll left top transparent;
}

#biography {padding:24px 24px 22px;}
#biography h2, #biography h3, #biography h5, #biography p {opacity:1;z-index:1000;position:relative;}
.bio-text {
    background: url("../img/albumcontent.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    height: 432px;
    margin-left: -40px;
    margin-right: 72px;
    margin-top: 6px;
    overflow: hidden;
    padding-left: 40px;
}
.bio-text h2, .bio-text h3, .bio-text p {position:relative;z-index:1000;}
.bio-text p {padding-bottom:0.6em;}
.blog-intro {
    background: url("../img/upcoming-bg.png") repeat-x scroll -25px 15px transparent;
    margin-right: 48px;
    padding-bottom: 1.25em;
    text-align: right;
}
.peace {
    margin-right: 72px;
    padding: 20px 0;
    text-align: right;
	color:#ffffff;
	opacity:1;
}

/*Video page*/
#videos {
	height:650px;
}
#video1 {
	padding-top:50px;
}

.video-desc {
    background: url("../img/albumcontent.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 500px;
    margin-left: -20px;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 0;
}

.video-desc p {
	line-height:1em;
	font-family:'Hiragino Kaku Gothic StdN', arial, helvetica;
	font-size:13px;
	padding-bottom:1em;
}

.video-desc ul {
	/* border-right:1px solid #ffffff; */
}

.video-desc ul li {line-height:0.9em;padding-bottom:0.5em;}

.videobox {
	padding-top:72px;
}

.videobox iframe {
	padding:20px;
	background:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
/*Footer*/
footer {
    font-size: 14px;
    height: 94px;
    padding: 20px 0 0;
	color:#ffffff;
}

body.home footer {
	 background: url("../img/homefooter-bg.jpg") no-repeat scroll left top transparent;
   
}

body.bio footer {
	color:#ffffff;
}

.rightalign {
	float:right;
	text-align:right;
}

nav.footer-nav ul { display:inline;}
nav.footer-nav ul li {display:inline;}
nav.footer-nav ul li a {padding:10px;text-transform:lowercase;text-decoration:none;font-variant:small-caps;color:#ffffff;}
nav.footer-nav ul li:after {content:"/";}
nav.footer-nav ul li:last-child:after {content:"";}
p.copyright {text-align:center;background:url(../img/copyright-bg.png) no-repeat left 60%;font-size:14px;}
.credits {text-transform:lowercase;text-decoration:none;font-variant:small-caps;}

/*Typography*/

h1, h2, h3, h4, h5, h6 {font-family:'Hiragino Kaku Gothic StdN', arial, helvetica;
text-transform:uppercase;
color:#eaff00;
font-weight:bold;
}

.yellow, .flyer a{color:#eaff00;}
.flyer {padding-top:0.5em;font-weight:bold;}
.white {color:#ffffff;}
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h1 { font-size:1.75em; padding:1.51786em 0 0.75em; }
h2 { font-size:1.33333em; padding:1em 0 0.5em; line-height:1.2em; }
h3 { font-size:1em; padding:1.25em 0 0.625em; }
h5, .small {font-size:12.5px;line-height:1em;}
p {font-size:16px;/* line-height:1.25em;padding:1.25em 0; */}
h2 + p {padding-top:0;}
h2 + h2 {padding-top:0.5em;}
p + p {padding-top:0;}
h4, a.play, a.download, p.medium, p.location {font-size:0.916667em;text-transform:uppercase;}
a.play, a.download {padding:0 0.5em;}
a.play, a.download, p.medium, p.location {line-height:1em;}
p.location {line-height:18px;}
a.play, a.download {text-transform:uppercase;}

/*
PHOTOS
*/
.photo-album {
	margin:2em 0;
	
}
.photo-album ul{
	margin:0 auto;
	display:block;
}

.photo-album li {
	display:inline;
	margin-right:15px;
	width:138px;
	margin-bottom:7px;
}
.photo-album li img {
	padding:2px;
	background:#c0c0c0;
	width:123px;
	}

.photo-album li:nth-child(6n) {
	margin-right:0px;
}


//*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{/* background:url(../images/overlay.png) repeat 0 0; */}
#colorbox{z-index:1000;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}