html {
top: 0px;
margin-top: 0px;
}
body {
background-color: #000000;
color: #FFFFFF;
/*
background-image: url(getBackground.php);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
*/
top: 0px;
padding: 0px;
margin: 0px;
font-family: 'Open Sans', sans-serif;
}
.bg {
background-image: url(getBackground.php);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100vh;
width: 100vw;
position: fixed;
z-index: -1;
}
#navMobile {
display: none;
}
#navBarMobile {
top: 0px;
width: 100%;
background-color: #88c5da;
/*
padding-top:40px;
padding-bottom:40px;
*/
position: fixed;
z-index: 999999;
padding-top: 1em;
padding-bottom: 1em;
height: 4em;
}
#mobileMenuIcon {
/*height:50px; */
height: 90%;
width: auto;
margin-left: 4%;
}
#navMobileSelect {
display: none;
}
#header {
position: relative;
width: 1080px;
margin-left: auto;
margin-right: auto;
text-align: center;
top: 0px;
}
#header img {
display: block;
top: 0px;
}
#pledge {
position: absolute;
display: inline;
right: 10px;
top: 10px;
}
#navContainer {
height: 119px;
background-image: url(images/topBackg-2.png);
background-position: center;
background-repeat: no-repeat;
width: 100%;
}
#navTop {
width: 1080px;
margin-left: auto;
margin-right: auto;
height: 66px;
}
#logo {
position: absolute;
margin-top: -15px;
margin-left: 10px;
z-index: 999;
}
#email {
margin-left: 835px;
z-index: 888;
}
#emailTop {
color: #ffcc00;
font-size: 18px;
}
#email form {
float: left;
}
#email input {
position: relative;
float: left;
display: block;
background-color: transparent;
width: 150px;
height: 22px;
background-image: url(images/emailInput.png);
padding-left: 4px;
border: none;
}
#emailSubmit {
display: block;
float: left;
position: relative;
margin-left: 5px;
top: -4px;
cursor: pointer;
}
#emailBottom {
position: relative;
font-size: 12px;
top: -5px;
float: left;
}
#emailMobile {
display: none;
}
#emailMobile img {
margin-top: -10px;
width: 40px;
height: 40px;
vertical-align: middle;
}
#navBottom {
width: 1080px;
margin-left: auto;
margin-right: auto;
height: 54px;
font-size: 30px;
padding-top: 5px;
padding-left: 8px;
z-index: 1000;
}
nav {
display: inline;
color: #035375;
cursor: pointer;
font-weight: 600;
z-index: 999;
}
nav.odd {
color: #0888a3;
}
nav.over,
nav.selected {
color: #FFFFFF;
}
#testdiv2 {
position: relative;
top: 50px;
}
.loader img {
position: absolute;
}
.container1280 {
width: 1080px;
margin-left: auto;
margin-right: auto;
}
#subHeader {
background-image: url(images/contentBackg.jpg);
}
.twocol,
#tour,
#news {
float: left;
position: relative;
width: 1080px;
background-image: url(images/contentBackg.png);
}
#videoSliderContainer {
width: 500px;
margin-right: 40px;
margin-top: 15px;
float: right;
}
#videoSlider img {
width: 120px;
height: auto;
}
#news {
padding: 10px 10px 10px 10px;
width: 1080px;
}
.tidalLink {
float:left;
margin-top:10px;
}
.tidalLink img {
width:75px;
}
.floater {
float: left;
width: 100%;
}
.col {
position: relative;
width: 50%;
float: left;
}
.block {
width: auto;
padding: 0px 12px 12px 12px;
font-size: 14px;
float: left;
}
.block .date-display-single {
font-weight: 600;
}
h2,
.newsDate {
display: inline;
font-size: 36px;
font-weight: normal;
color: #ffb700;
}
.newsNav {
padding: 10px 10px 10px 10px;
cursor: pointer;
margin-bottom: 20px;
font-size: 14px;
}
.newsNav .newsDate {
font-size: 18px;
}
.news .left,
.albums .left {
width: 35%;
}
.news .right,
.albums .right {
width: 64%;
}
h2 {
width: 100%;
}
h2 img {
display: block;
padding-bottom: 8px;
}
h2 a:hover {
color: #FFFFFF;
}
h2 a {
color: #87c4d9;
font-weight: 600;
font-size: 18px;
text-decoration: none;
}
.more {
color: #87c4d9;
}
#loading_div {
position: absolute;
margin-left: 500px;
margin-top: 200px;
}
#footer {
position: relative;
height: 94px;
background-color: #88c5da;
float: left;
width: 100%;
}
#sponsors {
float: left;
margin-top: 25px;
margin-left: 10px;
}
.sponsor {
float: left;
}
#social {
position: absolute;
margin-left: 635px;
padding-top: 2px;
}
#social a {
padding-left: 5px;
}
#playerArea {
width: 100%;
height: 30px;
}
.mejs-container .mejs-controls {
background-image: none;
background-color: transparent;
}
.mejs-container .mejs-controls .mejs-time span {
color: #ffb700;
}
.mejs-container {
background-color: transparent;
}
#playerContainer {
width: 400px;
padding-left: 10px;
}
/*
#playListContainer {
position:absolute;
background-color:#000000;
padding:10px 10px 10px 10px;
z-index:999;
left:450px;
visibility:hidden;
}
*/
#playListContainer {
position: absolute;
z-index: 999;
margin-left: 510px;
background-color: #000000;
visibility: hidden;
padding: 10px 10px 10px 10px;
}
.np {
color: #ffb700;
}
.plItem {
padding: 5px 5px 5px 5px;
border-bottom: solid 1px #CCCCCC;
cursor: pointer;
}
#playingDiv {
position: absolute;
margin-left: 410px;
margin-top: -28px;
cursor: pointer;
}
.bioFull {
color: #FFFFFF;
background-image: url(images/contentBackg.jpg);
padding: 10px 10px 10px 10px;
}
.galleryImage {
float: left;
margin-right: 4px;
}
#tour table {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 15px;
border: none;
}
#tour tr {
background-image: url(images/darken1.png);
}
#tour tr.odd {
background-image: none;
}
td.date {
color: #ffb700;
}
tr.hasMore {
cursor: pointer;
}
.albums {
padding-top: 15px;
}
.albumItem {
text-align: center;
padding-bottom: 15px;
}
.albumItem .albumBtns img {
width: 103px;
height: auto;
}
.albumTitle {
width: 100%;
color: #ffb700;
font-size: 18px;
text-align: center;
}
#albumDetail {
float: left;
width: 100%;
}
#albumDetail img {
float: left;
padding-bottom: 15px;
}
#albumDetail h2 {
line-height: 25px;
}
#tracks {
padding-left: 40px;
float: left;
}
#tracks .albumBtns img {
padding-top: 10px;
padding-right: 10px;
}
.albumDate {
position: relative;
margin-top: -4px;
color: #ffb700;
}
#lyrics {
width: 100%;
font-size: 14px;
}
#lyrics .title {
color: #ffb700;
font-weight: 600;
font-size: 18px;
}
a:link,
a:visited {
color: #87c4d9;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
}
.downloadItem {
position: relative;
float: left;
width: 100%;
padding-bottom: 10px;
}
.downloadItem img {
float: left;
padding-right: 10px;
}
.downloadItem.body {
float: left;
}
.albumSelect {
width: 172px;
padding-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
cursor: pointer;
}
.albumSelect img {
width: 152px;
height: auto;
}
#lyrics p {
opacity: .5;
}
.producerImage {
float: left;
padding-right: 2px;
padding-left: 4px;
text-align: center;
padding-bottom: 5px;
}
a img {
border: none;
}
img {
border: none;
}
.producer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
color: #FFFFFF;
}
#freeDownload {
text-align: center;
float: left;
margin-top: 26px;
margin-right: 25px;
margin-left: 25px;
}
.free {
font-size: 26px;
color: #000000;
}
.liveAlbum {
position: relative;
color: #000000;
font-size: 15px;
margin-top: -10px;
}
/*
#slider-code { margin-left:60px; height: 125px; overflow:hidden; float:left; }
*/
.tourTable {
width: 75%;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
.tourTable tr {
border-bottom: 1px solid rgba(43, 43, 43, 0.9);
}
.tourTable td {
padding: 5px 5px 5px 5px;
}
td.calenderCol {
width: 150px;
}
.tourDateCalendar {
width: 90px;
background-color: #f2f2f2;
padding: 5px 5px 5px 5px;
text-align: center;
font-size: 20px;
}
.tourCityState {
font-size: 24px;
}
.tourMonth {
background-color: #000000;
color: #ffffff;
padding: 0px 10px 0px 10px;
}
.tourDay {
color: #000000;
}
.tourVenue {
width: 100%;
color: #ffb700;
font-size: 18px;
}
.tourVenue a {
width: 100%;
color: #ffb700;
font-size: 20px;
text-decoration: underline;
}
.tourDetail {
float: left;
width: 30%;
min-height: 1px;
}
#contactForm {
width: 100%;
padding: 15px 15px 15px 15px;
}
#contactFormError {
color:#FF0000;
}
#contactForm label {
display: block;
}
#contactForm button {
margin-top:10px;
padding: 10px 10px 10px 10px;
background-color: #ffb700;
color: #ffffff;
border-radius: 15px;
border: none;
font-weight: bold;
}
#contactForm input {
margin-bottom: 5px;
}
#contactForm input .error {
border-color: #ff0000;
}
.availableAlbum {
float:left;
margin-bottom: 10px;
}