/* CSS Document */

/* ********Global******** */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#002345;
	font-family: 'Playfair Display', serif;
/*-moz-osx-font-smoothing: grayscale;*/
}

@font-face {
    font-family: 'Klines New Roman';
    src: url('fonts/KlinesNewRoman-Regular.eot');
    src: url('fonts/KlinesNewRoman-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/KlinesNewRoman-Regular.woff2') format('woff2'),
         url('fonts/KlinesNewRoman-Regular.woff') format('woff'),
         url('fonts/KlinesNewRoman-Regular.ttf')  format('truetype'),
         url('fonts/KlinesNewRoman-Regular.svg#Klines New Roman') format('svg');
}

a, a:visited{text-decoration: none; color: #0033CC;}

a:hover {
    color: #002345;
    text-decoration: none;
    text-shadow: 0 0 1px transparent;
}

.layQuote {
    color: #041A30;
    display: inline-block;
    margin: 0 auto 10px;
    width: auto;
}

.layQuote:hover{color: #fff; cursor: none;}

.layClear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0.1px;
    line-height: 0;
    margin-top: 0;
    width: 100%;
}

#layClear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	line-height: 0px;
	font-size: 0px;
}

#layGlobalWrapper {
    background-color: #fff;
    border-bottom: 0 solid #999999;
    border-left: 0 solid #999999;
    border-right: 0 solid #999999;
    color: #000;
    font-size: 12px;
    margin: 0 auto 20px;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
	
/*Header*/
#layHeader {
  background-color: transparent;
  border-bottom: 0px solid #666666;
  color: #333333;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  padding: 10px 0 0px;
  text-align: center;
  width: auto;
  background-image: url("/assets/images/bigblue.jpg");
  background-size: cover;
}

#layLogo {
    height: auto;
    max-height: 188px;
    max-width: 100%;
    width: auto;
}

iframe#instagram{}

#layLogo a {
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    padding: 3px;
}


#layLogo a img {
    border: medium none;
    max-width: 100%;
	opacity: 0.7;
}

#layLogo a img.whitelogo {
  max-width: 505px;
  opacity: 1;
}

#layLogin {
	position: absolute;
	top: 0px; left: 450px;
	width: 300px;
	float: right;
	text-align: right;
	padding: 10px;
	color: #FFFFFF;
}

#layLogin a, #layLogin a:active, #layLogin a:visited{
	color: #990000;
	text-decoration: none;
}

#layLogin a:hover{
	color: #990000;
	text-decoration: underline;
}

#sleeve{
	width:465px;
	float:left;
}

#topText {
	float:left;
	text-align:justify;
	width:84px;
	margin-bottom:20px;
	display: none;
	}
	
#mainNavWrapper {
    background-color: rgba(0, 39, 61,.45);
    display: block;
    float: none;
    font-family: 'Klines New Roman', sans-serif;
    font-size: 16px;
    margin-top: 12px;
    padding: 0;
    text-align: center;
    width: 100%;
	-moz-osx-font-smoothing: grayscale;
}
	
#mainNavWrapper a, #mainNavWrapper a:active, #mainNavWrapper a:visited {
    background-color: transparent;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    margin: 0 3px;
    min-width: 10px;
    padding: 5px 7px;
    text-decoration: none;
}

#mainNavWrapper a:hover {
    background-color: #fff;
    color: #003366;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
}

/*Menu*/
	
#layMainMenu {
	width: 100%;
	margin: 0px auto;
	text-align: left;
	height: 29px;
	border-top: 4px solid #6B6F79;
	border-bottom: 1px solid #919191;
	/*border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;*/
	background-image:  url("../images/global/menubackground.jpg");
	background-repeat: repeat-x;	
	overflow: hidden;
}

.layMenuItem a, .layMenuItem a:active, .layMenuItem a:visited {
		padding: 3px 8px 4px 8px;
		float:left;
		text-decoration: none;
		display:block;
		color: #FFFFFF;
	}
		
	.layMenuItem a:hover {
		text-decoration: underline;
	}
		
.layMenuItemSelected a, .layMenuItemSelected a:active, .layMenuItemSelected a:visited {
		padding: 3px 8px 4px 8px;
		float:left;
		color: #FFFFFF;
		text-decoration: underline;
		display:block;
	}
	
	.layMenuItemSelected a:hover {
		text-decoration: underline;
	}

/*Content*/
#layContentWrapper {
    background-color: #fff;
    margin: 0 auto;
    max-width: 992px;
    padding: 0 75px;
    text-align: center;
    width: auto;
}

#layContentWrapper.homepage{padding: 0 20px;}

