@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i');

/*
Colors
1. Red: #ff0000
2. Dark Red: #c80000
3. Darker Red: #960000
4. Darkest Red: #640000;
*/
.contentslide .hps-title1 {
	background-color:rgba(255,0,0,0.8);
font-size: inherit;
}
#main {
  background-image:url(/audiomedia/audio8ball/images/audio8ballheader.jpg);
  background-position: top center;
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-size: 1000px auto;
  width:1000px;
  padding-top:30px;
  margin-left:auto;
  margin-right:auto;
  font-family:lato !important;
}
#main label {
	color:#960000;
}
#main a {
  color:#960000;
}
#main a:visited {
  color:#960000;
}
#main a:active {
  color:#960000;
}
#main a:hover {
  color:#c80000;
}
#main h1, h2, h3, h4, h5, h6 {
  color:#000000;
}

#footer a {
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
  line-height:160%;
}
#footer a:hover {
  color:#d9d9d9;
}
#footer a:visited {
  color:#ffffff;
}
#footer a:active {
  color:#ffffff;
}
/* Navigation */
#mtrocknav {
  background: rgba(255,0,0,1);
  background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,0,1)), color-stop(100%, rgba(200,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#c80000', GradientType=0 );
}
.button {
  background:#c80000;
}
.button:hover {
  background:#ff0000;
}
#streamblock {
  background: rgba(255,0,0,1);
  background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,0,1)), color-stop(100%, rgba(200,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,0,0,1) 0%, rgba(200,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#c80000', GradientType=0 );
}
.newsblock:visited {
  color:#000000 !important;
}
.newsblock:active {
  color:#000000 !important;
}
#sched_blocks span {
  background-color:#c80000;
	font-size: inherit;
}

#logo {
  width:50%;
}
#logo img {
	width:auto;
	height:150px;
}
#footer {
  background: rgba(200,0,0,1);
  background: -moz-linear-gradient(top, rgba(200,0,0,1) 0%, rgba(150,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(200,0,0,1)), color-stop(100%, rgba(150,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(200,0,0,1) 0%, rgba(150,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(200,0,0,1) 0%, rgba(150,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(200,0,0,1) 0%, rgba(150,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(200,0,0,1) 0%, rgba(150,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c80000', endColorstr='#960000', GradientType=0 );
}
.schedcal_hours {
  background-color:#c80000;
	font-size: inherit;
}
.eventcal_date {
  background-color:#c80000;
	font-size: inherit;
}
.eventcal_hours {
  color:#c80000;
	font-size: inherit;
}
#featuredtext h3 {
  color:#c80000;
}
#content h2, h4, h6 {
  color:#c80000;
}
.basic h2, h4, h6 {
  color:#c80000;
}

/* Pop Up CSS */
.box {
  background: rgba(255,255,255,0.2);
}

.popup .close {
  color: #c80000;
	font-size: inherit;
}
.popup .close:hover {
	font-size: inherit;
  color: #ff0000;
}

@media screen and (max-width: 700px){

	#main {
	  background-position: top center;
	  background-repeat:no-repeat;
	  background-attachment: fixed;
	  background-size: 2000px auto;
	  width:100%;
	  padding-top:20px;
	  margin-left:auto;
	  margin-right:auto;
	  font-family:lato !important;
	}
	
  #logo img {
	width:auto;
	height:100px;
	margin-left:20px;
  }
}