/* 
  $Id: style.css,v 1.26 2005/09/09 23:15:44 blais Exp $
  $Source: /home/blais/repos/cvsroot/santeriadb-src/share/templates/style.css,v $

  CSS style file for the santeriadb website.
  Copyright (C) 2002-2004 Martin Blais.  All Rights Reserved.

*/

#header {
  background-image: url("/santeriadb/header-hamel.jpg");
  background-repeat: repeat-x;
  background-color: rgb(0,0,0);
  height: 62px;
  border-bottom: 3px solid black;
  margin: 0px;
  padding: 0px; /* for IE -- krock */
}

#logo {
  z-index: 5;
  border-style: none;
  position: absolute;  /* necessary for z-index */
}

#main { 
  margin-left: 1em;
  margin-right: 1em;
  margin-right: 130px;
}

.maintitle {
    text-align: center;
    margin: 10px 60px 30px;
    padding:30px;

    color:black;
    border-width: medium;
    border-style: solid none solid none;

    background-image:url(main.gif);
    background-repeat:no-repeat;
    background-position:90% 50%;
}

.orishatit {
    background-image:url(orisha/orisha.gif);
    background-repeat:no-repeat;
    background-position:right center;
}

.cantotit {
    background-image:url(canto/canto.gif);
    background-repeat:no-repeat;
    background-position:right bottom;
}

.toquetit {
    background-image:url(toque/toque.gif);
    background-repeat:no-repeat;
    background-position:right center;
}

.albumtit {
    background-image:url(albumr/albumr.gif);
    background-repeat:no-repeat;
    background-position:right top;
}

.booktit {
    background-image:url(book/book.gif);
    background-repeat:no-repeat;
    background-position:right top;
}

img { border-width: 0px ; }
img.thumb { margin:10px 1px ; }

body {
    background-color: white;
    margin: 0px;
    font-family:verdana, arial, helvetica, sans-serif;
}

.copyright { font-size: x-small ; }

LI { list-style-type: square }

A:link { text-decoration: none }
A:visited { text-decoration: none }

.navbar {
    font-size: smaller ;
    text-align: center ;
    font-variant: small-caps ;
}

.alid { font-style: italic ; white-space: nowrap ; }
.alprop { font-weight: bold }

.orishatit { background-color: #EECCCC }
.orisha { color: #441111 ; white-space: nowrap ; }

.toquetit { background-color: #CCCCEE }
.toque { color: #111144 ; white-space: nowrap ; }
.toqueunk { color: #555555 ; white-space: nowrap ; }

.cantotit { background-color: #CCEECC }
.canto { color: #114411 }
.cantounk { color: #555555 }

.albumtit { background-color: #CCEEEE }
.albumr { color: #114444 }

.booktit { background-color: #EEEECC }
.book { color: #444411 }

.trck { font-weight: bold }
.times { color: #555555 ; font-style: italic ; white-space: nowrap }

.ttitle {
    padding: 0.2em ;
    margin: 0.4em ;
    border: thick solid black;
}

.ttitlename {
    font-size: x-large ;
}

.orishalisttitle { font-weight: bold }

HR.accsep HR.finsep {
    height: 2px;
    background-color: black ;
    margin-top: 20px ;
}

HR.accsep { width: 90% }
HR.finsep { width: 95% }

.littleheader { font-size: xx-small ; padding-bottom: 1em ; }

.multable { margin-left: 5% ; width: 95% ; }

.album-table .col1 { width: 6% }
.album-table .col2 { width: 12% }
.album-table .col3 { width: 10% }
.album-table .col5 { width: 1% }

.album-cov-table .col2 { width: 1% ; text-align: right }

.book-table .col1 { width: 6% }
.book-table .col2 { width: 6% }
.book-table .col3 { width: 6% }
.book-table .col4 { width: 20% }

.trans-table .col2 { width: 6% }
.trans-table .col3 { width: 6% }

.rec-orisha-table .col1 { width: 6% }
.rec-orisha-table .col2 { width: 10% }
.rec-orisha-table .col3 { width: 10% }
.rec-orisha-table .col5 { width: 1% }

.rec-orisha-table .row1 {
    border-top: thick solid #CCCCCC ;
}

.multable .row1 {
    border-bottom: thin solid #CCCCCC ;
}
.multable .row2 {
    margin: 0px ;
    padding: 0px 0.2em 0px 0.2em ;
    font-size: smaller ;
}

.songartist { font-style: italic ; font-size: smaller ; }

.altnames { font-weight: bold ; }

.update { font-style: italic ; text-align: right ; }

.minimini { font-style: italic ; font-size: xx-small ; text-align: center ; }

.cldetail { font-style: italic ; font-size: x-small ; color: #555 ; }

.note-reorg { font-size: smaller; }

.nbrecs {
    font-size: 50%; font-style: italic; color: #555;
}
.nbrecs-0 {
    font-size: 50%; font-style: italic; color: #511;
}

.quizintro { margin-left: 3em; margin-right: 3em; font-style: italic; }

.quiztit { border: thin solid #447; padding: 2px; }

.mp3link { color: #469; font-weight: bold; padding: 3px; }

button { width: 10px; height: 15px; }

div#adsense1 { float: right; margin: 24px 5px; }
div#adsense2 { text-align: center; }