/*
 * Style Sheet for The Calling website
 * http://www.thecalling.darkwave.org.uk/
 *
 * J Sullivan
 */
 

/*
 * Basic properties
 */

BODY {
  background-color: #000000;
  color: #ffffff;
/*  font: 13px/15px serif; */
  font-size: 16px;
  font-family: serif;
}

P {
  margin-top: 0;
  margin-bottom: 1em;
}

:link, A:active {
  color: #99ccff;
}

:visited {
  color: #9966ff;
}

TABLE {
  border: 0px;
}

TABLE * {
  vertical-align: top;
}

IMG {
  border: 0;
}

/*
 * Headings
 */

H1 {
  font-size: 32px;
  font-weight: bold;
  color: #ff1144;
  text-align: center;
}

H2 {
  font-size: 16px;
  font-weight: bold;
  color: #ff1144;
  text-align: center;
}

.mainheading {
  text-transform: uppercase;
}

.banner {
  text-align: center;
  border: 0px;
  margin-top: 0;
  margin-bottom: 1em;
}


/*
 * Basic page properties
 */

.wholepagecent {
  text-align: center;
}

.wholepage {
}

/*
 * Page types
 */

TABLE.menu {
  width: 100%;
  margin: 0px;
  border: 0px;
  border-spacing: 10px;
}

TD.menuleft {
  width: 45%;
  padding: 5px;
  vertical-align: top;
  text-align: right;
}

.menuleft {
  font-size: 24px;
  font-weight: bold;
  padding: 0px;
}

TD.menuright {
  width: 55%;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

.menuright, .menuright * {
  padding: 0px;
  font-size: 24px;
}

TABLE.headed {
  width: 100%;
  margin: 0px;
  border: 0px;
  border-spacing: 10px;
}

TD.headedleft {
  width: 150px;
  padding: 5px;
  vertical-align: top;
  text-align: right;
}

.headedleft {
  font-size: 24px;
  font-weight: bold;
  color: #ff1144;
  padding: 0px;
}

TD.headedright {
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

.headedright P {
  padding: 0px;
}

/*
 * Specific page styles
 */
 
/* Index */

.index {
  font-family: Garamond;
  font-size: 18px;
  font-weight: bold;
}

.index :link {
  color: #aa44ff;
}

.index A:active {
  color: #9966ff;
}

.index :visited {
  color: #aa44ff;
}

.index MARQUEE {
  font-family: Courier;
  font-size: 13px;
  font-weight: bold;
  color: #aa44ff;
}

.index H1 {
  font-size: 18px;
  color: #ff1144;
  text-decoration: underline;
}

.index .homelink {
  font-family: Garamond;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
}

.index .comment {
  font-family: Garamond;
  font-size: 13px;
  font-weight: normal;
  color: #99ccff;
}

 
/* Back From The Future */

BODY.bftf {
  background-color: #00077c;
  color: #000000;
}

.bftf :link {
  color: #aa44ff;
}

.bftf A:active {
  color: #9966ff;
}

.bftf :visited {
  color: #aa44ff;
}

.bftf P {
  font-size: 18px;
  font-weight: bold;
}

.bftf .pp {
  color: #d6d8ff;
}

/* Flyers */

.flyers P {
  font-family: Garamond;
  font-size: 18px;
}

/* Links */

.links H1 {
  font-size: 24px;
  font-weight: normal;
  margin-top: 48px;
}

.links .comment {
  text-align: center;
  margin-top: 16px;
  color: #aa44ff;
}

.links .linkage {
  text-align: center;
}

/* Poll */

.poll .genre {
  color: #ff1144;
}

.poll .highlight {
  color: #aa44ff;
}

.pollr TABLE {
  width: 100%;
  margin: 0px;
  border: 0px;
  border-spacing: 10px;
}

.pollr TD {
  padding: 2px;
}

.pollr .pollrleft {
  width: 45%;
  text-align: right;
  font-size: 18px;
  color: #aa44ff;
}

.pollr .pollrright {
  width: 55%;
  text-align: left;
  color: #99ccff;
}

.pollr .comment {
  font-size: 10px;
  color: #ff1144;
}

.poll .indent {
  margin-left: 3em;
}

/* Directions */

.where H1, .where H2 {
  margin: 0;
}

.where .comment {
  font-weight: bold;
}

.where .comment A {
  font-size: 18px;
}

.where .comment .highlight {
  color: #99ccff;
}

.where .highlight {
  color: #aa44ff;
}

.where .subsec {
  color: #ff1144;
}

/* Events */

.events H1 {
  font-size: 48px;
  font-weight: normal;
}

.events H2 {
  font-size: 24px;
  font-weight: normal;
}

.events .leader {
  text-align: center;
}

.events .comment {
  font-size: 16px;
  text-align: center;
  color: #aa44ff;
}

/* Live */

.live {
  font-size: 18px;
}

.live H1 {
  font-size: 18px;
  font-weight: normal;
}

.live .desc {
  font-size: 16px;
  color: #ffc0cb;
}

.live .highlight {
  font-size: 18px;
  color: #ff1144;
}

.live .direct {
  font-size: 18px;
  color: #ffc0cb;
}

/* Puzzlebox */

BODY.puz {
  background-color: #9999ff;
  color: #000000;
}

.puz :link, .puz A:active {
  color: #9933ff;
}

.puz :visited {
  color: #ff00cc;
}

.puz H1 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

.puz H2 {
  font-weight: bold;
  text-align: left;
  color: #000000;
}

.puz .djone {
  color: #0000ff;
}

.puz .djtwo {

}

/* Reviews */

BODY.review {
  color: #f0fff0;
  vertical-align: top;
}

.review H1 {
  font-size: 24px;
  text-decoration: underline;
}

.review H2 {
  font-size: 18px;
  text-decoration: underline;
}

.review .highlight {
  color: #ff6699;
}

.review A:link IMG, .review A:active IMG {
  border: 2px solid #99ccff;
  margin: 4px;
}

.review A:visited IMG {
  border: 2px solid #9966ff;
  margin: 4px;
}

.review P > IMG {
  margin: 4px;
}

.review A IMG, .review IMG {
  float: left;
}

.review TABLE {
  width: 100%;
  margin: 0px;
  border: 0px;
  border-spacing: 10px;
  font-size: 18px;
}

.review TD.revleft {
  width: 25%;
  text-align: right;
}

.review TD.revright {
  width: 25%;
  text-align: left;
}

.review .comment {
  font-size: 16px;
  color: #ff6699;
  text-align: center;
}

.review .clear {
  clear: both;
}

/* Setlists */

.setlistindex H2 {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}

.setlistindex P {
  font-size: 18px;
  font-weight: bold;
}

.setlist H1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  color: #aa44ff;
}

.setlist H2 {
  text-align: left;
}

.setlist .request {
  color: #aa44ff;
}

.setlist LI .band, .setlist LI .song {
  color: #9f9f9f;
}

.setlist LI A {
  color: #ffffff;
  text-decoration: none;
}

.setlist LI A.localreview {
  color: #99ccff;
  text-decoration: underline;
}

.setlist .comment {
  font-size: 16px;
  color: #99ccff;
}

/*
 * Text styles
 */
 
.highlight {
  color: #99ccff;
}

.comment {
  font-size: 13px;
}

.credit {
  font-size: 10px;
  color: #9966ff;
}

P.homelink {
  text-align: left;
  font-family: serif;
  font-size: 16px;
}