﻿/* MASTER */
body 
{
    background-color:#262424;
    margin:0;
    padding:0;
    color:white;
        font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 200; font-style: normal;
    font-size:15px;
    line-height:1.6em;
}
img
{
    border:0;margin:0;
}
a
{
   color:White;
   text-decoration:underline;
}
a:hover
{
    color:#e7b27a;
}
.socialIcons
{
    margin-right:4px;
    margin-top:40px;
}
.socialIconsR
{
    margin-right:24px;
    margin-top:40px;
}
.centredTxt
{
width:100%;
max-width:950px;
position:relative;
margin-left:auto;
margin-right:auto;
}

/* BARS */
.darkGreyBar
{
    float:left;
    background-color:#262424;
    width:100%;
    margin:0;
    padding:0;
}

.lightGreyBar
{ 
    float:left;
    background-color:#353333;
    width:100%;    margin:0;
    padding:0;
}
.lightGreyBar2
{ 
    float:left;
    background-color:#3d3c3e;
    width:100%;    margin:0;
    padding:0;
}
/* DISCOGRAPHY */
.songBar
{
    background-color:#262424;
    width:100%;
    min-height:35px;
    margin-bottom:2px;
    float:left;
}
.songBarInner
{  float:left;
    margin-top:7px;
    margin-left:5px;float:left;
    width:95%;
}
.lyricInner
{  float:right;
     margin-top:7px;
 
    width:10%;
}
.songNo
{
    float:left;
    width:5%;
    min-width:20px;
    height:35px;
}
.songTitle
{
    float:left;
    width:75%;
    margin-left:10px;
}
.lyrics
{
    display:none;
    width:100%;
    float:left;
    margin-top:10px;
    margin-bottom:20px;
}
.lyricsDDInner
{
   float:left;
   margin-left:27px;
}
/* LIVE */


@media only screen and (min-width: 40.063em) and (max-width: 64em)
{
.eventsBanner
{
    height:315px;
    width:100%;
    background-repeat:no-repeat;
       background-size:cover;
    background-position:center;
}
}


