/* Rock of Ages CSS FILE
*  version 1.0 by danny@neworleansbands.net
*/

a:link, a:active, a:visited {
  color: #DAE4F5;
}

a {
  text-decoration: none; 
}

.thBody {
  color: #DAE4F5;
  background-color: #65748B; 
  text-align: left;
}

.thFontBig {
  font-size: 22px;
  font-variant: bold;
  font-variant: small-caps;
  color: #DAE4F5;
}

.thTable {
  border: 1px;
  width: 650px;
  background-color: #454F5E;
  border-color: #65748B;
}

.thHeader {
  width: 100%
  text-align: left;
  padding-right: 2px;
  padding-left: 2px;
  vertical-align: top;
  background-color: #454F5E;
  font-family: sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-variant: small-caps;
  color: #DAE4F5;
}

.thBandInfo {
  height: 40px;
  text-align: left;
  vertical-align: top;
  background-color: #454F5E;
  padding: 2px;
  font-family: sans-serif;
  font-size: 12px;
  font-variant: italic;
  color: #DAE4F5;
}

.thCatHead {
  text-align: center;
  vertical-align: middle;
  background-color: #454F5E;
  padding: 2px;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #DAE4F5;
}

/* MESSAGE classes - these CSS classes control the MESSAGES section */
.thMessage {
  width: 100%;
  text-align: left;
  vertical-align: top;
  background-color: #454F5E;
  font-family: sans-serif;
  font-size: 12px;
  color: #DAE4F5;
}

.thMsgTable {
  border: 0px;
  width: 100%;
}

.thMsgH {
  background-color: #65748B;
  width: 100%
  text-align: left;
  padding: 2px;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #DAE4F5;
}

.thMsgL {
  width: 50%;
  height: 16px;
  text-align: left;
  padding-left: 2px;
  background-color: #7D8FAA;
  font-family: sans-serif;
  font-size: 10px;
} 

.thMsgR {
  width: 50%;
  height: 16px;
  text-align: right;
  padding-right: 2px;
  background-color: #7D8FAA;
  font-family: sans-serif;
  font-size: 10px;
 } 

.thMsgB {
  width: 100%;
  background-color: #454F5E;
  padding: 2px;
  text-align: justify;
  font-family: sans-serif;
  font-size: 11px;
}

/* STORE */
.thStore {
  text-align: left;
  vertical-align: middle;
  background-color: #454F5E;
  font-family: sans-serif;
  font-size: 12px;
  color: #DAE4F5;
}

.thStoreTable {
  border: 0px;
}

.thStoreH {
  background-color: #65748B;
  padding: 2px;
  font-family: sans-serif;
  font-size: 12px;
  color: #DAE4F5;
}

.thStoreL {
  height: 16px;
  text-align: left;
  padding-left: 2px;
  background-color: #7D8FAA;
  font-family: sans-serif;
  font-size: 10px;
} 

.thStoreR {
  height: 16px;
  text-align: right;
  padding-right: 2px;
  background-color: #7D8FAA;
  font-family: sans-serif;
  font-size: 10px;
} 

.thStoreB {
  background-color: #454F5E;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  font-family: sans-serif;
  font-size: 11px;
}

/* MUSIC classes - these CSS classes control the MUSIC section */
.thMusic {
  width: 50%;
  text-align: left;
  vertical-align: top;
  background-color: #454F5E;
  font-family: sans-serif;
  font-size: 12px;
  color: #DAE4F5;
}

.thMusicTable {
  border: 0px;
  width: 400px;
}

.thMusicH {
  background-color: #65748B;
  width: 100%
  text-align: left;
  padding: 2px;
  font-family: sans-serif;
  font-size: 12px;
  color: #DAE4F5;
}

.thMusicHR {
  background-color: #65748B;
  width: 100%
  text-align: right;
  padding: 2px;
  font-family: sans-serif;
  font-size: 12px;
  color: #DAE4F5;
}

/* Music Image */
.thMusicI {
  background-color: #454F5E;
  padding: 2px;
  vertical-align: top;
} 

/* Music PLAY area */
.thMusicP {
  background-color: #454F5E;
  padding: 2px;
  padding-left: 2px;
  vertical-align: top;
  font-family: sans-serif;
  font-size: 11px;
  color: #DAE4F5;
}

/* Music Footer Left */
.thMusicL {
  height: 15px;
  padding-right: 2px;
  text-align: right;
  background-color: #454F5E;
  font-family: sans-serif;
  font-size: 10px;
  color: #DAE4F5;
}

/* Music Footer Right */
.thMusicR {
  height: 15px;
  padding-left: 2px;
  text-align: left;
  background-color: #454F5E;
  font-family: sans-serif;
  font-size: 10px;
  color: #DAE4F5;
}
  
/* Theme FOOTER section */
.thFooter {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: #454F5E;
  font-family: sans-serif;
  font-size: 12px;
  color: #DAE4F5;
}

.thFooterL {
  width: 50%;
  background-color: #454F5E;
  padding: 2px;
  font-family: sans-serif;
  font-size: 10px;
  color: #DAE4F5;
}

.thFooterR {
  width: 50%;
  background-color: #454F5E;
  padding: 2px;
  font-family: sans-serif;
  font-size: 10px;
  color: #DAE4F5;
}

.thFooterM {
  width: 100%;
  background-color: #454F5E;
  padding: 2px;
  font-family: sans-serif;
  font-size: 10px;
  color: #DAE4F5;
}

.thFooterRa {
  background-color: #454F5E;
  padding: 2px;
  font-family: sans-serif;
  font-size: 10px;
  color: #DAE4F5;
}