#layLeftNav {
	float: left;
	width: 170px;
	padding: 10px;
	text-align: left;
	overflow: hidden;
	background-color: #FFF;
	display: none;
	
}

#FancyRightPicture {
    background-color: #FFFFFF;
    background-image: url("/assets/images/bee17grid.gif");
    /*background-position: -157px 2px;*/
    color: transparent;
    display: block;
    float: right;
    font-size: 9px;
    height: 500px;
    margin: 0 0 20px 20px;
    overflow: hidden;
    text-align: right;
    width: 500px;
}

#FancyRightPicture {
    color: #333333;
    float: right;
    font-size: 9px;
    margin: 0 0 20px 20px;
    text-align: right;
}
	
	#FancyLeftPicture {
	float: left;
	margin: 0px 20px 20px 0px;
	text-align: left;
	font-size: 9px;
	color: #333333;
	}
	
#homepageShowbox {
    background-color: #e6f6ff;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
    float: right;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    max-width: 596px;
    padding: 20px;
    width: 100%;
}
	
#homepageShowboxBuns {
    background-color: #ffffff;
    border: 0 solid transparent;
    display: block;
    float: right;
    height: 20px;
    margin: 0;
    max-width: 639px;
    padding: 0;
    width: 100%;
}
	
#twitter_div {
    background-color: #eae6f0;
    border: 1px solid #555555;
    float: left;
    margin: 0;
    max-width: 292px;
    padding: 20px;
    width: 100%;
display:none;
}
	
#facebook_div {
    background-color: #DCEAF2;
    border: 1px solid #555555;
    float: left;
    margin-top: 20px;
    max-width: 332px;
    padding: 0;
    width: 100%;
}

#facebook_divInner{padding: 10px;}

#spotify_div {
    background-color: #F0FFF4;
    border: 1px solid #555555;
    float: left;
    margin-top: 20px;
    max-width: 332px;
    padding: 0;
    width: 100%;
}

#spotify_divInner {
    padding: 10px;
font-family: 'Klines New Roman'; text-align: center;
}
	
#social_div {
    background-color: #fff;
    border-bottom: 20px solid #fff;
    float: left;
    margin: 0;
    padding: 0;
    width: 334px;
}

.sidebar-title {
    background-color: transparent;
    color: #ffffff;
    display: block;
    font-family: 'Klines New Roman', sans-serif;
    font-variant: none;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3), -1px -1px 1px rgba(0,0,0,.3), -1px 1px 1px rgba(0,0,0,.3), 1px -1px 1px rgba(0,0,0,.3);
    text-align: center;
}
	
	#twitter_update_list {
	/*width: 80%;*/
	}

/*Text*/
#layContent {
    background-color: #fff;
    display: block;
    float: none;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 24px;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    padding: 20px 0 30px;
    text-align: justify;
    width: auto;
}

#titleHeader {
height: auto;
padding-top: 20px;
text-align: center;
max-width: 100%;
font-family: 'Klines New Roman';
font-size: 60px;
color: #333;
text-overflow: clip;
overflow: hidden;
word-wrap: break-word;
}

#titleHeader img{max-width: 100%; height: auto;}

#layBreadcrumbs {
	width: 540px;
	padding: 5px 0px;
	text-align: left;
	overflow: hidden;
}

/*Left Navigation*/
.layLeftNavItem {
	position: relative;
	width: 185px;
	padding: 0px; 
	margin: 0px 0px 15px 0px;
	}
	
.layLeftNavItemTitle {
	width: 158px;
	background-color: #831B1D;
	color:#FFF;
	border: 1px solid #ccc;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px; margin: 0px;
	}

.layLeftNavItemLinks {
	width: 165px;
	background-color: #F2F1ED;
	border: 1px solid #ccc;
	margin: 0px; padding: 10px;
	}
	
	.layLeftNavItemLinks a, .layLeftNavItemLinks a:visited, .layLeftNavItemLinks a:active {
		text-decoration: none;
		color: #666;
	} 
	
	.layLeftNavItemLinks a:hover {
		text-decoration: underline;
		color: #666;
	} 

.layLeftNavItemFooter {
	padding: 0px; margin: 0px;
	line-height: 0px; font-size: 0px;
	}

/*Footer*/
#layFooterWrapper {
	margin: 0px auto;
	width: 100%;
	height: 30px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

#layFooterMenu {
	float:left;
	width: 550px;
	text-align: left;
}

	#layFooterMenu a, #layFooterMenu a:visited, #layFooterMenu a:active {
		text-decoration: none;
		color: #999999;
	}
	
	#layFooterMenu a:hover {
		text-decoration: underline;
		color: #666666;
	}

