html {
  background: url('../images/light.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  background: none;
  font-family: arial, sans-serif;
  color: #d1d3d4;
  font-size: 90%;
}
h2 {
  color: #fca565;
  font-size: 24px;
}
h2,
h3,
h4 {
  font-weight: normal;
}
.songs h3 {
  color: #fca565;
}
a {
  text-decoration: none;
  outline: none;
}
.container {
  width: 960px;
  margin: 0 auto;
}
.row {
  display: block;
  margin-top: 20px;
  clear: both;
}
.clear {
  clear: both;
}
.pull-right {
  float: right;
}
.span3,
.span4,
.span6,
.span9,
.span12 {
  margin: 0 10px;
  float: left;
}
.span3 {
  width: 220px;
}
.span4 {
  width: 300px;
}
.span6 {
  width: 460px;
}
.span9 {
  width: 620px;
}
.span12 {
  width: 940px;
}
.bg1 {
  background: rgba(41, 32, 23, 0.6);
}
.bg2 {
  background: rgba(233, 233, 233, 0.1);
}
.brand {
  padding: 18px 20px;
  float: left;
}
.brand img {
  width: 100%;
}
/*
.nav ul {
	list-style: none;
	padding-top: 25px;
	margin-right: 20px;
	li {
		display: block;
		float: left;
		padding: 0px 10px;
		margin-bottom: 10px;
		position: relative;
		a {
			color: #d1d3d4;
		}
	}
	.subnav {
		ul {
		    padding: 5px 5px 5px 5px;
		    display: none;        
		    position: absolute;
		    top: 16px;
		    left: 0;
		    z-index: 100;
		    width: 100px;
			background: rgba(233,233,233,0.1);
		}
		a {
			display: block;
		}
		&:hover ul {
		    display: block;
		}
	}
}
*/
.inline-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inline-list li {
  display: inline;
}
.designer a {
  color: #816845;
  display: block;
  text-align: right;
  margin-right: 20px;
  margin-top: 15px;
}
.footer {
  padding: 10px 0 5px;
}
#home .video {
  margin: 10px;
}
#home .intro h2 {
  font-size: 28px;
}
#home .intro p {
  font-size: 17px;
  width: 410px;
}
#home .audio {
  margin: 30px 0 0 0;
}
#home .audio h3 {
  color: #fca565;
  margin-bottom: 6px;
}
object {
  width: 460px;
  height: 259px;
}
.video-small {
    margin: 20px 0 10px;
}
.video-small object {
    width: 300px;	   
    height: 169px;
}

