/* musictibet-main.css 
 * This is the default stylesheet for 
 *  musictibet.com and musictibet.mcleodganj.com
 * It is set for standards as default.
 *  Other stylesheets (for special pages, other os's, etc., 
 *  are loaded *after* this 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:
    26 jan 2007 jw - updated the organisation.
    09 jun 2005 jw - modified for design changes; changed the separator comments.
    05 jan 2005 jw - modified news index for colors.
    2004 jw - posted for musictibet.
 */

/* -----------------------------------------------------------
   *** { Standard Stuff: *** 
   ----------------------------------------------------------- */
body {
  color:      #000000;
  font-family:  verdana, helvetica, arial, lucida, sans-serif;
  padding:    0px auto;
  margin:     0px auto;
}


/* We shouldn't have to redefine generic font stuff, but sometimes
   we lose font styles after complicated formatting.
  Also,  body styles do not carry into tables: */
p, td, th, li, dt, dd {
  font-family: verdana, helvetica, arial, lucida, sans-serif;
  font-size:  90%;
  letter-spacing: .01em;
  line-height: 130%;
}

h1 {
  color:     #ff0000;
  font-size: 1.5em;
}
h2 {
  color:      #ff0000;
  font-size:  1.3em;
}
h3 {
  color:     #000000;
  font-size: 1em;
}
h4 {
  color:     #000000;
  font-size: 1em;
  border-bottom: 1px solid #cc0000;
  margin-bottom: 0;
}


/* regular links */
a, 
a:active, 
a:visited {
  color: #000099;
  text-decoration: none;
} 
a:hover {
  text-decoration: underline;
}

/* special links */
a.fake-button {
  text-decoration:  none;
  color:            #ff0000;
} 
a:link:hover.fake-button {
  text-decoration:  none;
  color:            #c3cacc;
} 

span.outlink:after, a.outlink:after {
  margin-right: 6px;
  content: ' ' url('/images/buttons/outlink.gif');
}

ul li {
  line-height: 1.5em;
  list-style-image: url(/images/bullets/bullit.gif);
}
ol li {
  line-height: 1.5em;
}

/* -----------------------------------------------------------
    *** } Standard stuff. *** 
   ----------------------------------------------------------- */

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

/* ------------ { page table only ------------ */
/* (Oct 2009: For transition to div/css. eventually get rid of table code completely.) */
div#page-container, 
table#page {
  width:   970px;
  padding: 0;
  margin:  auto;
  background-color: #ffffff;
}
table#page {
  border-collapse: collapse;
  clear: both;
}

/* ------------ { header only ------------ */
/* (Oct 2009: For transition to div/css. eventually get rid of table code completely.) */
tr#header {
  background-color: #ffffff;
}
tr#header td {
  text-align: left;
  padding-left: 1em;
  height:   95px;
}
div#header-container {
  background-color: #ffffff;
}
div#header-container div#header-logo {
  height:   90px;
}
div#header-container div#header-logo h1, 
tr#header td h1 {
  display: none;
}
div#header-container img, 
tr#header td img {
  border: none;
}
div#header-container img#header-logo, 
tr#header td img#header-logo {
  float: left;
  width: 270px;
  height: 60px;
  margin-top: 15px;
}
div#header-container div#adsense, 
tr#header td div#adsense {
  display: table;
  width:   480px;
  margin-top: 5px;
  margin-left: 20px;
  float: left;
}
div#header-container div#adsense { 
  margin-top:    0;
  padding-bottom: 0;
}
div#header-container div#adsense h3, 
tr#header td div#adsense h3 {
  font-size: 90%;
  color: #000000;
  border: none;
  font-weight: normal;
  margin-bottom: 0;
  margin-top:    5px;
}
div#header-container div#adsense h3:before, 
tr#header td div#adsense h3:before {
  content: '';
}
div#header-container div#adsense h3:after, 
tr#header td div#adsense h3:after {
  content: '';
}
div#header-container div#firefox, 
tr#header td div#firefox {
  display: table; 
  float: right;
  margin: 0; 
  vertical-align: middle;
}
div#header-container div#firefox p, 
tr#header td div#firefox p {
  font-size: 90%; 
  margin: 0; 
  padding: 0; 
  float: right;
  text-align: center;
}
div#header-container div#firefox p img, 
tr#header td div#firefox p img {
  width:  170px;
  height: 80px;
}


