/* Main layout settings */

body
{
    background: #2b150b url("sidebar-line.gif") repeat-y top left;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: .92em;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
}

body.popuppage
{
    background-image: none;
    padding: 8px;
}

#menu
{
    position: absolute;
    width: auto;
    height: 180px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
    background: #753e12 url("music.gif") no-repeat top right;
}

#sidebar
{
    position: absolute;
    width: 180px;
    height: 470px;
    top: 180px;
    left: 0;
    bottom: 0;
    right: auto;
    background: #929d37 url("sidebar-bottom.gif") no-repeat top left;
}

#main
{
    margin: 190px 24px 8px 204px;
}

/* General Styles */

a
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a:link
{
    border-bottom: dotted 1px #ffffff;
}

a:visited
{
    border-bottom: dotted 1px #cccccc;
}

a:hover, a:focus, a:active
{
    color: #929d37;
    border-bottom: solid 1px #929d37;
}

h1
{
    clear: both;
    font-size: 1.63em;
    font-weight: bold;
}

h2
{
    clear: both;
    font-size: 1.36em;
    font-weight: bold;
    margin-top: 1.27em;
}

h3
{
    font-size: 1.09em;
    font-weight: bold;
}

dd
{
    margin-bottom: 1.12em;
}

li
{
    margin-bottom: 1em;
}
strong
{
   font-weight: bold;
   color: #929d37;
}

sup
{
    font-size: 0.66em;
}

div.hr, div.hrhalf, div.hrnoclear
{
    display: block;
    clear: both;
    height: 1px;
    font-size: 1pt;
    margin: 12px 0px 12px 0px;
    border-bottom: solid 1px #ffffff;
}

div.hrhalf
{
    width: 66%;
}

div.hrnoclear
{
    clear: none;
}

.clear
{
    clear: both;
    height: 1px;
    font-size: 1pt;
}

.left
{
    text-align: left;
}

.right
{
    text-align: right;
}

.centre
{
    text-align: center;
}

div.copyright
{
    clear: both;
    font-size: 0.7em;
    float: right;
    border-top: solid 1px #ffffff;
    padding-left: 40px;
    margin-top: 24px;
}

