/* elements.css */
/* define the fonts, colors, etc. */

* {
  font-family: "Arial", "Univers", "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif;
  line-height: 20px;
  font-size: 14px;
  color: rgb(114,151,155);
}

#logo {
  float:left;
  position:relative;
  top:31px;
  left:26px;
}

/* content */
#content {
  font-weight: normal;
  line-height: 20px;
}


#content h1 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bolder;
  line-height: 26px;
  margin-top: 0px;      
  padding: 0px;
}

/* nav */
#nav ul li a, #nav ul li ul li a {
  font-weight:normal;
  font-size: 14px;
  text-decoration: none;
}

#nav ul li a.selected {
  font-weight: bold;
  background: rgb(220,238,240);
}


table.listing {
  border: 0px;
  width: 100%;
  border-collapse:collapse;
}

table.listing tbody tr {
  border:0px;
  border-top: 1px solid rgb(212,224,225);
  border-bottom: 1px solid rgb( 212, 224, 225);
}


table.listing tr td {
  border:0px;
  vertical-align: top;
  padding: 2px;
  padding-right: 5px;
  padding-left: 5px;
}

table.listing tr th {
  text-align:left;
  vertical-align: bottom;
  font-size: 80%;
  background: rgb(238,244,245);
  padding: 2px;
  padding-right: 5px;
  padding-left: 5px;
}


/* image */
img.sound_image {
  border: 0px;
  vertical-align:middle;
  cursor: pointer;
}

#content ul {
  padding-left: 15px;
  list-style-type:square;
}

/* --------------------------------------------------------- */
/* specials for the bios/index.html page                     */
/* --------------------------------------------------------- */
  #image_area {
     z-index: 0;
     position: relative;
  }
  #trio {
     position: relative;
     top:  0px;
     left: 0px;
     z-index: 10;
     border: 0px;
  }
  #patrick, #bettina, #michael {
     position: absolute;
     z-index: 15;
     display: none;
  }
  #patrick {
  /*    top: 0px; */
  /*   left: 0px; */
  top:13px;
  left:0px;
  }
  #bettina {
    top: 0px;
    /*    left: 174px; */
    left: 164px;
  }
  #michael {
  /*    top: 21px; */
  /*  left: 354px; */
    top: 32px;
    left: 320px;
  }

  #caption {
    position: relative;
    top: 0px;
    left: 0px;
    padding-left: 0px;
    padding-top: 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #bbb;
  }
#image_area  img { 
    border: 0;
    padding: 0;
  }


/* ------------------------------- */
/* sound.html                      */
/* ------------------------------- */

.left {
  float:left;
  padding: 0px;
  padding-right: 20px;
  margin-top: 5px;
  height: 500px;
}