td.content-awards-left {
  padding:          8px 8px 8px 8px;
  background-color: #000066;
  color:            #ffccff; 
}
td.content-awards-right {
  padding:          8px 8px 8px 8px;
  background-color: #ffccff;
  color:            #000066; 
}

/* { Begin navigation Bar: */
div#header-container div#nav-bar { 
  clear: both;
  display: table;
  width:   100%;
}
div#header-container div#nav-bar p { 
  margin: 0;
  padding: 0;
  font-size: 100%;
}
div#header-container div#nav-bar, 
tr#nav-bar td {
  text-align: center;
  background-color: #cc0000;
  padding: 6px 0px 6px 0px;
  font-size: 90%;
}
div#header-container div#nav-bar a, 
tr#nav-bar td a {
  font-size:       80%;
  text-decoration: none;
  color:           white;
  padding: 0px 8px 0px 8px;
}
div#header-container div#nav-bar a:hover, 
tr#nav-bar td a:hover {
  color: yellow;
}

tr#nav-bar td span.youarehere {
  font-weight: bold;
  color: #000000;
  padding: 0px 8px 0px 8px;
}
body#home-index tr#nav-bar a#link-home, 
body#home-index div#nav-bar a#link-home, 
body#awards-index tr#nav-bar a#link-awards, 
body#awards-index div#nav-bar a#link-awards, 
body#concerts-index tr#nav-bar a#link-concerts, 
body#concerts-index div#nav-bar a#link-concerts, 
body#contact-index tr#nav-bar a#link-contact, 
body#contact-index div#nav-bar a#link-contact, 
body#gallery-index tr#nav-bar a#link-gallery, 
body#gallery-index div#nav-bar a#link-gallery, 
body#links-index tr#nav-bar a#link-links, 
body#links-index div#nav-bar a#link-links, 
body#archives-newrel tr#nav-bar a#link-newreleases, 
body#archives-newrel div#nav-bar a#link-newreleases, 
body#news-index tr#nav-bar a#link-news, 
body#news-index div#nav-bar a#link-news {
  font-weight: bold;
  color: #000000;
  padding: 0px 8px 0px 8px;
  cursor: text;
}
/* } End navigation Bar. */

/* { Begin footer: */
/* (Oct 2009: Transition to div/css. eventually get rid of table code completely.) */
tr#footer {
  background-color: #cccccc;
}
tr#footer td {
  padding: 6px 12px 8px 12px;
  font-size: 80%;
  text-align: center;
}
div#footer {
  background-color: #cccccc;
  padding: 6px 12px;
  font-size: 80%;
  text-align: center;
}
div#footer p {
  margin: 0;
  padding: 0;
}
div#footer a, 
tr#footer td a {
  font-size:       80%;
  text-decoration: none;
  color:           blue;
}
/* } End footer. */

/* -----------------------------------------------------------
   *** }} Page Parts. *** 
   ----------------------------------------------------------- */


/* -----------------------------------------------------------
    *** {{ Special Pages: *** 
   ----------------------------------------------------------- */

/* ------------ { News pages ------------ */
tr#header-news {
  background-color: #ffffff;
}
tr#header-news td {
  padding:     4px 0px 4px 10px;
  text-align:  left;
}
tr#header-news td h2 {
  color:            #000000;
  font-size:        110%;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}
tr#header-news td h2 a {
  color:            #000000;
}
tr#header-news td h2 span { /* subnav in header */
  font-size:    70%;  
  font-weight:  normal;
  padding-left: 2em; 
  text-align:   right;
}

td.news {
  color:     #000000;
  background-color: #ffffff;
  font-size:  100%;
  padding:  1ex 1em;
}
td.news h1 {
  color:     #000000;
  font-size: 120%;
}
td.news img {
  border: 0;
}
td.news img.left {
  margin-left: 0;
  float: left;
}
td.news img.right {
  margin-right: 0;
  float: right;
}

/* { news index page only */
td.news div#index {
  color:     #cccccc;
  text-align: center;
}
td.news div#index ul {
  padding-left: 0;
  margin-left: 0;
}
td.news div#index span.dateline {
  font-size:  80%;
  display: block;
}
td.news li {
  color:            #000000;
  font-size:        90%;
  padding:          10px 0px 10px 0px;
  margin:           0px 0px 0px 0px;
  list-style:       none;
  border-bottom:    1px dotted #cccccc;
}
td.news li a {
  font-weight:      bold;
}
td.news li a:hover {
  text-decoration:  underline;
}
td.news li a:visited {
}

