﻿/* Styles for the Bio page
   Slide show - uses CrossSlide
*/
.bio-stack { float: right; width: 304px; 
  margin: 5px 0 5px 10px;
}
#slideshow-bio { width: 300px; height: 200px;
  margin: 0; padding: 0;
  border: 2px solid #002c55;
}
#slideshow-bio img { float:left; margin: 0; padding: 0; border: 0; }
#slideshow-bio img.slideshow-loading { margin: 75px 0 0 125px;  }

/* div for quad array of bio links */
.bio-links { float: left; width: 300px; /* min-height: 400px; */ 
  margin: 0 15px 5px 0;
  padding: 0;
  background: transparent url('../img/loading-48-on60.gif') no-repeat fixed 130px 200px;
  
}
.bio-links table { border: 2px solid #002c55; border-collapse: collapse; }
.bio-links table img { display: block; margin: 0; padding: 0; border: 0; }
.bio-links td { border: 1px #002c55 solid; }
.bio-links p { margin: 0; border: 0;
  padding: 0; padding-top: 1px;
  font-size: 70%; font-style: italic; text-align: center;
 }

/* Ben Potok's page */
.drumset { width: 100%; position: relative; margin-top: 8px; }
.drumset img { border: 2px solid #002c55; padding:0; margin: 0; }
.drumset table { position: absolute; top: 0px; left: 520px;
  background-color: #fff8ea;
  border: 2px solid #002c55;
}
.drumset td, .drumset th { padding: 2px 4px; }
.drumset td { font-size: 90%; }
.drumset th { font-weight: bold; text-align: center; }
.drumset td.drumset-nr { font-weight: bold; text-align: right; }