#layCopyright {
	float: left;
	width: 550px;
	text-align: left;
	color: #999999;
}

#layPoweredBy {
	width: 200px;
	float: right;
	text-align: right;
}

	#layPoweredBy a, #layPoweredBy a:visited, #layPoweredBy a:active {
		text-decoration: none;
		color: #999999;
	}
	
	#layPoweredBy a:hover {
		text-decoration: underline;
		color: #666666;
	}
	
#layHomeLeft {
    display: block;
    float: left;
    width: 420px;
}

#layFunFact {
    background-color: #e0f0ff;
    border: 0 solid #555555;
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    max-width: 450px;
    padding: 0;
    text-align: center;
    width: 100%;
}

#layHomeContent {
    float: left;
    padding: 20px 0;
    width: 100%;
}

.trackLists {
	background:none repeat scroll 0 0 #FFFFFF;
border:0 solid pink;
color:#000000;
/*height:188px;*/
margin:20px 0 0;
overflow:hidden;
padding:0;
text-align:left;
display: none;
}

.toggleLink{
	color: #0033FF;
	text-transform: uppercase;
	text-decoration: underline;
	cursor:pointer;
}

.toggleLink:hover{
	color: #000;
}

#lmbbTrackList {
}

#fidTrackList {
}

#kinTrackList {
}

#grTrackList {
}

#layStoreWrapper{
	margin: 0px auto;
	width: 704px;
	}
	
.layProductWrapper{
border-bottom:1px dotted #999999;
margin-bottom:20px;
padding-bottom:10px;
width:704px;
}

.layProductImage{
float:left;
width:200px;
}

.layProductInfo{
float:left;
padding-left:30px;
width:474px;
}

.layProductOrder{
bottom:0;
float:right;
position:relative;
}

	
#layContent a.goshos img{
	    border: 1px solid #999999;
    padding: 3px;
	}
	
	#layContent a.goshos img:hover{
	    border: 1px solid #999999;
    padding: 3px;
	background-color:#00CCFF;
	}
	
span.connect_widget_not_connected_text{
	color: #CCFFCC !important;
	}
	
.fan_box .connect_widget td.connect_widget_vertical_center {
    color: #CCFFCC;
}

#homeBigBox {
    /*background-image: url("../images/homeBigBoxBack.jpg");*/
    background-position: 8px 153px;
    background-size: 100% auto;
}

#homeBigBox .layClear {
    clear: both;
    height: 0px;
    margin-top: 0px;
	width: 100%;
}

iframe#twitter-widget-0{width: 265px !important;}

#showsBox {
    /*font-weight: bold;*/
    padding: 0 163px 20px;
    text-align: left;
}

.textnotadam {
    background: none repeat scroll 0 0 #A7D0FB;
    border-radius: 7px;
    font-family: helvetica,sans-serif;
    font-size: 1em;
    margin: 5px 50px 5px 5px;
    padding: 10px;
    text-align: left;
}

.textadam {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 7px;
    font-family: helvetica,sans-serif;
    font-size: 1em;
    margin: 5px 5px 5px 50px;
    padding: 10px;
    text-align: right;
}

.shopNav{}

.shopNav a, .shopNav a:active, .shopNav a:visited {
    color: #4564EC;
    display: inline;
    font-weight: bold;
    margin: 0 8%;
    text-decoration: none;
    text-transform: uppercase;
}

.shopNav a:hover{color: #2442C7;}

#layFunFactInner {
    border: 1px solid #000;
    padding: 20px;
}

.leftLeftThird {
    float: left;
    text-align: left;
    width: 33%;
}

.leftCenterThird{}

.centerCenterThird {
    float: left;
    text-align: center;
    width: 34%;
}

.centerLeftThird{}

.rightRightThird {
    float: right;
    text-align: right;
    width: 33%;
}

.rightCenterThird{}

.leftLeftHalf{}

.rightRightHalf{}

tr.separator {

    border-bottom: 1px solid black;
    display: block;
    width: 100%;

}

.separator {
    border-bottom: 1px solid black;
    width: 100%;
    display: block;
    clear: both;
    margin: 30px auto 30px;
    height: .1px;
}

.releaseBox{}
.releaseBox .albumArt {
    display: block;
    float: left;
    padding-right: 30px;
    width: 21%;
}
.releaseBox .albumArt img{max-width: 100%; height: auto;}
.releaseBox .albumInfo {
    display: block;
    float: left;
    width: 70%;
}
.releaseBox .albumInfo .albumTitle {
    margin-bottom: 15px;
}
.releaseBox .albumInfo .box1{display: block;
width: 50%;
float: left; padding-right: 30px;}
.releaseBox .albumInfo .box2{display: block;
width: 45%;
float: left;}