/* story links only: */
td.news div.news-index1 a:link:hover {
  color:  #333399;
}
td.news div.news-index2 a:link:hover {
  color:  #333399;
}
td.news div.news-index1 a:visited {
  color:  #66ff66;
}
td.news div.news-index2 a:visited {
  color:  #66ff66;
}

td.news span.dateline {
  font-size:  100%;
  display: inline;
}
td.news h2, body.news h2 {
  color:            #ffcc00;
  font-size:        110%;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}
td.news h2 a, body.news h2 a {
  color:            #ffcc00;
}



/* -------- { Download section: -------- */
td.content-download {
  color:            #ffffff;
  background-color: #ffccff;
}

/* -------- { Concert index page: -------- */
div.concert-header {
  display:          table;
  background-color: #ffffff;
  text-align:       left;
  padding:          4px 0px 4px 1em;
}
div.concert-header h2 {
  color:            #000000;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}
div.concert-header h2 span.subnav {
  padding-left: 2em; 
  font-size: 60%;
  letter-spacing: .08em;
}
div.concert-header h2 span.subnav a {
  color: blue;
  padding-left: 1em; 
  letter-spacing: .2em;
}
div.concert-header h2 span.subnav span.youarehere {
  color:            #00cc00;
  font-size: 100%;
  font-weight: bold;
  padding-left: 1em; 
  letter-spacing: .2em;
}

div.concert-index {
  background-color: #ffffff;
  color:            #000000;
  font-size:        1em;
  padding:          12px 10em 12px 10em;
  margin:           0px 0px 0px 0px;
  border:           1px solid #cccccc;
}
div.concert-index h3 {
  color:            #cc0000;
  font-size:        90%;
  font-weight:      bold;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}
div.concert-index p {
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}

/* -------- { New releases/dist/archives pages: -------- */
/* -------- { ... also vote artistes pages: -------- */
/* { the header */
tr#header-release,
tr#header-vote-artistes {
}
tr#header-release td,
tr#header-vote-artistes td {
  background-color: #ffffff;
  padding:     4px 0px 4px 10px;
  text-align:  left;
}
tr#header-release td h2,
tr#header-vote-artistes td h2 {
  color:            #000000;
  font-size:        110%;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}
tr#header-release td h2 a,
tr#header-vote-artistes td h2 a {
  color:            #000000;
}
/* subnav in header */
tr#header-release td h2 span, 
tr#header-vote-artistes td h2 span { 
  font-size:    70%;  
  font-weight:  normal;
  padding-left: 2em; 
  text-align:   right;
}

/* { the items */
td.release-index1-left {  /* desc */
  padding:          12px 6px 12px 0px;
  border-top: 1px solid #cccccc;
}
td.release-index1-right {  /* photo */
  font-size:        80%;
  padding:          12px 0px 12px 6px;
  border-top: 1px solid #cccccc;
}
td.release-index2-left {  /* photo */
  font-size:        80%;
  padding:          12px 6px 12px 0px;
  border-top: 1px solid #cccccc;
}
td.release-index2-right {  /* desc */
  padding:          12px 0px 12px 6px;
  border-top: 1px solid #cccccc;
}

/* { the descriptions */
td.release-index1-left span.album_title, 
td.release-index2-right span.album_title {
  font-weight:      bold;
}
td.release-index1-left span.album_artist, 
td.release-index2-right span.album_artist {
  font-weight:      bold;
}

/* { the photos */
td.release-index1-right a img, 
td.release-index2-left a img {  
  border: none;
}
table.vote-artistes tr td.release-index1-right img,
table.vote-artistes tr td.release-index2-left img {
  width: 70px;
  height: 70px;
}

td.release-lastrow {
  padding:          0px 0px 0px 0px;
}


/* -------- { distributors page: -------- */
td.release-distributors {
  color:            #000000;
  padding:          8px 0px 16px 10px;
}
td.release-distributors h3 {
  color:            #993300;
  font-size:        110%;
}

th.dist-location {
  color:       #000000;
  font-size:   80%;
  font-weight: bold;
}
td.dist-sep {
  color:       #000000;
  font-size:   80%;
  font-weight: bold;
  padding:     0px 4px 0px 0px;
}
td.dist-desc {
  color:       #000000;
  font-size:   80%;
  font-weight: normal;
}


