body{padding:0;margin:0;color:#fff;background:#3b393a url(../images/background-reduced.jpg) repeat left top;font-family:Arial,Helvetica,sans-serif;font-size:13px;}
a img{border-width:0;}

/* default section definitions */
#navtop,
#hero,
#disc,
#main,
#footer{position:relative;margin:10px auto;width:auto;max-width:1002px;background:#131313;border:#000 solid 2px;padding:10px;display:flow-root;}
/*
#header{background:url(/images/april-samuels-header.png) no-repeat;width:554px;height:92px;margin:15px;}
*/
#navtop{background:#131313 url(../images/green.jpg);}
/*
#footer{background:transparent;background-image:none;border-width:0;}
*/
#footer{color:#00ff00;font-size:11px;text-align:center;}
.socialtop{position:absolute;top:10px;right:10px;}
.socialbot{position:absolute;top:8px;right:10px;}
#topmenu{position:relative;/*width:1000px;*/height:65px;color:#fff;font-weight:bold;text-align:left;}
#topmenu a{text-decoration:none;color:#fff;font-size:16px;text-transform:capitalize;font-variant:small-caps;letter-spacing:1px;}
#topmenu a.current{color:#00ff00;}
#topmenu span{margin:0 2px 0 8px;font-size:24px;}
#foundation{background:url(/images/pink-ribbon.png) no-repeat 0 9px;padding-left:28px;}
.content{background:#131313;margin:0 30px 20px 30px;}
h2{color:#00ff00;font-weight:bold;font-size:16px;font-style:italic;padding:10px 0;margin:0;}
#calendar h2{font-size:16px;font-style:italic;color:black;}
#hero{padding:20px;}
#disc{padding:0 20px 20px 20px;}
.discitem{display:block;padding:0 20px 20px 20px;float:left;width:230px;height:110px;margin-bottom:10px;}
.discitem img{width:75px;height:75px;border:#656364 solid 1px;margin:0 10px 25px 0;float:left;}
#aboutimg{float:right;margin:0 0 20px 20px;width:240px;}
.albumdetails{padding-left:10px;}

/* section main divs */
#divmainevents,
#divmaincontent,
#divmainnews{background:#131313;}

#divmainevents{display:inline-block;width:210px;float:left;}
#divmaincontent{display:inline-block;width:535px;border:#2f2f2f solid 1px;
  border-image:linear-gradient(to bottom,#131313,#a2a2a2,#131313) 1 100%;
  border-width:0 1px;margin:0 10px;padding:0 15px 30px 15px;}
#divmainnews{display:inline-block;width:210px;float:right;font-weight:normal;font-size:9px;}
#divmaincontent.noevents{display:inline-block;width:77%;border-width:0 1px 0 0;margin:0 10px 0 0;padding:0 15px 30px 0;}
#divmaincontent.noevents.nonews{display:inline-block;width:100%;border-width:0;margin:0 10px 0 0;padding:0 15px 30px 15px;}
#divbios div{display:table-cell;vertical-align:top;}
#divbios .divbioimg{padding-right:15px;}
#divbios .bioimg{width:195px;height:285px;}
#divbios h2{color:#00ff00;margin:0;padding:0 0 10px;}

#hero .iframe-container {
  overflow: hidden;
  padding-top: 45%;
  position: relative;
}
#hero .iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
/* 4x3 Aspect Ratio */
#hero .iframe-container-4x3 {
  padding-top: 75%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}
.carousel-inner{
  width:93%;
  margin:0 auto;
}
.carousel-control-next, .carousel-control-prev {
  width:20px;
}
#scrollthumbs{height:98px;}
.thumbImg{
	display:block;
	margin:0px;
	width:32%;
	height:auto;
	float:left;
	background:#000;
	margin:0 0 0 7px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
  color:#fff;
  /*
  border:#000 solid 1px;
  border-width:0 1px 0 0;
  border-image:linear-gradient(to bottom,#131313,#a2a2a2,#131313) 1 100%;
  */
}
.thumbImg img{width:75px;height:75px;float:left;margin:0 10px 10px 0;border:#656364 solid 1px;}
.thumbImg div{padding:6px;width:100%;}
#discarrowleft{}
#discarrowright{}
.column{padding:0 8px 20px 12px;}
.divider184{width:184px;height:1px;overflow:hidden;background:url(/images/divider-horizontal184.png) no-repeat;margin:20px 0;}

.navbar-default { background-image: none; border: none; box-shadow: none; }
.navbar-brand span { color: #d41461; }
.navbar-brand { font-size: 2em; text-transform: uppercase; color: #fff; font-weight: 500;  }
.navbar-nav { width: 100%; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
  background-image: none;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link{
  color: #00ff00;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  font-size: 22px;
  text-transform: capitalize;
  font-variant: small-caps;
  font-weight:bold;
  letter-spacing: 1px;
}
/*
.navbar-nav > li > a:after {
    content: "/";
    padding: 0 0 0 11px;
    font-size: 27px;
    font-weight: bold;
}
*/
.nav-item.foundation{
  position:absolute;
  right:10px;
}
/*
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent; color: #d41461; box-shadow: none;
}
.navbar-nav > li > .dropdown-menu { background: #000; }
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
  background-image:none;
  background-color: #000;
  background-repeat: repeat-x;
  color: #fff;
}
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
  background-color: #000;
  background-image: none;
  background-repeat: repeat-x;
  color: #d41461;
}

.dropdown-menu > li > a { color: #ccc; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: transparent; border-bottom: 2px solid
#ccc; border-top: none; border-left:  none; border-right: none; background-image: none; box-shadow: none; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image: none; background-color: transparent; color: #d41461; }
*/

a:link,
a:visited,
a:hover,
a:active{color:#00ff00;text-decoration:none;}
a:hover{text-decoration:underline;}
a.morelink{display:block;text-align:right;color:#acacac;font-weight:bold;font-size:14px;padding:2px 25px 2px 0;background:url(/images/arrow-link.png) no-repeat right center;line-height:21px;margin-right:15px;}
.eventinfo{font-size:12px;color:#fff;background-image:linear-gradient(to bottom, #131313, #2f2f2f);margin-bottom:20px;padding:5px;min-height:170px;}
.eventdate{margin-bottom:6px;}
.eventdate a{font-size:14px;color:#bbb;}
.eventimg{float:right;display:block;margin:0 0 8px 8px;padding:4px;border:#ccc solid 1px;}
#calarchive tr{border-bottom:#2f2f2f solid 1px;border-image:linear-gradient(to right,#131313,#a2a2a2,#131313) 100% 1;}
#calarchive td{font-size:12px;}
.caldate{white-space:nowrap;}
.caltime{white-space:nowrap;}
.calvenue{white-space:normal;}
.calloc{white-space:nowrap;}
.calartist{white-space:normal}
#thanks h6{color:#00ff00}

#videocolumn{}
.newsinfo{font-size:12px;color:#fff;}
.newsdate{margin-bottom:6px;}
.newsdate a{font-size:14px;color:#bbb;}
.newsimg{float:right;display:block;margin:0 0 8px 8px;padding:4px;border:#ccc solid 1px;}
#equip div{float:left;width:50%;padding:0 15px 20px 0;}
.equiphero{width:400px;border-width:0;}
#amazon{/*width:490px;*/display:inline;}
.amazondisc{margin:5px;display:inline-table;text-align:center;width:90px;/*float:left;*/vertical-align:bottom;}
#twitter{width:190px;display:inline;margin-left:10px;vertical-align:top;}
#ascap{width:120px;display:block !important;margin:20px auto;vertical-align:top;}
#amazon,
#twitter,
#ascap{display:inline-table;text-align:center;line-height:1.5;}
#twitter-widget-0{height:300px !important;}

.endorse{padding:10px;}
.endorse img{border-width:0;width:auto;height:60px;}
/*
.endorse{position:absolute;left:130px;height:162px;}
*/
.silverfox{margin:0 20px 20px 0;}
.aquarian{margin:0 20px 0 0;}
.rockett{margin:0 20px 10px 0;}
.rocknroller{margin:20px 20px 10px 0;}
.sabian{margin:20px 20px 10px 0;}

/*=================================*/
/* Bootstrap class overrides
/*=================================*/
.modal-content{
  background-color:#a5a5a5;
}
.modal-header{
  background-color:#121212;
}
.modal-title{
  color:#00ff00;
}
.modal .close {
  color: #fff;
}
.modal .btn-secondary {
  background-color: #131313;
  color:#00ff00;
}
.day .modal-content{
  background-color:#ABFFAB;
  text-align:center;
  color:#000;
}
.day .modal-dialog{
  max-width:400px;
  /*margin:.5rem auto;*/
}

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By:Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

#slider-wrapper{
/*
	background:url(../images/top.jpg) no-repeat;
	background:url(/images/slider-image-1.jpg) no-repeat;
	width:893px;
	height:375px;
*/
	width:100%;
	height:auto;
	margin:0 auto 15px auto;
	border:#000 solid 1px;
}

#slider{
	position:relative;
/*
	width:893px;
	height:375px;
*/
	width:100%;
	height:auto;
	background:url(/images/loading.png) no-repeat 50% 50%;
}
#slider img{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
/*
	width:893px;
	height:375px;
*/
	width:100%;
	height:auto;
}
#slider a{
	border:0;
	display:block;
}

.nivo-controlNav{
	position:absolute;
	left:260px;
	bottom:-42px;
	display:none;
}
.nivo-controlNav a{
	display:block;
	width:22px;
	height:22px;
	background:url(/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active{
	background-position:0 -22px;
}

.nivo-directionNav a{
	display:block;
	width:30px;
	height:30px;
	background:url(/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav{
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav{
	left:15px;
}

.nivo-caption{
	text-shadow:none;
	font-family:Arial,Helvetica,sans-serif;
}
.nivo-caption a{
	color:#efe9d1;
	text-decoration:underline;
}


/* Bootstrap calendar */
header {
  text-align: center;
}

#calendar {
  width: 100%;
}

#calendar a {
  /* color: #000; */
  text-decoration: underline; /*none*/
}

#calendar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color:#fff;
}

#calendar li {
  display: block;
  float: left;
  width:14.342%;
  padding: 5px;
  box-sizing:border-box;
  border: 1px solid #ccc;
  margin-right: -1px;
  margin-bottom: -1px;
}

#calendar ul.weekdays {
  height: 40px;
  background: #000;
}

#calendar ul.weekdays li {
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  border: none !important;
  padding: 10px 6px;
  color: #00ff00;
  font-size: 13px;
}

#calendar .days li {
  /* height: 150px; */
 /*  min-height: 150px; */
 height: 150px;
    overflow-y:auto;
}
#calendar li.day.no-events {
  overflow-y: visible !important;
}

#calendar .days li:hover {
  background: #434343;
}

#calendar .date {
  text-align: center;
  margin-bottom: 5px;
  padding: 4px;
  background: #333;
  color: #fff;
  width: 27px;
  border-radius: 50%;
  float: right;
}

#calendar .event {
  clear: both;
  display: block;
  font-size: 10px;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 12px;
  background: #ffeaf2;
  border: 1px solid #b5dbdc;
  color: #009aaf;
  text-decoration: none;
  cursor:pointer;
}

#calendar .event a{
  padding: 5px;
  display: block;
}

#calendar .event-desc {
  color: #666;
  margin: 3px 0 7px 0;
  text-decoration: none;
}

#calendar .other-month {
  background: #ddd;
  color: #666;
}

#calendar .other-month div{
  display:none;
}
#calendar .dayname{
  display:none;
}
h4.calmonth{color: #00ff00;font-size:2.5rem;}


/* ============================
        Mobile Responsiveness
   ============================*/


@media(max-width: 767px) {

  #calendar .weekdays, #calendar .other-month {
    display: none;
  }

  #calendar li {
    height: auto !important;
    border: 1px solid #ededed;
    width: 100%;
    padding: 10px;
    margin-bottom: -1px;
    position: relative;
  }

  #calendar .date {
    float: none;
  }
}


