/* === Basic Elements === */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #000;  
  margin: 2px 2px;
  font-size: 90%;
}
/* Be kind to Netscape 4 */
p, td, ul, ol, li, dl, dt, dd {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}
img {
  border: 0;
}
p {
  margin-left: 5px;
  margin-right: 5px;
}
p.first:first-letter { 
  font-size: 300%; 
  float: left;
  color: #699;
}
.smalltext {
  font-size: 85%;
}
/* === Footer === */
#footer {
  clear: both;
  font-size: 11px;
  text-align: center;
  margin-top: 25px;
  float: left;
  width: 620px;
  margin: 25px 0 1em 0;
  border: 0;
  padding: 0;
}
#footer p {
  margin: 30px 0 0 0 0;
}
/* === Title Bar === */
#titlebar {
  height: 70px;
  color: #fc6;
  background-color: #699;
  background-image: none;
  border: 0;
  border-bottom: 1px dotted #fc6;
  margin: 0;
  padding: 0;
  text-align: left;
}
#titlebar h1 {
  font-size: 200%;
  display: inline;
  vertical-align: top;
}
/* === Headers === */
h1, h2, h3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 200%;
  margin: 0;
  padding: 0;
}
h3 {
  margin-top: 0;
}
/* === NavBar === */
#navcontainer {
  margin: 0 0 15px 30px;
  padding: 0;
  height: 20px;
  clear: left;
}
#navcontainer ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
#navcontainer ul li {
  display: block;
  float: left;
  text-align: center;
  padding: 0;
  margin: 0;
}
#navcontainer ul li a {
  background-color: #cfc;
  width: 78px;
  height: 18px;
  border-top: 1px solid #fc6;
  border-left: 1px solid #fc6;
  border-bottom: 1px solid #fc6;
  border-right: none;
  padding: 0;
  margin: 0 0 10px 0;
  color: #c66;
  text-decoration: none;
  display: block;
  text-align: center;
  font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
/* add right border to last item */
#links a:link, #links a:visited {
  border-right: 1px solid #fc6;
}
#navcontainer ul li a:hover {
  color: #000;
  background: #fc6;
  border-color: #fc6;
}
#navcontainer a:active {
  background: #fc6;
  color: #cfc;
}
#navcontainer li#active a {
  background: #fc6;
  border: 1px solid #fc6;
  color: #cfc;
}
body.news #navcontainer li#news a, 
body.gigs #navcontainer li#gigs a,
body.buy #navcontainer li#buy a,
body.photos #navcontainer li#photos a,
body.music #navcontainer li#music a,
body.bio #navcontainer li#bio a,
body.booking #navcontainer li#booking a,
body.press #navcontainer li#press a,
body.links #navcontainer li#links a {
  background: #fc6;
  border: 1px solid #fc6;
  color: #000;
}
/* === Homepage Box === */
.hpbox {
  width: 275px;
  margin: 0 5px;
  padding: 3px 3px;
  background-color: #ffc;
  background-image: none;
  border-spacing: 0;
  border-collapse: collapse;
  border-width: thin;
  border-style: solid;
  border-color: #fc6 #666 #666 #fc6;
  empty-cells: show;
  text-align: left;
}
.hpbox h2 {
  color: #000;
  background-color: #fc6;
  background-image: none;
  font-size: 115%;
  font-weight: bold;
  font-style: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  text-align: center;
  padding: 2px 2px;
  margin: 0;
}
.hpbox ul {
  border: 0;
  margin: 0 0 1em 0;
  padding: 0 6px;
  list-style-type: none;
}
.hpbox li {
  font-size: 90%;
  margin-top: 1em;
}
/* === Credits === */
#credits {
  text-align: center;
}
#credits dt {
  font-size: 115%;
}
#credits dd {
  margin: 0;
}
#credits dd.last {
  margin: 0 0 1em 0;
}
/* === Gig list === */
#giglist {
 margin-bottom: 30px;
}
#giglist table {
  width: 600px;
  margin: 5px 5px;
}
#giglist td {
  vertical-align: top;
  margin-bottom: 1em;
  padding: 5px;
  font-size: 90%;
}
#giglist th {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 125%;
  color: #039;
  vertical-align: middle;
  background: url("/images/bar2.jpg") top center no-repeat;
  height: 38px;
  text-align: center;
}
/* === Main Content === */
#maincontent {
  float: left;
  clear: both;
  text-align: left;
  width: 620px;
  margin: 0 0;
  border: 0;
  padding: 0;
}
#maincontent h2 {
  font-size: 125%;
  color: #039;
  background: url("/images/bar2.jpg") top center no-repeat;
  height: 38px;
  text-align: center;
  padding: 5px 0;
}
/* === Wrapper === */
#wrapper{
  clear: both;
  margin: 10px auto;
  padding: 0;
  border: 0;
  width: 620px;
}