/* musictibet-homepage.css 
 * This is the homepage stylesheet *only* for 
 *  musictibet.com 
 * It is set for standards as default.
 * It loads *after* the main stylesheet
 * NOTES:
     Classes may contain only the characters A-Z, a-z, 0-9, hyphens,
       and Unicode 161-255.  (No underscores, darn it.)
     The '{' in the separators is used by james in a script 
       to quickly find all classes with categories.
     Use comma for listed, space for nested.
     MSIE measures from absolute pos, mozilla from relative.
 * HISTORY:
    19 mar 2007 jw - made for new home page design
 */

/* -----------------------------------------------------------
   *** { Standard Stuff: *** 
   ----------------------------------------------------------- */


/* -----------------------------------------------------------
    *** { Special stuff on all pages: *** 
   ----------------------------------------------------------- */


/* -----------------------------------------------------------
   *** { Page Parts: *** 
   ----------------------------------------------------------- */


/* -----------------------------------------------------------
    *** { Special Pages: home page *only* *** 
   ----------------------------------------------------------- */

/* { New style: */
table {
  width: 100%;
  border-collapse: collapse;
}
table tr {
  vertical-align: top;
}
table h2 {
  letter-spacing: .3em;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 110%;
}
table h2:before, 
table h3:before {
  content: '~ ';
}
table h2:after, 
table h3:after {
  content: ' ~';
}

/* { all rows: */
table#hp-container-one, 
table#hp-container-two, 
table#hp-container-three {
}
table#hp-container-one td, 
table#hp-container-two td, 
table#hp-container-three td {
  padding-left: 10px;
  padding-right: 10px;
}
table#hp-container-one td:first-child, 
table#hp-container-two td:first-child, 
table#hp-container-three td:first-child {
  padding-right: 0;
}
table#hp-container-two, 
table#hp-container-three {
  margin-top: 2ex;
  border-top: 1px solid #cc0000;
  padding-top: 1ex;
}

table#hp-container-three td {
  padding-top: 1ex;
}

td#homepage div.video_embed {
  margin-top: 10px;
}

/* { *** the top three columns: */
td#homepage td#news, 
td#homepage td#hp-newreleases, 
td#homepage div#concerts {
  font-size: 100%;
}

td#homepage td#news h2,
td#homepage td#hp-newreleases h2, 
td#homepage div#concerts h2 {
  letter-spacing: .3em;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 110%;
}
td#homepage td#news h2 a,
td#homepage td#hp-newreleases h2 a, 
td#homepage div#concerts h2 a {
  color: #ff0000; 
}

/* h3 headers for "out of site" sections */
h3 {
  color: #ff0000;
  margin-top: 0px;
  padding-left: 7px;
  padding-bottom: 3px;
  text-align: left;
  border-bottom: 1px dotted #cc0000;
}
h3:before {
  content: '~ ';
}
h3:after {
  content: ' ~';
}
/* h3 story headers in ~News~ section */
h3.story {
  border: none;
  background-color: transparent;
  margin-top: 8px;
  margin-bottom: 5px;
}
h3.story:before {
  content: '';
}
h3.story:after {
  content: '';
}


/* { *** news column only: */
td#homepage td#news {
  width: 540px;
  padding-right: 10px;
}

/* contains one or more stories  */
table.hp-news-stories {
  clear: both;
  width: 100%;;
}
/* for individual story */
table.hp-news-stories tr td {
  vertical-align: top;
}
table.hp-news-stories td img {
  border: none;
  margin-right: 8px;
}
td.hp-story-image {
  width: 260px;
  border-bottom: 1px solid #cc0000;
}
td.hp-story-image p {
  text-align: center;
}
td.hp-story-text {
  width: 270px;
  border-bottom: 1px solid #cc0000;
  padding-left: 10px;
  line-height:  1.2em;
}
td.hp-story-text p {
  margin-top: 0;
  font-size: 100%;
}
/* } *** news column only. */

/* new releases */
td#hp-newreleases {
  padding-right: 10px;  /* because it is a first-child. */
}
table#hp-releaseinfo {
  margin: auto;
  width: 90%;
}
table#hp-releaseinfo td.hp-image {
  padding: 10px 10px;
  width:  100px;
}
table#hp-releaseinfo td.hp-image img {
  width:  100px;
  height: 100px;
  border: 0;
}
table#hp-releaseinfo td.hp-desc {
  padding: 10px;
}
td.hp-desc span.title, 
td.hp-desc span.artiste, 
td.hp-desc span.date, 
td.hp-desc span.genre {
  display: block;
  white-space: normal;
}
td.hp-desc span.title {
  font-weight: bold;
}


/* concerts */
td#homepage div#concerts {
}
td#homepage div#concerts p {
  padding-top:  5px;
  padding-left: 5px;
  border-top: 1px dotted #cc0000;
}
td#homepage div#concerts p:first-child {
  border-top: 0;
}
td#homepage div#concerts p span.title {
  display: block;
  font-weight: bold;
}
td#homepage div#concerts p span.date {
  white-space: nowrap;
}
td#homepage div#concerts p span.loc {
}
/* *** the top three columns } */



/* { resources section only */
div.index-resources {
  padding: 0px 10px 0px 10px;
  margin: auto;
}
div.index-resources a {
  font-weight: bold;
}
/* resources section only } */



/* e o f */