/* page.css - this is the main CSS file for the jm_coblat Musicclick
 * Theme - almost all style elements are controlled from within
 * this file.
 * version 1.0 by Brian Johnson (bigguy@talldude.com) */

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

a {
  text-decoration: none; 
}

.thBody {
  color: #FFFFFF;
  background-color: #000000; 
  text-align: center;
}

.thFontBig {
  font-size: 36px;
  font-variant: bold;
  color: #FFFFFF;
}

.thTable {
  border: 0px;
  width: 800px;
}

.thHeader {
  text-align: left;
  vertical-align: top;
  background-color: #003300;
  font-family: Verdana, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-variant: small-caps;
  color: #FFFFFF;
}

.thBandInfo {
  width: 50%;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  background-color: #111111;
  padding: 5px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-variant: italic;
  color: #CCCCCC;
}

.thCatHead {
  text-align: center;
  vertical-align: middle;
  background-color: #003300;
  padding: 2px;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  color: #FFFFFF;
}

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

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

.thMsgH {
  height: 25px;
  background-color: #006600;
  width: 100%
  text-align: left;
  padding: 3px;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
}

.thMsgL {
  width: 50%;
  height: 16px;
  text-align: left;
  padding-left: 3px;
  background-color: #003300;
  font-family: Verdana, sans-serif;
  font-size: 10px;
} 

.thMsgR {
  width: 50%;
  height: 16px;
  text-align: right;
  padding-right: 3px;
  background-color: #003300;
  font-family: Verdana, sans-serif;
  font-size: 10px;
 } 

.thMsgB {
  width: 100%;
  background-color: #000000;
  padding: 5px;
  text-align: justify;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

/* STORE */
.thStore {
  text-align: left;
  vertical-align: top;
  background-color: #212121;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

.thStoreTable {
  border: 0px;
}

.thStoreH {
  height: 25px;
  background-color: #006600;
  padding: 3px;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
}

.thStoreL {
  height: 16px;
  text-align: left;
  padding-left: 3px;
  background-color: #003300;
  font-family: Verdana, sans-serif;
  font-size: 10px;
} 

.thStoreR {
  height: 16px;
  text-align: right;
  padding-right: 3px;
  background-color: #003300;
  font-family: Verdana, sans-serif;
  font-size: 10px;
} 

.thStoreB {
  background-color: #111111;
  padding: 5px;
  text-align: justify;
  font-family: Verdana, 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: #212121;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

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

.thMusicH {
  height: 25px;
  background-color: #006600;
  width: 100%
  text-align: left;
  padding: 3px;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
}

/* Music Image */
.thMusicI {
  background-color: #111111;
  padding: 3px;
  vertical-align: middle;
} 

/* Music PLAY area */
.thMusicP {
  background-color: #111111;
  padding: 3px;
  padding-left: 10px;
  vertical-align: middle;
  font-family: Verdana;
  font-size: 11px;
  color: #FFFFFF;
}

/* Music Footer Left */
.thMusicL {
  height: 15px;
  width: 125px;
  padding-right: 3px;
  text-align: right;
  background-color: #212121;
  font-family: Verdana, sans-serif;
  font-variant: italic;
  font-size: 10px;
  color: #CCCCCC;
}

/* Music Footer Right */
.thMusicR {
  height: 15px;
  width: 675px;
  padding-left: 3px;
  text-align: left;
  background-color: #101010;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}
  
/* Theme FOOTER section */
.thFooter {
  width: 800px;
  text-align: center;
  vertical-align: middle;
  background-color: #111111;
  padding: 5px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #C0C0C0;
}

.thFooterL {
  width: 05%;
  background-color: #111111;
  padding: 10px;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #CCCCCC;
}

.thFooterR {
  width: 95%;
  background-color: #111111;
  padding: 10px;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #CCCCCC;
}
