/* tab styles */

.anchors {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.anchors li {
    float: left;
    margin-left: 12px;
}

.anchors a {
    display: block;
    position: relative;
    top: 1px;
    border-bottom: 0;
    z-index: 2;
    padding: 2px 9px 1px;
}

.anchors .on a {
    padding-bottom: 2px;
}

.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}

.anchors .on a:link, .anchors .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor: text;
}

.anchors a:hover, .anchors a:focus, .anchors a:active {
  cursor: pointer;
}

.fragment { padding: 10px 0 }
.fragment * { padding-left: 10px; padding-right: 10px }
.fragment * * { padding-left: 0; padding-right: 0 }

/* change here */

* { margin: 0; padding: 0; }

body {
  background: #403240;
  width: 800px;
  font: 13px/1.22 arial,helvetica,clean,sans-serif;
  *font-size: small; *font: x-small;
}

h1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background: #333; color: white;
  line-height: 80%;
}

h1 img { border: 0 }

h2, h3 { font-family: Georgia, serif; }

h2 { font-weight: normal; margin-top: 15px; margin-bottom: 15px }

h3 {
  background-color: #aaa;
  color: #300;
  padding: 3px;
  margin-top: 1.4em;
  margin-bottom: 0.6em;
}

p { margin: 0.8em 0 }

#about p { margin-top: 1.3em }

ul {
  margin-top: 1.5em;
  margin-left: 2em 
}

.anchors a {
  font-family: serif;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  background: #322;
  letter-spacing: 0.2em;
  word-spacing: 0.4em
}

.anchors .on a, .anchors a:hover, .anchors a:focus, .anchors a:active,
.fragment {
  background: #DDD;
  color: #000;
}

.fragment p { text-align: justify }
.fragment p a { color: #0590FB; text-decoration: none }
.fragment p a:hover { color: #26c5ed }

#about, #program, #artists, #schedule, #contact {
  margin: 0;
}

/* specifics */

div.sponsors {
  margin: 1em 10px 0;
  border-top: 1px solid #333;
}

.sponsors h2 {
  font: bold 100% Georgia;
  text-transform: uppercase;
}

.sponsors img {
  margin: 0 20px 20px;
  padding: 5px;
  float: left;
  border: 2px solid #669;
}

#artists div.short {
  border: 1px solid #1bd;
  border-right: 1px solid #633;
  background: #EEF;
  width: 240px;
  float: left;
  padding: 5px;
  margin: 3px;
}

#artists a.thickbox {
  color: #147;
  text-decoration: none
}