/* xs only */
@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
	
#layHomeLeft {
    display: block;
    float: none;
    width: 100%;
}

#titleHeader {
  font-size: 34px;
}

#FancyRightPicture{display: none;}

#social_div {width: 100%;}

#homepageShowbox{width: 100%;}

#layFunFact {
    border: 0 solid transparent;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#layFunFactInner{}

#layContentWrapper {
    background-color: #fff;
    margin: 0 20px;
    max-width: 100%;
    padding: 0;
    text-align: center;
    width: auto;
}

#layContentWrapper.homepage {
  padding: 0px;
  margin: 0px 20px;
}

#social_divInner{}

#twitter_div {
    border: 0 none;
    float: none;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

#twitter_divInner {
    border: 1px solid black;
    padding: 0 0 10px;
    text-align: center;
}

a#twitter-link{margin-right: 10px; margin-bottom: 10px;}

#facebook_div {
    float: none;
    margin: 20px auto 0;
}

#facebook_divInner{}

#spotify_div {
    float: none;
    margin: 20px auto 0;
}

#spotify_divInner{}

#homepageShowbox {
    border: 0 solid transparent;
    max-width: 100%;
    padding: 0;
}

#homepageShowboxInner {
    border: 1px solid black;
    padding: 20px;
}

#homepageShowboxBuns {display: none;}

iframe#instagram {
    display: block;
    float: none;
    margin: 0 auto;
}

#showsBox {
    padding: 0 10% 20px;
    text-align: left;
}

#layFooterWrapper {
    font-size: 0.6em;
    height: auto;
    padding: 0 20px;
    width: calc(100% - 40px);
}

img{max-width: 100%;}

#layLogo a img.whitelogo {
  max-width: 310px;
}

.leftLeftThird, .centerCenterThird, .rightRightThird {
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
}

.leftCenterThird{}

.centerCenterThird{}

.centerLeftThird{}

.rightRightThird{}

.rightCenterThird{}

.leftLeftHalf{}

.rightRightHalf{}

.releaseBox{}
.releaseBox .albumArt{text-align: center;
width: 100%;
margin: 0px auto 0px;
padding: 0px;}
.releaseBox .albumArt img{}
.releaseBox .albumInfo{width: 100%;}
.releaseBox .albumInfo .albumTitle {
    text-align: center;
    margin-top: 15px;
}
.releaseBox .albumInfo .box1{width: 100%;
margin-bottom: 15px;}
.releaseBox .albumInfo .box2{width: 100%;}
}

/* sm only */
@media (min-width: 768px) and (max-width: 991px) {
   body {
        padding-left: 0px;
        padding-right: 0px;
    }
	
#layHomeLeft {
    display: block;
    float: none;
    width: 100%;
}

#FancyRightPicture{display: none;}

#social_div {width: 100%;}

#homepageShowbox{width: 100%;}

#layFunFact {
    border: 0 solid transparent;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#layFunFactInner{}

#layContentWrapper {
    background-color: #fff;
    margin: 0 20px;
    max-width: 100%;
    padding: 0;
    text-align: center;
    width: auto;
}

#social_divInner{}

#twitter_div {
    border: 0 none;
    float: none;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

#twitter_divInner {
    border: 1px solid black;
    padding: 0 0 10px;
    text-align: center;
}

a#twitter-link{margin-right: 10px; margin-bottom: 10px;}

#facebook_div, #spotify_div {
    float: none;
    margin: 20px auto 0;
}

#facebook_divInner{}

#homepageShowbox {
    border: 0 solid transparent;
    max-width: 100%;
    padding: 0;
}

#homepageShowboxInner {
    border: 1px solid black;
    padding: 20px;
}

#homepageShowboxBuns {display: none;}

iframe#instagram {
    display: block;
    float: none;
    margin: 0 auto;
}

#layLogo a img {
    width: 100%;
}

.releaseBox{width: 100%; display: block;}
.releaseBox .albumArt{}
.releaseBox .albumArt img{}
.releaseBox .albumInfo{text-align: left;}
.releaseBox .albumInfo .box1{width: 45%;}
.releaseBox .albumInfo .box2{}

#titleHeader {
  font-size: 52px;
}
}

/* md only */
@media (min-width: 992px) and (max-width: 1029px) {
#layFunFact{max-width: 412px;}


}

/* lg only */
@media (min-width: 1030px) {



}