@charset "utf-8";

/* ##### GENERAL USE ##### */

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
	background: rgba(34,34,34,1);
}
::-webkit-scrollbar-thumb {
	background: rgba(139,54,54,1);
    -webkit-box-shadow: 0 0 6px rgba(34,34,34,1); 
	border-radius:0px;
}

a, a:active, a:visited{
	color:#999;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

html {
	height:100%
}

body {
	background: url(images/bg.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family:Tahoma, Geneva, sans-serif;
	color:#CCC;
	font-size: 12px;
	background-color: #000;
	margin:0px;
	height:100%;
}

img{
	position:relative;
	z-index:1000;
}


#container { /* CONTAINER FOR ALL CONTENT INCLUDING HEADER ETC */
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	padding:0px;
	margin:0px auto;
}

#contentmain { /* CONTAINER FOR EVERYTHING UNDER BANNER/NAVBAR (DOESN'T CONTAIN STYLING, JUST POSITIONING */
	position:relative;
	min-height:400px;
	height:100%;
	width:980px;
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	overflow:hidden;
}

#content { /* CONTAINER FOR EVERYTHING INSIDE CONTENTMAIN */
	position:relative;
	background-color:#111;
	background: rgba(2,2,2, .8);
	min-height:400px;
	height:100%;
	width:960px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:0px;
	padding-left:20px;
	overflow:hidden;
	-moz-box-shadow:    2px 2px 3px 0px #111;
 	-webkit-box-shadow: 2px 2px 3px 0px #111;
  	box-shadow:         2px 2px 3px 0px #111;
}

#mainwhole { /* CONTAINER FOR USE ON PHOTOS PAGE ONLY */
	position:relative;
	width:980px;
	min-height:300px;
	height:100%;
}

#mainwhole iframe{
	margin-left:-20px;
	width:980px;
	height:600px;
	border:0;
}

h1 { /* LARGE WHITE HEADER WITH UNDERLINE ACROSS WHOLE ELEMENT */
	text-align:left;
	font-size:20px;
	margin:0px;	
	color:#fff;
	border-bottom:1px #333 ridge;
	padding-top:20px;
	margin-top:-10px;
}

h2 { /* SMALL GREY HEADER NO UNDERLINE */
	font-size:12px;
	color:#999;
	margin:0px;
}

h3 { /* SMALLER GREY HEADER USED FOR DATES ON NEWS ITEMS ON INDEX PAGE */
	font-size:10px;
	color:#999;
	font-weight:normal;
	margin-top:0px;
}

#failure{
	margin:0 auto;
	margin-top:20px;
	margin-right:20px;
	background-color:#8B3636;
	color:#fff;
	font-weight:bold;
	padding:10px;
	text-align:center;
	font-size:14px;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### HEADERS & FOOTERS ##### */

#topbanner{ /* CONTAINER THAT RUNS ACROSS VERY TOP OF PAGE, HOUSES #TOPBANNERCONTENT */
	background-color:#222;
	width:100%;
	height:30px;
	text-align:right;
	margin:0 auto;
	padding-top:5px;
	line-height:30px;
}

#logininfo{
	float:left;
}

#topbannercontent{ /* HOUSES SITE ICONS */
	width:980px;
	margin: 0 auto;
}

#topbannercontent a{
	text-decoration:none;
}

#header { /* AGAINST THEM LOGO ONLY */
	height:120px;
	width:980px;
	margin: 0 auto;
	margin-top:10px;
	opacity:0.98;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
}

#footer{ /* CONTAINS FOOTER INFO AT BOTTOM OF EVERY PAGE */
	position:absolute;
	bottom:0;
	background-color:#222;
	width:100%;
	min-height:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:9px;
	margin:0 auto;
	padding-top:5px;
	clear:both;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### NAV BAR ##### */

#nav { /* CONTAINER FOR NAVBAR LIST */
	height:50px;
	width:980px;
	background-color:#222;
	margin: 0 auto;
	margin-top:10px;
	line-height:50px;
	color:#FFF;
	opacity:0.98;
	position:relative;
	z-index:1000;
	-moz-box-shadow:    2px 2px 3px 0px #111;
 	-webkit-box-shadow: 2px 2px 3px 0px #111;
  	box-shadow:         2px 2px 3px 0px #111;
}