/* -------- { Awards pages: -------- */
/* { awards home page */
td.awards-index-left {
  background-color: #ffffff;
  color:            #000066;
  font-size:        .8em;
  padding:          12px 8px 12px 8px;
  text-align:       center;
}
td.awards-index-left h3 {
  color:            #000066;
  font-size:        1em;
  font-weight:      bold;
  text-align:       center;
}

td.awards-index-right {
  background-color: #ffffff;
  color:            #0000ff;
  font-size:        .8em;
  padding:          12px 8px 12px 8px;
  text-align:       left;
}
td.awards-index-right h3 {
  color:            #000000;
  font-size:        1em;
  text-align:       center;
}
td.awards-index-right h3 a {
  color:            #000099;
}

td.awards-index-right p,
td.awards-index-right dt,
td.awards-index-right li {
  color:            #000000;
}
td.awards-index-right li {
  padding-top: 4px;
}
td.awards-index-right dt {
  padding-top: 4px;
  padding-bottom: 4px;
}

/* { awards pages */
tr#header-awards {
  background-color: #ffffff;
}
tr#header-awards td {
  padding:     4px 0px 0 10px;
  text-align:  center;
}
tr#header-awards td h2 {
  color:            #000000;
  font-size:        110%;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}
tr#header-awards td h2 a {
  color:            #000000;
  text-decoration: none;
}
tr#header-awards td h2 span { /* subnav in header */
  font-size:    70%;  
  font-weight:  normal;
  padding-left: 2em; 
  text-align:   right;
}

td.awards {
  padding:      1ex 8em 0 8em;
  text-align:   center;
}
td.awards h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 1ex;
}

td.awards-index {
  background-color: #ffccff;
  color:            #000000;
  padding:          20px 0px 20px 0px;
}
p.awards-index-left {
  color:            #ffccff;
  padding:          0px 0px 0px 0px;
}
p.awards-index-right {
  color:            #000066;
  padding:          0px 0px 0px 0px;
}
ol.awards-index-left li {
  margin-left:      -1.5em;
  padding:          0px 0px 8px 0px;
}
ul.awards-index-right li {
  list-style-image: url(/images/bullets/bullit.gif);
  color:            #000000;
  margin-top:       4px;
  margin-left:     -1.5em;
}
a.awards-index-right {
  color:            #000066;
  text-decoration:  none; 
}
a.awards-index-right:link:hover {
  color:            #000066;
  text-decoration:  none; 
}
a.awards-index-right:visited {
  color:            #000066;
  text-decoration:  none; 
}

/* -------- { Awards - nominations page: -------- */
td.awards-nominations-1 {  
  color: 		    #000000;
  background-color: #ffffff;
  padding:          0 6px 0 12em;
}
td.awards-nominations-2 {  
  color:            #000000;
  background-color: #ffffff;
  padding:          0 6px 0 24em;
}
td.awards-nominations-1 h3,
td.awards-nominations-2 h3 {  
  color:          #333399;
  padding: 0;
  margin:  0;
  text-align: left;
}
td.awards-nominations-1 ul,
td.awards-nominations-2 ul {  
  padding-top:    .5ex;
  margin-top:     0;
}
td.awards-nominations-1 li,
td.awards-nominations-2 li {  
  margin-top:     .5ex;
}


/* -------- { Links page: -------- */
body#links-index table#page table td.left {
  background-color: #ffffff;
  color:            #000000;
  font-size:        .8em;
  font-weight:      bold;
  padding:          4px 0px;
  text-align:       right;
}
body#links-index table#page table td.right {
  background-color: #ffffff;
  color:            #000000;
  font-size:        .8em;
  font-weight:      bold;
  padding:          4px 8px 4px 8px;
  text-align:        left;
}

/* not using these?
h3.links-index {
  color:            #000000;
  font-size:        1.3em;
}
p.links-index-item {
  color:            #000000;
  padding:          0px 0px 0px 0px;
}
span.links-albumname {
  font-weight:      bold;
}
*/

body#links-index table#page td.left a {
  color:            #000000;
  text-decoration:  none; 
}
body#links-index table#page td.left a.inlink {
  margin-right: 16px;
}
body#links-index table#page td.left a:visited {
  color:            #66ccff;
  text-decoration:  none; 
}
body#links-index table#page table td.left a:link:hover {
  color:             #000066;
  background-color:  #ffccff;
  text-decoration:   none; 
}
/* -------- Links page } -------- */

