/* 
 * File:  default.css
 * Description:  Default Cascading Style Sheet for site soundmindhealing.com 
 * Author: Doug Vetter
 */

@import url(/styles/fonts.css);
@import url(/styles/sitemenu.css);
@import url(/styles/images.css);

body {
  min-width: 950px;
}

#header {
  /* border: 1px green solid; */
  margin-top: 1.0em;
  height: 5em;
  text-align: right;
  color: #336699;
  font-weight: bold;
}

#header #date { 
  padding: 84px 10px 30px 0;
}

#headerNavBar {
  font-size:100%;
  padding: 0.2em 0.2em 0.2em 1.0em;
  border-bottom: 1px solid #cccccc;
  background-color: #efefef;
}

#headerNavBar a {
  text-decoration: underline;
  color: black;
  font-weight: normal;
}

#content {
  padding: 0 1em 1em 1em;
  background-color: white;
}

.pagenav {
  text-align: right;
}

/* used to construct the footer for every page on the site */
#footer {
  clear: both; 
  text-align: left;
  height: 2.5em;
  padding-bottom: 5px; 
}

#footer .contact {
  margin-left: 10px;
  float: left;
  text-align: left;
}

#footer .lastupdate {
  margin-right: 10px;
  float: right;
  text-align: right;
}

/* height element required to prevent IE6 rendering bug, just picked 15px...
 * and it worked, but need to research this */
#footerNavBar {
  clear: both;
  text-align: left;
  padding: 0.2em 0.2em 0.2em 1.0em;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  color: #ffffff;
  background-color: #336699;
}

#footerNavBar a {
  text-decoration: underline;
  color: #ffffff;
  font-weight: normal;
}

.citeblock {
  width: 90%;
  padding-left: 10px; 
  padding-right: 10px;
  border: 2px #ccccee dotted;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  background-color: #e3eaf9;
  clear: both;
}

div#sitealert {
  text-align: center;
  padding: 0.2em;
  background-color: #ffcc66;
}

/* I dressed the remaining tables with CSS rather than removing them
   * because they contain tabular data.  If I can figure out a way to 
   * use CSS to produce the same layout constraints as a table without
   * actually using table-related selectors, I'll eliminate the tables. */
table.updates, table.sections, table.articles {
  width: 95%;
  font-size: 100%;
  background-color: white;
  border: 0px;
  text-align: left;
  margin: 1.0em;
}

table.updates td, table.sections td, table.articles td {
  vertical-align: top; 
  padding: 5px;
}

table.updates td.date {
  width: 15%;
  text-align: right;
}

table.updates td.details {
  width: 85%;
  text-align: left;
}

/* tweaks for sections list */
table.sections td.section {
  width: 25%;
  text-align: right;
}

table.sections td.details {
  width: 75%;
  text-align: left;
}

/* tweaks for articles list */
table.articles {
  margin: 0 2em 0 2em;
}

table.articles td.info {
  width: 25%;
  text-align: right;
}

table.articles td.desc {
  width: 75%;
  text-align: left;
}

/* special section display that provides for an image and text */
div.avfeature {
  margin: auto;
  width: 95%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  clear:both;
}

div.clear {
  clear:both;
}