#nav1{
	position:relative;
	margin-left:-40px;
}

#nav1 li{ /* NAV BUTTON */
	float:left;
	line-height:50px;
	list-style:none;
	width:122px;
	height:50px;
	background-color:#222;
	text-align:center;
	font-weight:400;
	margin-right:1px;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
	cursor:pointer;
	cursor:hand;
}
#nav1 li:hover{
	background-color:#8B3636;
}
#nav1 ul{ /* NESTED NAV BUTTON CONTAINER */
	display:none;
}
#nav1 li:hover > ul{
	display:block;
}
#nav1 ul li{ /* NESTED NAV BUTTON */
	position:relative;
	left:-40px;
	border-bottom:1px #333 ridge;
}
#nav1 a{
	font-weight:400;
	color:#FFF;
	text-decoration:none;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### ADMIN NAV BAR ##### */

#adminnav { /* CONTAINER FOR NAVBAR LIST */
	height:50px;
	width:980px;
	background-color:#222;
	margin: 0 auto;
	margin-top:10px;
	line-height:50px;
	color:#FFF;
	opacity:0.98;
	position:relative;
	z-index:1000;
	-moz-box-shadow:    2px 2px 3px 0px #111;
 	-webkit-box-shadow: 2px 2px 3px 0px #111;
  	box-shadow:         2px 2px 3px 0px #111;
}

#nav2{
	position:relative;
	margin-left:-40px;
}

#nav2 li{ /* NAV BUTTON */
	float:left;
	line-height:50px;
	list-style:none;
	width:195px;
	height:50px;
	background-color:#222;
	text-align:center;
	font-weight:400;
	margin-right:1px;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
	cursor:pointer;
	cursor:hand;
}
#nav2 li:hover{
	background-color:#8B3636;
}
#nav2 ul{ /* NESTED NAV BUTTON CONTAINER */
	display:none;
}
#nav2 li:hover > ul{
	display:block;
}
#nav2 ul li{ /* NESTED NAV BUTTON */
	position:relative;
	left:-40px;
	border-bottom:1px #333 ridge;
}
#nav2 a{
	font-weight:400;
	color:#FFF;
	text-decoration:none;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### INDEX.PHP ##### */

#main { /* SMALLER CONTAINER FOR NEWS ON INDEX PAGE (LEAVES SPACE FOR SIDEBAR) */
	background-color:#111;
	background: rgba(2,2,2, .8);
	float:left;
	width:630px;
	padding:20px;
	padding-top:0px;
	height:auto;
	-moz-box-shadow:    2px 2px 3px 0px #111;
 	-webkit-box-shadow: 2px 2px 3px 0px #111;
  	box-shadow:         2px 2px 3px 0px #111;
}

#sidebar { /* CONTAINS SIDEBAR CONTENT ON INDEX PAGE */
	height:auto;
	float:right;
	width:285px;
	padding:10px;
	padding-top:0px;
	margin-bottom:5px;
	background-color:#111;
	background: rgba(2,2,2, .8);
	margin-left:5px;
	-moz-box-shadow:    2px 2px 3px 0px #111;
 	-webkit-box-shadow: 2px 2px 3px 0px #111;
  	box-shadow:         2px 2px 3px 0px #111;
}

#bannercontainer{ /* CONTAINS BANNER ON INDEX PAGE */
	width:980px;
	margin:auto;
}

#banner{ /* DIV FOR SLIDESHOW GALLERY */
	position:relative;
	background-color:#222;
	width:980px;
	min-height:190px;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	-moz-box-shadow:    2px 2px 3px 0px #111;
 	-webkit-box-shadow: 2px 2px 3px 0px #111;
  	box-shadow:         2px 2px 3px 0px #111;
	cursor:pointer;
	z-index:1;
}

#banner a, img{
	position:relative;
	border:none;
	z-index:1;
}

#controlbox{ /* CONTAINER FOR CONTROL BUTTONS FOR SLIDESHOW GALLERY */
	position:relative;
	float:right;
	height:15px;
	width:90px;
	margin:auto;
	margin-top:-41px;
	background: rgba(2,2,2, .8);
	padding:3px;
	-moz-box-shadow:    2px 2px 3px 0px #111;
 	-webkit-box-shadow: 2px 2px 3px 0px #111;
  	box-shadow:         2px 2px 3px 0px #111;
	opacity:0.3;
	cursor:pointer;
	z-index:1000;
}
#controlbox:hover{
	opacity:1;
}

