@charset "utf-8";
/* CSS Document */
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /*overflow-x: hidden;*/ 
}
body{background-color: #A3B694; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
hr{margin-top: 5px; margin-bottom: 5px;}
h1, h2, h3, h4{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
.row{margin-left: auto; margin-right: auto;}
.container-fluid {margin-right: auto; margin-left: auto; width: 100%; padding-left: 0; padding-right: 0;}
.maincontainer{width: 98%; background-color: white; padding-top: 4px; margin-top: 4px; margin-right: auto; margin-left: auto;}
.maincontent{width: 100%; padding: 8px; font-size: 16px; margin-bottom: 8px;}
.footer-row{background-color: #0C520A; height: 100%; padding-top: 6px; padding-bottom: 6px;color: #EDBC38;}
.footer-row a, footer-row a:visited{color: #EDBC38; text-decoration: underline;}
.footer-row a:hover{color: yellow;}
.footer-row #left{font-size: 16px; font-weight: bold; max-width: 45%; float: left;}
.footer-row #right{text-align: right; font-size: 14px; font-weight: bold; max-width: 45%; float: right}
.bottom-footer{background-color: #A3B694; font-size: 12px; color: #4A4A4A; min-width: 100%;}
.artistsindexpage a{font-weight: bold; font-style: italic; text-decoration: underline; background-color: #C8D3BE; color:#646464; padding: 2px 6px;}
.underline{text-decoration: underline;}
.italic{font-style: italic;}
.smaller-font{font-size: 10pt;}
#announce{max-width: 80%; border: 1px solid black; background-color:darkgreen; color: white; text-align: center; padding: 8px;}
#return{max-width: 80%; border: 1px solid black; background-color:white; padding: 8px; font-size: 14pt; margin-bottom: .5em;}
#return-smaller{max-width: 50%; border: 1px solid black; background-color:white; padding: 8px; font-size: 14pt; margin: .5em; float: left;}
.float-left{float: left; margin: 6px;}
.img-margin-right{margin-right: 24px;}
.img-centered{margin: 0 auto;}
.float-right{float: right; margin: 6px;}
/* members list with pics*/
.index-artist{float: left; width: 50%; margin-top: 26px; background-image: url(../images/grn-li-line.png); background-repeat:no-repeat; background-position: bottom left; position: relative;}
.index-artist .image{float: left; margin-right: 10px;}
.index-artist a{border: 2px black dotted;}
.index-artist h3{margin:0; padding:0; font-size: 22px;}
.artistlist{float: left; position: absolute; top: -24px; left: 0; color: #0C520A; text-decoration: underline; font-weight: bold; font-size: 14px;}
/* end members list with pics*/
.artist-page-content{max-width: 100%;}
.artist-page-heading{font-size: 24px; margin-bottom: 12px;}
.artist-page-heading >p{font-size: 16px; font-weight: bold; border-bottom: 1px solid green;}
.artist-purchase{font-style: italic; color: gray; font-size: 11pt;}
.slogan-box{max-width: 45%; position: absolute; left: 0; bottom: 18px;}
.fb-like{display: inline-block;}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
  width: 70%;
  /*float: left;*/
	margin-right: 4px;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.centered-images >img{display: block; margin-right: auto; margin-left: auto;}
.center-image{display: block; margin-right: auto; margin-left: auto;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.whatsnew-bg{background-color: #EDBC38; color:#000; min-height: 12px; margin: 8px 0;}
.whatsnew-bg h2{margin:6px;}
/******* ID section *******/
#pagewrapper{max-width: 1300px; margin: 0 auto; border: 2px #94AA82 solid;}
#headerback {background-image: url("../images/header-x.png");
background-position: bottom;
background-repeat: repeat-x;
min-height: 200px;
min-width: 100%;
float: none;
position: relative;
}
#headerback-rgt{position: absolute; bottom: 50px; right: 2px;}
#headerback-rgt img{float: right; margin-bottom:-34px; margin-top: 6px; margin-right: 2px;}
#navbox{min-height: 36px; text-align: center; line-height: 36px; background-color: #A3B694; min-width: 100%;}
#tagline-row{background-color: #A3B694; font-size: 12px; color: #4A4A4A; min-width: 100%; float: none;}
#tagline-row-left{float: left; max-width: 50%;}
#tagline-row-right{float: right; max-width: 50%;}
#tagline-row-right a{color: black;}
#socialbox{max-width: 30%; float: right; text-align: center;}
#socialbox img{padding-top: 6px;}
#pix{max-width: 50%; float: left; margin-right: 8px;}
#special-div{float: left; max-width: 300px; border: 1px solid black; background-color: #A5BDAD; margin: 12px; padding: 4px; font-weight: bold;}
#special-div a{color: black; text-decoration: underline;}

/******* responsive elements *******/ 
@media (max-width : 320px) {
	.hidden-xxs{display: none;}
	#headerback{max-height: 290px !important;}
	.row{max-width: 100%; margin: 0;}
	.footer-row #left{min-width: 100%; text-align: center;}
	.footer-row #right{min-width: 100%; text-align: center;}
#tagline-row-left{min-width: 100%; text-align: center;}
#tagline-row-right{min-width: 100%; text-align: center;}
	.index-artist {min-width:100%;}
	.col-logobox{min-width: 100% !important; height: auto; }
	.col-logobox img{margin: 0 auto;}
	.slogan-box{width: 240px; margin: 0 auto;}
	.slogan-box img{width: 280px;}
	#pix{min-width: 100% !important; height: auto;}
	#socialbox{max-width: 100%;}
}
@media (min-width : 320px) and (max-width : 480px) {
	.hidden-xxs{display: none;}
	.footer-row #left{min-width: 100%; text-align: center;}
	.footer-row #right{min-width: 100%; text-align: center;}
#tagline-row-left{min-width: 100%; text-align: center;}
#tagline-row-right{min-width: 100%; text-align: center;}
	.index-artist {min-width:100%;}
	.col-logobox{min-width: 100%;}
	.slogan-box img{width: 280px;}
	#pix{min-width: 100%; height: auto;}
}
@media (max-width : 480px){
	.hidden-xxs{display: none;}
	.footer-row #left{min-width: 100%; text-align: center; margin: 0;}
	.footer-row #right{min-width: 100%; text-align: center; margin: 0;}
#tagline-row-left{min-width: 100%; text-align: center;}
#tagline-row-right{min-width: 100%; text-align: center;}
	.index-artist {min-width:100%;}
	.col-logobox img{margin: 0 auto; max-width: 100%;}
	.slogan-box{min-width: 100%;}
	.slogan-box img{width: 280px; margin: 0 auto;}
	#headerback{min-height: 180px; margin: 0;}
	.artist-page-content{float: left; min-width: 100%;}
	#pix{min-width: 100%; height: auto; float: right;}
	#socialbox{min-width: 20%;}
	.embed-responsive{width: 99%!important;}
}

@media (max-width : 767px){
.index-artist {min-width:100%;}
	#headerback{min-height: 200px; margin: 0;}
	#headerback-rgt{max-width: 45%;}
	.col-logobox{min-width: 49%; min-height: 200px;}
	.slogan-box{position: absolute; bottom: 6; left: 6px;}
	.artist-page-content{min-width: 100%;}
	#pix{float: left;}
	.embed-responsive{width: 90%;}
}
@media (min-width : 768px){
.col-logobox{min-width: 49%; min-height: 200px;}
}
@media (min-width : 992px) {

}
@media (min-width : 768px) and (max-width : 1024px) {
 
}
@media (min-width : 768px) and (max-width : 991px) {

}
@media (min-width : 992px) and (max-width : 1199px) {

}
@media (min-width : 1200px) {
	#pagewrapper{-webkit-box-shadow: 3px 3px 24px 3px rgba(0, 0, 0, 0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 24px 3px rgba(0, 0, 0, 0.4);  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 24px 3px rgba(0, 0, 0, 0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
}

.return {
}