/* -------- { Supporters index page: -------- */
td.support-index {
  background-color: #ffccff;
  color:            #000000;
  padding:          20px 0px 12px 0px;
}
h3.support-index {
  color:            #000000;
  font-size:        90%;
  font-weight:      bold;
}
p.support-index-item {
  color:            #000000;
  padding:          0px 0px 0px 0px;
}
p.support-index-item a {
  color:            #ff0000;
  text-decoration: none; 
}
p.support-index-item a:link:hover {
  color:            #ffff00;
  text-decoration: none; 
}
p.support-index-item a:visited {
  color:            #ffff00;
  text-decoration: none; 
}

/* -------- { People pages: -------- */
body.people-popup {
  background: #ffffff;
  color:      #000000;
  padding:    8px 8px 8px 8px;
}
td.people-header-left {
  background:   #333399;
  color:        #ffffff;
  font-size:    80%;
  font-weight:  bold;
  padding:      4px 0px 0px 8px;
}
td.people-header-right {
  background:   #000000;
  color:        #ffffff;
  font-size:    80%;
  font-weight:  bold;
  padding:      4px 8px 0px 0px;
}
/* note - the bottom-padding is for MSIE, which ignores the 'height="100%"'
    in the table. */
td.people-content-left {
  background:   #000000;
  color:        #ffffff;
  font-size:    80%;
  font-weight:  normal;
  padding:      8px 0px 12px 8px;
}
td.people-content-right {
  background:   #333399;
  color:        #cccccc;
  font-size:    80%;
  font-weight:  normal;
  padding:      8px 8px 12px 8px;
}
td.people-album-header {
  font-size:    80%;
  font-weight:  bold;
  color:        #cccccc;
}
td.people-album-content {
  font-size:    80%;
  font-weight:  normal;
  color:        #cccccc;
  padding:      0px 4px 4px 8px;
}
a.people-header {
  color:           #ffffff;
  text-decoration: none;
}
a.people-header:link:hover {
  color:           #ffff00;
  text-decoration: none;
}
/* This is working ok on linux - but not on MSIE? */
a.people-header:visited {
  color:           #ffffff;
  text-decoration: none;
}


/* { for text "home" link at top of page *only*  */
a.homelink {
  text-decoration: none;
  color:           #ff0000;
  font-size:       90%;
} 
a.homelink:link:hover {
  text-decoration: none;
  color:           #ffff00;
}
/* a.homelink:visited {  - nothing - we don't want it to change */

/* -----------------------------------------------------------
    *** }} Special Pages. *** 
   ----------------------------------------------------------- */

/* ------------ { links we don't want to change after visiting ------------ */
a.nochange:visited { 
  text-decoration: none; 
  color: red; 
} 

/* -----------------------------------------------------------
    *** { Special stuff: *** 
   ----------------------------------------------------------- */
p.dateline {
  font-style: normal;
}
p.byline {
  font-style: italic;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
p.byline+p {
  padding-top: 0px;
  margin-top: 0px;
}
span.divider {
  color: #ffffff;
}

/* { BEGIN for photos or images in a page */
div.photo-left, 
div.photo-right, 
div.photo-center {
  display: table;
  margin: 1ex 1em;
  background-color: #eeeeee;
}
div.photo-left { 
  width: 370px;
  float: left;
  margin-left: 0;
}
div.photo-right {
  width: 370px;
  float: right;
  margin-right: 0;
}
div.photo-center {
  width: auto;
  margin: auto;
}
/* captions for photos only */
div.photo-left p.photo-caption, 
div.photo-right p.photo-caption, 
div.photo-center p.photo-caption {
  color: #000000;
  font-size: 80%;
  margin: auto;
  padding-top: 1ex;
  padding-bottom: 1ex;
  width: 90%;
}
p.photo-caption span.source {
  font-size: 90%;
  display: block;
  padding-top: .3ex;
}
/* { END for photos or images in a page */



/* -----------------------------------------------------------
    *** { Special Stuff - on any page: *** 
   ----------------------------------------------------------- */

/* { for 'read more' links */
span.more:before {
  content: '... [ ';
}
span.more:after {
  content: ' ]';
}

/* { *** for videos *only* */
div.video_embed {
  display: table;
  background-color: #000000;
  color: #ffffff;
  padding-top: 0;
  margin-top: 20px;
}
div.video_embed p {
  padding-left: 1em;
}

div#adsense1 {
  display: table;
  margin: auto;
  margin-bottom: 10px;
}

div#adsense2 {
  display: table;
  margin: auto;
  margin-top:    20px;
  margin-bottom: 10px;
}

/* e o f */