@media only screen and (max-width: 40em)
{
.eventsBanner
{
    height:315px;
    width:100%;
     background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
}



 @media only screen and (min-width: 64.063em) 
  {
.eventsBanner
{
  
   height:520px;
    width:100%;
    background-image:url('../images/home_01.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
}


#eventsTextboxContainer
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    width:60%;
  
   
   position:relative;
    margin-bottom:10px;
}
#eventsNewsletter
{
background-color:#3d3c3e;
margin-left:auto;
margin-right:auto;
width:100%;
position:relative;
max-width:639px;
margin-bottom:90px;

}
.eventBox
{
    width:100%;   
    background-color:#3d3c3e;
float:left;
margin-bottom:30px;
   
}
.eventText
{
float:left;
width:96%;
margin-left:8px;
min-height:140px;
}

.eventDate
{
float:left;
margin-bottom:30px;
background-color:#262424;
width:70%;
height:40px;
}
.eventDateContainer
{
    float:left;
    margin-top:4px;
    margin-left:8px;
}
.ticketsButton
{
    margin-right:40px;margin-bottom:0px;padding:0px;
}
.socialButton
{
    margin-right:2px;margin:0;padding:0px;
}
.eventButtons
{
   margin:0;
padding:0;  float:left;
height:44px;

}
.noMargin
{
    margin-top:0;
    margin-bottom:0;
    padding:0;
    float:left;
}
.links
{
    
}

/* COMPETITION */

.competitionContainer
{
   
    position:relative;
    margin:auto;
    max-width:820px;
}



@media only screen and (min-width: 40.063em) and (max-width: 64em)
{
.competitionFormContainer
{
   
    position:relative;
    margin:auto;margin-top:30px;
    max-width:350px;
}
}


@media only screen and (max-width: 40em)
{
.competitionFormContainer
{
   
    position:relative;
    margin:auto;margin-top:30px;
    
}
}



 @media only screen and (min-width: 64.063em) 
  {
.competitionFormContainer
{
   
    position:relative;
    margin:auto;margin-top:30px;
    max-width:350px;
}
}


/* HOME */

.homeBox
{
 float:left;
    width:100%;
 min-height:200px;
    background-repeat:none;
    background-position:center top;
    background-size:stretch;
}
.homeBoxInner
{
    position:relative;
    height:300px;
    top:70%;
    text-align:center;
    width:100%;
    
}
.homeTextbox
{
    height:20px;

}

@media only screen and (min-width: 40.063em) and (max-width: 64em)
{
#homePageBar
{
    height:315px;
    width:100%;
    background-image:url('../images/homeoct15_01.jpg');
    background-repeat:no-repeat;
       background-size:cover;
    background-position:center;
}
}


@media only screen and (max-width: 40em)
{
#homePageBar
{
    height:315px;
    width:100%;
    background-image:url('../images//homeoct15_01SM.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
}



 @media only screen and (min-width: 64.063em) 
  {
#homePageBar
{
    height:715px;
    width:100%;
    background-image:url('../images/homeoct15_01.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
}


@media only screen and (min-width: 40.063em) and (max-width: 64em)
{
.homePageBarNEW
{
    height:315px;
    width:100%;
     background-repeat:no-repeat;
       background-size:cover;
    background-position:center;
}
}


@media only screen and (max-width: 40em)
{
.homePageBarNEW
{
    height:315px;
    width:100%;
     background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
}



 @media only screen and (min-width: 64.063em) 
  {
.homePageBarNEW
{
    height:715px;
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
}


.homeSocial
{
float:left;
width:50%;
}
#HomeNewsletter
{
background-color:#3d3c3e;
width:100%;
position:relative;

}
#homeTextboxContainer
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  
    width:60%;
   position:relative;
    margin-bottom:0px;
}
.homeSendButton
{
  margin-top:5px;
  margin-bottom:0px;
    
}
.homepageWatermark
{
    text-align:center;
}
/* TEXT */
.smallText
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 200; font-style: normal;
    font-size:12px;
}
.mainText
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 200; font-style: normal;
    font-size:15px;
}
.mainTextHome
{ font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 200; font-style: normal;
    font-size:15px;
}

.musicText
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 200; font-style:normal;text-transform:uppercase;
    font-size:13px;
}
.menuText
{
    text-decoration:none;
}
.subTitle
{ font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 200; font-style: normal;
    font-size:22px;
    
}
.subTitle a
{
    text-decoration:none;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em)
{

.BigTitle
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;line-height:1.3em;
    font-size:48px;
}
}


@media only screen and (max-width: 40em)
{
.BigTitle
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;
    font-size:28px;
}
}



 @media only screen and (min-width: 64.063em) 
  {
      .BigTitle
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;
    font-size:48px;
}

}



@media only screen and (min-width: 40.063em) and (max-width: 64em)
{

.BigTitleHome
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;line-height:1.0em;
    font-size:38px;
    text-decoration:none;
}
}


@media only screen and (max-width: 40em)
{
.BigTitleHome
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;line-height:1.0em;
    font-size:38px;
     text-decoration:none;
}
}



 @media only screen and (min-width: 64.063em) 
  {
      .BigTitleHome
{
    font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;line-height:1.0em;
    font-size:57px;
     text-decoration:none;
}

}

.BigTitleHome a
{
    text-decoration:none;
}
.white
{
    color:White;
}
.yellow
{
color:#e7b27a;
}

/* DIVIDERS */

.divider5
{float:left;
width:100%;
height:10px;
}

.divider10
{float:left;
width:100%;
height:14px;
}
.divider20
{
float:left;
width:100%;
height:20px;
}
.divider30
{
float:left;
width:100%;
height:30px;
}
.divider40
{
float:left;
width:100%;
height:40px;
}
/* ----------------------------MUSIC-------------------------*/
.CDPic
{
 float:left;
   
}
.blackOverlay
{
    POSITION:relative;
    width:100%;
    height:120px;
    background-image:url('../images/blackoverlay_04.png');
    background-repeat:repeat;
    display:none;
    bottom:0px;
    margin-top:-120px;
}
.overlayInner
{
float:left;
width:95%;
margin-left:10px;
margin-top:10px;
}
.noUnderline
{text-decoration:none;
}
/* ----------------------------GALLERY-------------------------*/