#controlNext{
	width: 15px; 
	height: 15px;
	background:url(images/control-next.png);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}
#controlNext:hover{
	background:url(images/control-next-hover.png);
}
#controlPrev{
	width: 15px; 
	height: 15px;
	background:url(images/control-prev.png);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}
#controlPrev:hover{
	background:url(images/control-prev-hover.png);
}
#controlPause{
	width: 15px; 
	height: 15px;
	background:url(images/control-pause.png);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}
#controlPause:hover{
	background:url(images/control-pause-hover.png);
}
#controlPlay{
	width: 15px; 
	height: 15px;
	background:url(images/control-play.png);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}
#controlPlay:hover{
	background:url(images/control-play-hover.png);
}

#newsitem { /* TEXT IN NEWS ARTICLE (TITLE AND DATE FORMATS ARE GENERAL USE) */
	padding-top:10px;
	border-bottom:1px #333 ridge;
	overflow:hidden;	
}

#newsitem img{
	height:200px;
	width:auto;
	margin:0 auto;
}

#slideshow{ /* PLACEHOLDER FOR IMAGE SLIDESHOW IN SIDEBAR */
	height:200px;
	background-color:#222;
	text-align:center;
	line-height:200px;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### ALBUMS ##### */

#albums ul{
	position:relative;
	margin:0 auto;
	width:940px;
}

#albums li{
	width:200px;
	height:200px;
	list-style:none;
	display:block;
	float:left;
	margin:5px;
	margin-top:30px;
	paddng:0px;
	position:relative;
	text-align:center;
	border:5px rgba(2,2,2, 0) solid;
	cursor:pointer;
	overflow:hidden;
}

#albuminfo{
	display:block;
	height:40px;
	line-height:40px;
	font-weight:400;
	background-color:#8B3636;
	margin-top:160px;
	position:relative;
	bottom:-40px;
	opacity:0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
	
}

#albums li:hover > #albuminfo{
	opacity:0.9;
	bottom:0px;
}

#albumstree{
	margin-top:10px;
}

.albumart{
	background-image:url(images/albums/ep-vitanova_200.jpg);
	background-size:200px 200px;
	background-repeat:no-repeat;
}
.ep-vitanova{
	background-image:url(images/albums/ep-vitanova_200.jpg);
	background-size:200px 200px;
	background-repeat:no-repeat;
}
.lp-secondact{
	background-image:url(images/albums/lp-secondact_200.jpg);
	background-size:200px 200px;
	background-repeat:no-repeat;
}
.ep-acoustic{
	background-image:url(images/albums/ep-acoustic_200.jpg);
	background-size:200px 200px;
	background-repeat:no-repeat;
}
.lp-firstact{
	background-image:url(images/albums/lp-firstact_200.jpg);
	background-size:200px 200px;
	background-repeat:no-repeat;
}
.ep-firstact-chap2{
	background-image:url(images/albums/ep-firstact-chap2_200.jpg);
	background-size:200px 200px;
	background-repeat:no-repeat;
}
.ep-firstact-chap1{
	background-image:url(images/albums/ep-firstact-chap1_200.jpg);
	background-size:200px 200px;
	background-repeat:no-repeat;
}

#albumleft{
	float:left;
	width:300px;
	padding:40px;
	padding-right:0px;
}

#albumright{
	float:left;
	width:600px;
	padding:20px;
	padding-left:0px;
	padding-top:30px;
}

#tracklist{
	float:left;
	width:260px;
	margin-top:10px;
}

#albumbutton{
	width:110px;
	height:37px;
	margin-bottom:10px;
	background-size:110px 37px;
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	border-bottom:5px solid #111;
	border-bottom:5px rgba(2,2,2, 0) solid;
}

.ituneslogo{
	background-image:url(images/apple-music.png);
}
.cdbabylogo{
	background-image:url(images/cdbabylogo.jpg);
}
.amazonlogo{
	background-image:url(images/amazonlogo.png);
}
.youtubelogo{
	background-image:url(images/youtubelogo.jpg);
}
.playlogo{
	background-image:url(images/playlogo.png);
}
.spotifylogo{
	background-image:url(images/spotifylogo.jpg);
}

