/* general style */

body {
  font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
  font-size: 15px;
  text-align: center;
  background: #bbbbbb;
  padding: 20px;
  margin: 0;
}

#wholepage {
  color: #000;
  padding: 20px 0 20px 0;
  border: 1px solid #000;
  background: #af551d url(img/main-grad-l.gif) repeat-y left top;
  max-width: 800px;
  width:expression(getWindowWidth() > 800? "800px": "100%" );
  margin: auto;
  text-align: left;
}

/* need this for ie */
h1, h2, h3, h4, h5, h6, p {
  position: relative;
}

h1 {
  font-family: sans-serif, helvetica, verdana;
  font-size: 19px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

h2 {
  font-family: sans-serif, helvetica, verdana;
  font-size: 17px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

h2.person {
  margin-top: 8px;
}

h3 {
  font-family: sans-serif, helvetica, verdana;
  font-size: 17px;
  font-weight: normal;
  padding: 0;
  margin: 12px 0 0px 0;
}

p {
  padding: 7px 0 0 0;
  margin: 0;
}

ul {
  margin: 7px 0 0 14px;
  padding: 0;
}

a {
  color: #23a;
}

a:visited {
  color: #34b;
}

/* structure */

#title {
  text-align: right;
  margin: 10px 20px 10px 20px;
  padding: 0;
}

#nav {
  font-family: sans-serif, helvetica, verdana;
  font-size: 11px;
  margin: 0 0 0 0;
  padding: 1px 20px 3px 20px;
  background: #ad924a;
  border: 1px solid #8d722a;
  /*background-image: url(img/menu-grad-r.png);*/
  background-repeat: repeat-y;
  background-position: right top;
  color: #000;
  overflow: hidden; /* may help safari */
}

#nav ul {
  list-style-type: none;
  padding: 2px 0 0 15px;
  margin: 0;
}

#nav li {
  display: inline;
  padding: 0;
  margin: 0;
}

#nav li a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 1px 5px 1px 5px;
}

#nav li a:hover {
  color: #04f;
  background: #ccccaa;
}

#content {
  background: #ffc url(img/corner-br.gif) no-repeat right bottom;
  color: #000;
  margin: 30px 40px 0px 40px;
  padding: 0 0 0 0;
}

#content2 {
  background: url(img/corner-bl.gif) no-repeat left bottom;
  position: relative;
  padding: 0 0 0 0;
}

/* following fixes escaping float bug in IE/Win */
/* Holly hack to hide from IE/Mac \*/
* html #content2 {height: 100%; margin-bottom: 0;}
/* End hide from IE/mac */

#content_header {
  clear: both;
  background: #eeb url(img/corner-tr.gif) no-repeat right top;
}

/* following fixes escaping float bug in IE/Win */
/* Holly hack to hide from IE/Mac \*/
* html #content_header {height: 1%; margin-bottom: 0;}
/* End hide from IE/mac */

#content_header h1 {
  font-size: 16px;
  font-weight: bold;
  background: url(img/corner-tl.gif) no-repeat left top;
  padding: 8px 30px 4px 30px;
}

#content_footer  {
  clear: both;
  background: #eeb url(img/corner-br.gif) no-repeat right bottom;
}

#content_footer p {
  background: url(img/corner-bl.gif) no-repeat left bottom;
  margin-top: 20px;
  padding: 0 0 4px 0;
  text-align: right;
}

#content_footer a {
  margin: 0 2px 0 2px;
  padding: 0 28px 0 28px;
  border-top: 1px solid #bbb;
  display: block;
}

#content_main {
  border-top: 1px solid #bbb;
  margin: 0 2px 0 2px;
  padding: 20px 30px 20px 30px;
}

#content_main img {
  margin: 5px;
}

#content_main img.embed {
  float: left;
  position: relative;
}

#content_main img.embed_bg {
  float: right;
  position: relative;
}

#content_main p.quote {
  text-align: center;
  font-style: italic;
  font-size: 16px;
  color: #872;
}

#content_main h2, h3 {
  color: #048;
}

h2#tagline {
  font-size: 12px;
  margin-bottom: 5pt;
  color: #048;
  font-style: italic;
}

.title {
  color: #048;
  font-size: 22px;
}

#content2 li {
  margin-left: 20px;
}

/* contact form */
#content form.contact {
  width: 100%;		/* for ie */
  text-align: center;
  margin-top: 8px;
}

select {
  background: #ffeecc;
}

.forminput {
  background: #ffeecc;
  width: 100%;
}

#minilist h3 {
  border: none;
  font-size: 10pt;
}

#formbutton {
  text-align: center;
  padding-top: 8px;
}

div.formrow {
  clear: both;
  padding-top: 8px;
}

div.formsubmit {
  clear: both;
  padding-top: 16px;
  text-align: center;
}

div.formrow span.label {
  float: left;
  text-align: right;
  width: 28%;
  padding-top: 2px;
  padding-right: 2%;
}

div.formrow span.formw {
  float: right;
  text-align: left;
  width: 68%;
}

#newsitem {
  margin: 20px 10px 0 10px;
}

#newsitem.first {
  margin-top: 10px;
}

#newsitem h1 {
  font-size: 12px;
  color: #24a;
  padding: 0;
}

#newsitem pre {
  margin: 5px 0 5px 0;
  font-family: sans-serif;
}

#newsitem img {
  float: right;
}

#bandlist {
  width: 100%;
  text-align: center;
  margin: auto;
  padding-left: 16px;
}

#band {
  width: 46%;
  /*margin: auto;*/
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 0 0 4px 0;
  float: left;
  border: 1px solid #000;
  background: #eeb;
}