/* Responsive CSS begin */

/*
@media (max-width: 1044px) {
}
*/
@media (max-width: 1023px) {
  #navtop,
  #hero,
  #disc,
  #main,
  #footer{margin:10px 10px;}
  #foundation{background:url(/images/pink-ribbon.png) no-repeat 0 4px;}
  #divmaincontent{width:68%;border-width:0 0 0 1px;}
  #divmainnews{display:block;width:100%;margin:30px 0;border-top:#2f2f2f solid 1px;border-image:linear-gradient(to right,#131313,#a2a2a2,#131313) 100% 1;}
  #amazon{width:50%;display:inline-block;}
  .amazondisc{width: 30%;}
  #divmaincontent.noevents{display:inline-block;width:100%;border-width:0;margin:0 10px 0 0;padding:0 15px 0 0;}
  #ascap{display:inline-table !important;margin:20px 0 0 20px;}
}
@media (max-width: 767px) {
  #aslogo {width:72%;}
  .socialtop{position:relative;top:10px;right:10px;float:right;}
  .navbar .navbar-nav .open .dropdown-menu>.active>a,
  .navbar .navbar-nav .open .dropdown-menu>.active>a:focus,
  .navbar .navbar-nav .open .dropdown-menu>.active>a:hover{background-image: none!important; color: #d41461!important;}
  .nav-item.foundation{position:relative;}

  #hero,
  #main,
  #footer{margin:10px 10px;width:auto;padding:10px;display:flow-root;}
  #amazon{/*width:490px;*/display:contents;}
  .amazondisc{margin:5px;display:inline-table;}
  #twitter{width:190px;display:contents;}
  #ascap{width:100%;display:block;margin:0}
  #aboutimg{width:50%}
  #divmainevents{/*display:none;*/width:100%;margin:20px 10px 0 0;float:left;border-top:#2f2f2f solid 1px;border-image:linear-gradient(to right,#131313,#a2a2a2,#131313) 100% 1;}
  #divmaincontent{display:inline-block;width:100%;border-width:0;margin:0;padding:0;}
  .thumbImg{
  	display:block;
  	margin:0px;
  	width:30%;
  	height:162px;
  	float:left;
  	background:#000;
  	margin:0 0 0 10px;
  	font-size:11px;
  	font-weight:normal;
  	text-align:center;
    color:#fff;
  }
  .thumbImg img{width:45%;height:45%;display:block;float:none;margin:0 auto 10px auto;border:#656364 solid 1px;}
  .thumbImg div{padding:6px;width:100%;text-align:center;}
  .eventinfo{width:31%;float:left;display:inline-block;padding-right:10px;margin-right:10px;border-right:#2f2f2f solid 1px;background-image:linear-gradient(to right, #131313, #2f2f2f);margin-bottom:10px;}
  #divmainevents .eventinfo:last-of-type{margin:0 0 30px 0;border-width:0;width:32%;}
  .eventdate{margin-bottom:6px;}
  .eventdate a{font-size:14px;color:#bbb;}
  .eventimg{float:right;display:block;margin:0 0 8px 8px;padding:4px;border:#ccc solid 1px;}
  .divider184{display:none;}
  #calendar li.no-events {
    display: none;
  }
  #calendar .dayname{
    display:block;
    color:#00ff00;
    position:absolute;
    top:15px;
    left:50px;
  }
  #calendar .event {
  font-size: 12px;
  line-height: 14px;
  }
  #equip div{float:none;width:100%;}
  a.morelink{float:right;}

}
@media (max-width: 600px) {
  #aslogo{width:100%;}
  .endorse img{width:auto;height:45px}
  .eventimg{float:none;display:block;margin:0 0 8px 0;padding:4px;border:#ccc solid 1px;width:min-content;}
  #calarchive td{font-size:11px;}
  .caldate{white-space:normal;}
  .caltime{white-space:normal;}
  .calvenue{white-space:normal}
  .calloc{white-space:normal;}
  .calartist{white-space:normal}
  h4.calmonth{font-size:2.0em;line-height:1em;margin-top:15px;color: #00ff00;}
}
@media (max-width: 450px) {
  #aboutimg{float:none;display:block;width:100%;margin:0 0 20px 0;}
  #amazon{width:99%;display:contents}
  .thumbImg{
  	margin:0 0 0 7px;
  }
  .equiphero{width:100%;}
  h4.calmonth{font-size:1.5em;margin-top:20px;}
  #divbios .divbioimg{text-align:center}
  #divbios .bioimg{width:100%;height:auto;margin-bottom:10px;}
  #divbios div{display:block;}
}
@media (max-width: 350px) {
  h4.calmonth{font-size:1.2em;margin-top:23px;}
}
/* Responsive CSS end */

/* IE specific hacks begin */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/*
  #navtop,
  #hero,
  #disc,
  #main,
  #footer{display:inline-block;}
*/
  #main{display:inline-block;}
}
@supports (-ms-ime-align:auto) {
  #main{display:inline-block;}
}
/* IE specific hacks end */