.band3 h2 {
  font-size: 20px;
}
.intro2 h2 {
  margin-bottom: 0;
}
.intro2 p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.3;
}
.intro2 h2,
.intro2 p {
  width: 250px;
}
.intro2 a {
  color: #ff6e04;
}
.event {
  clear: both;
  overflow: auto;
  margin-bottom: 10px;
}
.event h3,
.event h4,
.event p {
  margin: 0;
  padding: 0;
}
.event p {
  margin-bottom: 20px;
  font-size: 12px;
}
.event h3,
.event .details {
  float: left;
}
.event h3 {
  background: #ff6e04;
  font-size: 24px;
  width: 36px;
  padding: 6px 12px;
  margin-right: 10px;
  color: #fff;
  text-align: center;
  line-height: 1;
}
.event h3 span {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.event h4 {
  margin-bottom: 4px;
}
.event a {
  font-size: 12px;
  color: #fff;
}
.event a:hover {
  color: #ff6e04;
}
.event a:hover h3 {
  color: #ff6e04;
  background: #fff;
}
.reviews em {
  display: block;
  width: 260px;
}
.reviews .reviewer {
  margin-top: 8px;
  color: #fca565;
  font-size: 12px;
}
.audio-page,
.video-page,
.artists-page {
  padding-bottom: 20px;
}
.audio-tracks h3 {
	color: #fca565;
	margin-bottom: 8px;
}
a {
  color: #ff6e04;
}
form label {
  display: block;
  padding-top: 2px;
  padding-right: 5px;
  float: left;
  width: 110px;
  margin-top: 10px;
  text-align: left;
}
form input {
  float: left;
  margin-top: 10px;
}
form .txt {
  width: 200px;
}
form br {
  clear: both;
  height: 10px;
}
form label.error {
  color: #ff6e04;
  width: 100%;
  text-align: left;
  padding-left: 120px;
}
form textarea.error,
form input.error {
  border: 2px solid #ff6e04;
}
form textarea {
  margin-top: 10px;
}
form input[type=submit] {
  margin-bottom: 20px;
  margin-left: 5px;
}
.button {
  background-color: #ff6e04;
  border-radius: 10px;
  text-indent: 0;
  border: none;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  padding: 5px 20px;
  /* line-height:30px; */
  width: auto;
  text-decoration: none;
  text-align: center;
}
.thank-you {
  background: #ff6e04;
  color: #fff;
  font-size: 16px;
  padding: 20px;
  margin-top: 30px;
}
#mc_embed_signup label {
  width: auto;
  padding-top: 4px;
}
#mc_embed_signup .email {
  padding: 4px;
}
#mc_embed_signup .clear {
  clear: none;
}
.fb-like {
  margin: 12px 0;
}
.fb_iframe_widget html {
  display: none !important;
}
.show-menu,
.mobile {
  display: none;
}
.nav ul {
  list-style-type: none;
  padding: 10px;
}
.nav li {
  display: inline-block;
  float: left;
  padding: 10px 0;
}
.nav li a {
  display: block;
  min-width: 60px;
  text-align: center;
  color: #d1d3d4;
}
.nav li:hover a {
  color: #ff6e04;
}
.nav li:hover ul a {
  color: #fff;
}
.nav li:hover ul a:hover {
  color: #ff6e04;
}
.nav li ul {
  display: none;
}
.nav li ul li {
  display: block;
  border-top: 1px solid rgba(255, 110, 4, 0.4);
  float: none;
}
.nav li ul li a {
  width: auto;
  min-width: 40px;
  padding: 0;
}
.nav ul li a:hover + .hidden,
.nav .hidden:hover {
  display: block;
}
.nav li.active a {
  color: #ff6e04;
}
.nav .social a {
  min-width: 30px;
}
.nav .social img {
  width: 20px;
}
@media screen and (max-width: 768px) {
  .nav ul {
    position: absolute;
    display: none;
    top: 96px;
    width: 100px !important;
    padding: 0;
  }
  .nav li {
    margin-bottom: 1px;
    background: rgba(0, 0, 0, 0.85);
  }
  .nav ul li,
  .nav li a {
    width: 100px !important;
    font-size: 18px;
  }
  .nav ul ul {
    top: 148px;
    left: -101px;
  }
  .nav ul ul li {
    border: none;
  }
  .show-menu {
    display: block;
    font-size: 20px;
    font-weight: normal;
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: #ff6e04;
    border-radius: 6px;
    padding: 10px 20px;
    margin: 45px 60px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .nav ul {
    top: 53px;
  }
  .nav ul li,
  .nav li a {
    width: 80px !important;
    font-size: 14px;
  }
  .nav ul ul {
    top: 128px;
    left: -81px;
  }
  .show-menu {
    font-size: 14px;
    font-weight: normal !important;
    margin: 20px 20px 0 0;
  }
}
@media only screen and (max-device-width: 768px) {
  .container {
    width: 100%;
    margin: 0;
  }
  h2,
  p {
    padding-left: 10px;
  }
  .span3,
  .span4,
  .span6,
  .span9,
  .span12 {
    margin: 0;
  }
  object {
    width: 300px;
    height: 169px;
  }
  audio {
    margin-top: 10px;
  }
  #home .intro,
  #home .video {
    width: 45%;
  }
  #home .intro p {
    width: 100%;
  }
  #home .audio {
    margin: 30px 0 10px 10px;
  }
  #home .intro2,
  #home .events-col {
    width: 48%;
  }
  #home .intro2 h2,
  #home .intro2 p {
    width: 80%;
  }
  #home .intro2 p {
    font-size: 16px;
  }
  #home .reviews-col {
    width: 100%;
  }
  #home .reviews-col h2 {
    margin-top: 0;
  }
  #home .reviews-col .reviews .review {
    float: left;
    width: 48%;
  }
  #home .reviews-col .reviews .review em {
    padding-left: 10px;
    width: 80%;
  }
  .fb-like {
    margin: 10px;
  }
  .fb-video {
    margin-left: 50px;
  }
  .footer .span3 {
    width: 25%;
  }
  .span12 {
    width: 100%;
  }
  .span6 {
    width: 48%;
  }
  .audio-page .fb-like {
    padding-top: 20px;
    display: block;
  }
  .video-page {
    margin-left: 50px;
    width: 40%;
  }
  .video-page h2 {
    font-size: 18px;
  }
  #events .span4 {
    margin-left: 10px;
  }
  #events img {
    margin-bottom: 10px;
  }
  .songs h1,
  .songs .span6 {
    margin-left: 10px;
  }
  .songs h2 {
    padding-left: 0;
  }
  .artists-page .span6 {
    margin-left: 10px;
  }
  .contact-page img {
    width: 90%;
  }
}
@media only screen and (max-device-width: 767px) {
  .row {
    margin-top: 10px;
  }
  .brand {
    padding: 0 10px;
    margin: 0;
  }
  .brand img {
    width: 160px;
  }
  .span3,
  .span4,
  .span6,
  .span9,
  .span12,
  h1,
  h2,
  p {
    width: 90% !important;
  }
  audio {
    width: 100%;
  }
  #home .audio {
    margin: 0;
    padding: 10px;
  }
  #home .events {
    padding-left: 10px;
    width: 100%;
  }
  #home .events .event {
    margin-bottom: 20px;
  }
  #home .events p {
    margin: 0;
    width: 100% !important;
  }
  #home .review {
    float: none;
    width: 100% !important;
  }
  .footer .span3,
  .footer .span6 {
    width: 50% !important;
  }
  .footer .span3 {
    float: right;
  }
  .footer .span6 {
    float: left;
  }
  .footer #mc_embed_signup {
    padding-left: 10px;
  }
  .footer #mc_embed_signup label,
  .footer #mc_embed_signup #mce-EMAIL {
    display: block;
  }
  .footer #mc_embed_signup label {
    padding-top: 4px;
  }
  .footer #mc_embed_signup input[type=submit] {
    margin-left: 0;
  }
  .footer ul {
    text-align: right;
    margin-right: 20px;
  }
  .footer .designer {
    margin-top: 24px;
    font-size: 11px;
  }
  .contact-page img {
    width: 100%;
  }
  .contact-page form {
    margin-left: 10px;
  }
  .contact-page form p {
    padding: 0;
  }
  .contact-page br {
    display: none;
  }
  .audio-page h2 {
    font-size: 22px;
  }
  .video-page {
    margin-left: 0;
  }
  .video-page h2 {
    font-size: 15px;
  }
  #events img {
    width: 100%;
  }
  #events .details p {
    margin: 0;
    width: 100% !important;
  }
}
@media only screen and (max-device-width: 320px) {
  object {
    width: 284px;
    height: 160px;
  }
}