#band h1 {
  margin: 0;
  padding: 0 0 0 10px;
  float: none;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px dashed #000;
  margin-bottom: 4px;
  background: #dda;
}

#band p {
  padding: 0 10px 0 10px;
}

#band a {
  text-decoration: none;
  color: #492813;
}

#band a h1 {
  color: #354f6f;
}

#giglist {
  margin: 20px 10px 0 10px;
  width: 100%;	/* for ie */
  border-top: 1px dashed #444;
  padding-top: 2px;
}

#giglist hr {
  color: #000;
  background-color: #000;
  height: 1px;
  width: 60%;
}

#gigitem {
  clear: both;
  border-bottom: 1px dashed #444;
  margin-bottom: 4px;
}

#gigitem em {
  font-style: normal;
  font-weight: bold;
}

#gigitem span.gigdate {
  width: 15%;
  float: left;
  padding: 0 0 5px 0;
}

#gigitem span.giginfo {
  float: right;
  text-align: left;
  width: 80%;
}

#newgig {
  clear: both;
  text-align: center;
  font-size: 18px;
  margin-top: 64px;
}

.title_div {
  text-align: center;
}

#spacer {
  clear: both;
}

#submenu {
  background: url(img/border-l.gif) repeat-y top left;
  text-align: right;
  padding: 2px 0 0 0;
  position: relative;
  margin: 0;
}

#submenu ul {
  /*border-top: 1px dashed #000;*/
  margin: 0 30px 0 30px;
  padding: 2px 0 2px 0;
}

#submenu li {
  margin: 0;
  padding: 0 0 0 10px;
  list-style-type: none;
  display: inline;
}

img#cd {
  border: 1px solid #fa0;
  margin: 8px;
  padding: 2px;
}

#articlebody {
  margin: 0 10% 0 10%;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  padding: 16px;
  padding-top: 0px;
  background: #eff;
  z-index: 1;
}

#articlefooter {
  margin: 0 10% 0 10%;
  text-align: right;
  padding: 0px 16px 0px 16px;
  border: 1px solid #888;
  background: #fe9;
}

#articlebody h1 {
  margin: 0 -16px 0 -16px;
  padding: 3px 16px 3px 16px;
  border-bottom: 1px solid #888;
  background: #fd7;
  font-size: 16px;
  font-weight: bold;
}

#articlebody em {
  font-weight: bold;
}

#articlefooter p {
  margin: 0;
  padding: 0;
}

#figure {
  margin: auto
  padding: 2px;
  text-align: center;
}

#figure img {
  padding: 4px;
  border: 1px dashed #bb9;
}

#caption {
  margin: 0
  padding: 0;
}

#articlelist {
  font-size: 18px;
  width: 60%;
  margin: auto;
}

.miniheader {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #048;
  text-align: center;
}

.endinfo {
  text-align: center;
}

.aboveheader {
  margin-bottom: 16px;
  text-align: center;
}

#pub {
  margin-top: 16px;
  float: none;
  clear: both;
}

#pub img {
  float: left;
  margin: 8px;
  padding: 2px;
  border: 1px dashed #aa9;
}

#pub form {
  text-align: right;
}

#pub.odd img {
  float: right;
}

/* photo styles */
#librarytitle {
  text-align: right;
  margin-right: 0;
}
  
#librarytitle h1 {
  font-weight: normal;
  padding: 4px;
  font-size: 24px;
  margin: 0 0 5px 0;
  display: block;
}

#librarytitle h2 {
  margin: 0 0 5px 0;
  font-weight: normal;
  font-size: 15px;
}

#librarytitle p {
  margin: 0 0 10px 0;
}

td#thumb {
  padding: 8px;
  text-align: center;
}

#thumblist {
}

#thumblist img {
  padding: 3px;
  border: 1px dashed #6644cc;
}

img#pic {
  border: 1px solid #888888;
}

#pictitle table {
  margin: auto;
  text-align: right;
  margin-right: 0px;
  margin-bottom: 8px;
}

#pictitle {
  text-align: right;
}

#pictitle h1 {
  font-size: 24px;
  font-weight: normal;
}

#piccontrols {
  margin: auto;
  margin-bottom: 6px;
  font-size: 16px;
  text-align: center;
}

#piccomment {
  margin: auto;
  text-align: center;
}

#piccomment pre {
  font-family: sans-serif;
}

#picpagecontrols {
  margin: auto;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 16px;
  text-align: center;
}

#picframe {
 text-align: center;
}

#songlist {
  margin-top: 16px;
  margin-left: 60px;
  margin-right: 60px;
  font-size: 17px;
}

#newsong {
  font-size: 14px;
}

#newsong form {
  text-align: center;
  width: 100%;
}

#songartist {
  margin-top: 6px;
  margin-bottom: 6px;
}

#songartist h2 {
  background: #ddb;
  margin-bottom: 6px;
}

#song {
  margin-bottom: 12px;
  margin-left:32px;
}

#linklist {
  list-style-type: none;
  margin: 0 60px 0 60px;
  text-align: center;
  border: 1px solid #999;
  padding: 0;
}

#linklist li {
  margin: 0;
  font-size: 18px;
  font-style: italic;
  padding: 8px 0 8px 0;
  background: #eed;
}

#linklist li.odd {
  background: #ddc;
}

#newlink {
  border-top: 1px solid #999;
  background: #ccd;
  margin: 0;
}

div.contactdetails {
  margin: auto;
  width: 300px;
  color: #04a;
  font-weight: bold;
}

div.contactdetails div.formrow span.formw {
  color: #039;
}