.rightimage
{
    float: right;
    margin-top: -30px;
    padding-top: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.rightimage-test
{
    float: right;
    margin-top: -200px;
    padding-top: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-right: 0px;
}

/* Menu styles */

div.sidebartop, div.sidebarbottom
{
    position: absolute;
    left: 0px;
    width: 180px;
}

div.sidebartop
{
    background: #929d37 url("sidebar-top.gif") no-repeat top left;
    top: 0px;
    height: 180px;
}

div.sidebarbottom
{
    background: #929d37 url("sidebar-bottom.gif") no-repeat top left;
    top: 180px;
    height: 100%;
}

div.menuarea
{
    margin-left: 180px;
}

div.leftimage
{
    width: 380px;
    height: 120px;
    background: url("sunburst.gif") no-repeat top left;
}

div.tabs
{
    width: 761px;
    height: 40px;
}

div.leftfiller
{
    float: left;
    width: 38px;
    height: 40px;
    background-image: url("leftfiller.gif");
}

.tab
{
    float: left;
    width: 120px;
    height: 40px;
    outline: none;
    background-repeat: none;

    /* Settings for text links in case images are not available */
    color: #ffffff;
    background-color: #929d37;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
}

span.tab
{
    background-color: #2b150b;
}

a#Home
{
    background-image: url('tabs/Home.gif');
}
a:hover#Home, a:focus#Home, a:active#Home
{
    background-image: url('tabs/Home-over.gif');
}
div#Home
{
    background-image: url('tabs/Home-sel.gif');
}

a#Music
{
    background-image: url('tabs/Music.gif');
}
a:hover#Music, a:focus#Music, a:active#Music
{
    background-image: url('tabs/Music-over.gif');
}
div#Music
{
    background-image: url('tabs/Music-sel.gif');
}

a#Essays
{
    background-image: url('tabs/Essays.gif');
}
a:hover#Essays, a:focus#Essays, a:active#Essays
{
    background-image: url('tabs/Essays-over.gif');
}
div#Essays
{
    background-image: url('tabs/Essays-sel.gif');
}

a#Bio
{
    background-image: url('tabs/Bio.gif');
}
a:hover#Bio, a:focus#Bio, a:active#Bio
{
    background-image: url('tabs/Bio-over.gif');
}
div#Bio
{
    background-image: url('tabs/Bio-sel.gif');
}

a#Contact
{
    background-image: url('tabs/Contact.gif');
}
a:hover#Contact, a:focus#Contact, a:active#Contact
{
    background-image: url('tabs/Contact-over.gif');
}
div#Contact
{
    background-image: url('tabs/Contact-sel.gif');
}

a#Links
{
    background-image: url('tabs/Links.gif');
}
a:hover#Links, a:focus#Links, a:active#Links
{
    background-image: url('tabs/Links-over.gif');
}
div#Links
{
    background-image: url('tabs/Links-sel.gif');
}

/* Settings for text links in case images are not available */

.tab span.tablabel
{
    position: relative;
    top: 8px;
    left: 12px;
    font-size: 12pt;
    font-weight: bold;
    display: none;
}

#menu a
{
    border: none;
}

#menu a:hover, #menu a:focus, #menu a:active
{
    color: #2b150b;
}

/* Go from menu area to main page */

div.roundtomain
{
    width: 100%;
    height: 20px;
    background-color: #2b150b;
}

div.roundtomain div div
{
    background: url("corners/rounded-left.gif") no-repeat top left;
}

div.roundtomain div
{ 
    background: url("corners/rounded-right.gif") no-repeat top right;
} 

/* Sidebar frame style */

.sidebar
{
    background-color: #351406;
    background-image: url("sidebar-bottom.gif");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    margin: 0px;
}

/* Music page styles */

.detailscontrol
{
    display: none;
}

.popuplink
{
    display: inline;
}

.listen
{
    font-size: 0.6em;
    font-weight: bold;
    border: 0;
    -moz-border-radius: 3px;;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0.2em;
    padding: 0.3em 0.4em;
    margin: 0 0.3em;
    position: relative;
    top: -0.2em;
    background-color: #ffffff;
    color: #2b150b;
}

.notation
{
    font-family:  Opus Text, Helsinki Text, Inkpen2 Text, Opus, Helsinki, Inkpen2, Jazz, Petrucci, Maestro, EngraverTextH, MusicalSymbols, Swing, TempiFont;
}

.music > div, .workdetails, .lyrics
{
    margin-left: 20px;
}

.workdetails, .lyrics
{
    margin-bottom: 1.2em;
}

.music h2
{
    display: block;
    clear: both;
    border-top: solid 1px #ffffff;
    margin-top: 1.2em;
    padding-top: 1.2em;
}

.music ul
{
   list-style: none;
   padding-left: 20px;
}

.workdetails
{
    /* display: none; */
    font-size: .8em;
    width: 66%;
    border-bottom: solid 1px #ffffff;
}

.workdetails[last]
{
   border-bottom: none;
}

div.lyrics
{
    white-space: pre;
}

pre.lyrics
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
}
    
div.attribution
{
    margin-top: 0;
    margin-left: 40px;
    width: 360px;
    text-align: right;
}

ol.movements
{
    margin-top: 1em;
    margin-bottom: 1em;
}

ol.movements li
{
    list-style-type: upper-roman;
    margin-bottom: .2em;
}

/* Link page styles */

.linkcontainer
{
    float: left;
    margin: 8px;
    font-family:  Helvetica, Arial, sans-serif;
    text-align: center;
}

.linknote
{
    margin: 0px;
    font-size: 0.8em;
    font-weight: normal;
}

.linkotl, .linkotr, .linkobl, .linkobr, .linkitl, .linkitr, .linkibl, .linkibr
{
   display: block;
	background-repeat: no-repeat;
}

.linkotl, .linkitl { background-position: top left;     padding: 0px; width: 100%; vertical-align: top; }
.linkotr, .linkitr { background-position: top right;    padding: 0px; }
.linkobl, .linkibl { background-position: bottom left;  padding: 0px; }
.linkobr, .linkibr { background-position: bottom right; padding: 8px; }

.linkotl { background-image: url("../layout/corners/tl-body.gif");  background-color: #ffffff; }
.linkotr { background-image: url("../layout/corners/tr-body.gif");  }
.linkobl { background-image: url("../layout/corners/bl-body.gif");  }
.linkobr { background-image: url("../layout/corners/br-body.gif");  }
.linkitl { background-image: url("../layout/corners/tl-white.png"); background-color: #2b150b; }
.linkitr { background-image: url("../layout/corners/tr-white.png"); }
.linkibl { background-image: url("../layout/corners/bl-white.png"); }
.linkibr { background-image: url("../layout/corners/br-white.png"); }

.linkcontainer a
{
    font-size: 1.2em;
    border: none;
    color: #ffffff;
    outline: none;
}

.popup
{
    position: absolute;
    border: 0px;
    padding: 0px;
    visibility: hidden;
}