#cdbabylogo:hover, #ituneslogo:hover, #youtubelogo:hover, #spotifylogo:hover{
	border-bottom:5px solid #8B3636;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### THE BAND & PRESS ##### */

#theband ul{ /* LIST THAT CONTAINS BAND MEMBERS */
	margin-left:-30px;
}

#theband li{ /* ONE OF THESE FOR EACH BAND MEMBER */
	clear:both;
	list-style:none;
	width:880px;
	height:250px;
	padding:5px;
	padding-bottom:5px;
	margin-bottom:20px;
	margin-right:30px;
	font-size:11px;
	border-bottom:1px #333 ridge;
	
}

#theband li img{ /* ALIGNS IMAGE TO LEFT SIDE */
	position:relative;
	float:left;
	margin-right:10px;
	width:200px;
	height:200px;

}

#theband li #bioinfo{ /* BIO INFO SITS IN MIDDLE */
	float:left;
	width:200px;
}

#theband li #history{ /* HISTORY IS PUSHED TO FAR RIGHT SIDE */
	float:left;
	width:400px;
	margin-top:-10px;
	margin-left:20px;
}

#biodownload{ /* LARGE BUTTON ON PRESS PAGE */
	margin:0 auto;
	margin-top:20px;
	width:250px;
	line-height:40px;
	padding:10px;
	background-color:#8B3636;
	text-align:center;
	cursor:pointer;
	font-size:18px;
	font-weight:400;
}

#bandimages{ /* IMAGES CONTAINER ON PRESS PAGE */
	position:relative;
	margin:0 auto;
	margin-top:20px;
	width:428px;
}

#bandimages li{ /* IMAGES ON PRESS PAGE */
	position:relative;
	list-style:none;
	display:block;
	float:left;
	height:285px;
	overflow:hidden;
	cursor:pointer;
	margin-left:-20px;
	z-index:1;
}



#bandimagesinfo{ /* POP UP MOUSEOVER ON IMAGES ON PRESS PAGE */
	position:relative;
	text-align:center;
	display:block;
	height:40px;
	line-height:40px;
	font-weight:400;
	background-color:#8B3636;
	margin-top:0px;
	position:relative;
	bottom:0px;
	opacity:1;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
	z-index:1000;
	
}

#bandimages li:hover > #bandimagesinfo{
	opacity:0.9;
	bottom:40px;
}

#pressquotes{
	margin:0 auto;
	margin-top:20px;
	width:600px;
}

#pressquotes h2{
	margin-top:-10px;
	font-style:italic;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### CONTACT ##### */

#atform{
	margin-top:30px;
	margin-bottom:20px;
}

#atform input,textarea{
	background-color:#FFF;
	border:none;
	border-left:5px solid #8B3636;
	color:#222;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	padding:4px;
}

#atform textarea{
	height:auto;
}

/* ##### END ##### */


/* ---------------------------- */


/* ##### TOUR ##### */

#tourcontainer{ /* CONTAINER FOR EACH TOUR SECTION I.E UPCOMING AND PREVIOUS */
	margin-right:20px;
}

#touritem{ /* EACH LINE ON TOUR PAGE NEEDS THIS STYLE */
	display:inline-block;
	line-height:30px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:3px;
	border-bottom:1px ridge #333;
	width:940px;
	font-size:12px;
	font-weight:400;
	color:#CCC;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

#touritem:hover{
	background-color:#111;
}

#tourbutton{
	float:right;
	width:100px;
	height:30px;
	line-height:30px;
	background-color:#222;
	text-align:center;
	font-weight:400;
	font-size:12px;
	cursor:pointer;
	margin-right:5px;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

#tourbutton:hover{
	background-color:#8B3636;
}

#tourtext{ /* EACH ITEM ON A LINE ON TOUR PAGE NEEDS THIS STYLE */
	float:left;
	margin-right:20px;
	width:220px;
}

.grow { /* GROW CLASS FOR TOUR PAGE ITEMS */
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    -webkit-transition: height .3s;
    transition: height .3s;
    height: 0;
    overflow: hidden;
	clear:both;
	float:right;
	margin-right:20px;
  }

/* ##### END ##### */