.concertLink:hover
{
 color:#e7b27a;
}
.galleryTitle
{
    width:100%;
    float:left;
    margin-bottom:5px;
    min-height:25px;
    position:relative;
}
.galleryImage
{width:96%;

    min-height:187px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    float:left;
    margin-bottom:30px;
}



@media only screen and (min-width: 40.063em) and (max-width: 64em)
{

.galleryImager
{
width:100%;
height:600px;
background-repeat:no-repeat;
background-position:center top;
background-size:contain;

}
}


@media only screen and (max-width: 40em)
{
.galleryImager
{
width:100%;
height:280px;
background-repeat:no-repeat;
background-position:center top;
background-size:contain;

}
}



 @media only screen and (min-width: 64.063em) 
  {
    .galleryImager
{
width:100%;
height:600px;
background-repeat:no-repeat;
background-position:center top;
background-size:contain;

}

}

/* ----------------------------NEWS--------------------------*/

.newsBox
{
    width:100%;   
    background-color:#3d3c3e;
    float:left;
    margin-bottom:30px;  
}
.newsContainer
{
float:left;
width:98%;
margin-left:8px;
margin-top:5px;
min-height:140px;
}
.newsTitle
{
    width:98%;
    float:left;
    margin-bottom:5px;
    min-height:75px;
    position:relative;
    margin-top:5px;
    line-height:1.2em;
}
.newsImage
{width:96%;

    min-height:187px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    float:left;
    margin-bottom:10px;
}

/* ----------------------------VIDEOS--------------------------*/
#videoContainer
{
   margin-left:auto;
   margin-right:auto;
   max-width:860px;
   width:100%;
   margin-bottom:80px;
}

/* ----------------------------GALLERY--------------------------*/



   
#owl .item img
{display:block;
 width:100%;
 max-width:1000px;
 height:auto;
 margin-left:auto;margin-right:auto;
 background-color:Red;
}

/* ----------------------------FANWALL--------------------------*/

.profilePic
{
float:right;
margin-right:4px;
height:38px;
width:39px;
background-position:center top;
background-size:cover;
margin-top:5px;
margin-bottom:5px;
}

.fanwallMedia
{
FLOAT:left;
width:100%;
}
.fanwallComment
{
float:left;
background-color:#5f6062;
width:100%;
}
.fanwallCommentInner
{
    float:left;
    margin-left:10px;
    margin-top:14px;
    margin-bottom:10px;
    width:70%;
}
.fanwallFooter
{
    float:left;
    width:100%;
    background-color:#262424;
}


@media only screen and (min-width: 40.063em) and (max-width: 64em)
{

.panel_largeImg
{
    width:500px;
   border:1px solid white;
}
}


@media only screen and (max-width: 40em)
{
.panel_largeImg

{
    width:90%;
   border:1px solid white;
}
}



 @media only screen and (min-width: 64.063em) 
  {
 .panel_largeImg

{
   width:500px;
   border:1px solid white;
}

}


@media only screen and (min-width: 40.063em) and (max-width: 64em)
{

.gridItem
{
    width:24%;
    float:left;
    border-right:1px;
    border-left:0px;
    border-top:0px;
    border-bottom:0px;
    border-style:solid;
    border-color:Black;
}
}


@media only screen and (max-width: 40em)
{
.gridItem
{
    width:49%;
    float:left;
    border-right:1px;
    border-left:0px;
    border-top:0px;
    border-bottom:0px;
    border-style:solid;
    border-color:Black;
}
}



 @media only screen and (min-width: 64.063em) 
  {
      .gridItem
{
     width:24%;
    float:left;
    border-right:1px;
    border-left:0px;
    border-top:0px;
    border-bottom:0px;
    border-style:solid;
    border-color:Black;
}

}
/* ----------------------------CM--------------------------*/


.modalpanel-background
{
    background-color:#000000;   
 filter: alpha(opacity=80);
    opacity: 0.65;
    
}
    .modalbackground
{
	background-color: black;
	filter: alpha(opacity=50);
	opacity: 0.65;
}
.modalPanelbackground
{
	background-color: #FFFFFF;
	width: 600px;
	height: 600px;
	color: #ffffff;
}
.iframe
{
	background-color: #FFFFFF;
	width: 800px;
	height:600px;
}
.CMimage
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.iframe
{
	background-color: #FFFFFF;
	width: 800px;
	height:600px;
	
}
