body
{
    margin:0;
    padding:0;
    background:#CCCC99;
    font-family:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
}

#header { float:left; top:0; width:100%; }
#header { position:fixed;  z-index:100;}
/* commented backslash hack for ie5mac \*/
/* end hack */
#content { width:800px; margin:5em auto 1em auto; text-align:left; }
#footer { position:relative; color:#880044; width:800px; margin:2em auto; text-align:center; }

body.simple #content { width:auto; }
body.simple #header { display:none; }
body.simple #footer { display:none; }

body.printable { background:white; text-align:center; }
body.printable #header { display:none; }
body.printable #footer { color:black; }

/* h1 { margin:20px 100px; padding-bottom:10px; border-bottom:3px solid #228;} */
h1 { font-size:2em; }
h5 { font-size:.8em; }
h1, h2, h3 { text-align:center; }
p { font-size:.8em; text-align:justify; }

.centered { text-align:center; }
.centered img { margin:1em; }

a:link, a:visited { color:#0000AA; }
a:hover, a:active { color:#880044; }

img { border-width:0;}
table { border-width:0; font-size:12px;}

div.float { float:left; width:100%; position:absolute; }
div.spacer { clear:both; }

.warning { color:#880044; }

/* .image-overlay { position:relative; margin:0 auto; clear:both;} */
/* .image-overlay span.signature { position:absolute; right:0; bottom:0; margin:1em 2em; color:white; font-family:cursive;} */

div.image-overlay { position:relative; margin:0 auto; clear:both;}
div.image-overlay span.signature { position:absolute; right:0; bottom:0; margin:1em 2em; color:white; font-family:cursive;}

/****************************************************************/

h3.email { text-align:left; line-height:2em; margin-bottom:0; }

ul.email { margin-top:0; }
ul.email li { white-space:nowrap; font-weight:bold; }
ul.email li img { position:relative; top:3px; }

/****************************************************************/

table.links3 { width:99%; }
table.links2 { width:66%; }
table.links3 td { width:33%; }
table.links2 td { width:50%; }

div.link-image { text-align:center; height:120px;}
div.link-title { text-align:center; height:40px;}

/****************************************************************/

p.photographer { font-size:smaller; text-align:right}

td.image-overlay img { float:right; clear:none;}
td.image-overlay span { float:right; clear:none;}

/****************************************************************/

table.upcoming-shows { text-align:center; width:95%; }
table.upcoming-shows td { margin:10px; padding:10px; text-align:center; /* white-space:nowrap; */ }

ul.news { list-style:none;  margin:0; padding:0; }
ul.news li {  }

p.news-headline { font-weight:bold; }
p.news-article { }

/****************************************************************/

ul.photos { list-style:none; margin:0; padding:0; }
ul.photos li { float:left; width:160px; height:110px; margin:0; padding:0; text-align:center; }

/****************************************************************/

ul.promo { list-style:none; margin:auto 100px;}
/* ul.promo li a { display:block; float:left; width:150px; font-size:12px; text-align:left; } */
ul.promo li { padding:5px; border-top:2px solid black; }

ul.promo span.name { font-weight:bold; }
ul.promo span.info { font-size:.8em;}
ul.promo p.description { font-size:.8em; padding:0 150px 0 1em;}

ul.promo div.item-links { width:100px; line-height:30px; float:right; text-align:center; font-size:.8em; }

table.promo td { padding:2px 5px; white-space:nowrap;}
table.promo td.description { white-space:normal;}

/****************************************************************/

table.guestbook { width:100%; border-collapse:collapse; }
table.guestbook tr { border-bottom:2px solid black; border-top:2px solid black; }
table.guestbook td { padding:20px; }
table.guestbook td.info { line-height:150%; text-align:center; white-space:nowrap; }

/****************************************************************/

table.radio { border-collapse:collapse; width:600px;}

table.radio th { background:#333344; color:white; border:2px solid #CCCC99; text-align:center; font-weight:bold; }
table.radio td { background:#000066; color:white; border:2px solid #CCCC99; padding:10px;}

table.radio a
{
  float:left;
  width:100%;
  color:white;
}

table.radio th a
{
  padding:10px 0;
  text-decoration:none;
}

/****************************************************************/

table.schedule { border-collapse:collapse; }
table.schedule tr { border-top:2px solid gray; border-bottom:2px solid gray; }
table.schedule td { padding:10px; }
table.schedule td.name { font-weight:bold;}
table.schedule td.comments { width:250px; font-size:.8em;}

/* ul.schedule { list-style:none; } */
/* ul.schedule li { display:block; clear:both; width:100%; border-bottom:2px solid gray; border-top:2px solid gray; } */
/* ul.schedule span          { float:left; text-align:left; } */
/* ul.schedule span.name     { width:55%; } */
/* ul.schedule span.date     { width:15%; } */
/* ul.schedule span.location { width:15%; } */
/* ul.schedule span.maplink  { width:15%; } */
/* ul.schedule span.phone    { width:15%; } */
/* ul.schedule span.comments    { display:none; } */

/****************************************************************/

table.merchandise { border-collapse:collapse; width:80% }
table.merchandise tr { border-bottom:2px solid gray; border-top:2px solid gray; }
table.merchandise td { padding:10px; }
table.merchandise td.image { width:25%; text-align:center; }
table.merchandise td.info { vertical-align:top; }
table.merchandise td.form { width:25%}
table.merchandise h4 { margin-top:1em; }

table.cart { width:600px; border-collapse:collapse; }
table.cart th { border:2px solid #CCCC99; line-height:300%; text-align:center; background:#333344; color:white; }
table.cart td { border:2px solid #CCCC99; line-height:200%; text-align:center; background:#000066; color:white; }

table.cartbuttons { width:600px; }
table.cartbuttons td { line-height:400%; text-align:center; }

/****************************************************************/

ul.tunes { margin:0 150px; padding:50px 20px;}
ul.tunes li { font-size:14px; margin:10px; white-space:nowrap; text-align:left; }
ul.tunes li a { font-weight:bold; }
span.songauthor { font-size:10px; }
embed.tunes { position:relative; width:400px; height:20px; left:50%; margin-left:-200px; }

/****************************************************************/

.viewer-content
{
  position:absolute;
  text-align:center;
  top:50%; height:auto; margin-top:-225px;
  left:50%; width:500px; margin-left:-250px;
}

.viewer-content embed { bottom:0; width:400px; height:20px; margin-top:200px; }
/* .viewer-audio-content embed { width:400px; height:20px; margin-top:100px;} */
/* .viewer-image-content embed { width:400px; height:20px; margin-top:100px;} */

.viewer-nav
{
  position:absolute;
  display:block;
  width:100%; height:60px;
  bottom:10px; left:0; right:0;
}

.viewer-nav table { width:100%; }
.viewer-nav td { height:60px; color:#666699; text-align:center; }
.viewer-nav td.nav-link { padding-left:40px; width:100px;  }


/****************************************************************/

table.linkbar
{
    border-collapse:collapse;
  //padding:20px;
  margin:0;
    font-size:1em;
  //line-height:25px;
    white-space:nowrap;
}

table.linkbar td.left   { background:url("../images/linkbar/left.gif") no-repeat right top; width:15px;}
table.linkbar td.middle { background:url("../images/linkbar/middle.gif") repeat-x top;}
table.linkbar td.right  { background:url("../images/linkbar/right.gif") no-repeat left top;  width:15px;}

table.linkbar a
{
  //display:block;
    float:left;
    padding:0 15px;
    margin:0;
    text-decoration:none;
}

.linkbar a:link,  .linkbar a:visited { color:black; }
.linkbar a:hover, .linkbar a:active  { color:gray; }


/****************************************************************/

.link-button
{
  float:left;
  font-size:1em;
  padding-left:0.5em;
  background:url("../images/buttons/button_l.gif") no-repeat left top;
}

.link-button a     
{
  display:block; float:left; 
  line-height:25px;
  padding:0 0.5em 0 0.25em;
  text-decoration:none; 
  background:url("../images/buttons/button_r.gif") no-repeat right top;
}

.link-button a:link,  .link-button a:visited { color:black; }
.link-button a:hover, .link-button a:active  { color:gray; }

