/* Copyright 2006 David Simmons-Duffin

Modified from "andreas01" - an open source xhtml/css website layout by
Andreas Viklund - http://andreasviklund.com.
*/

body {
    padding:0;
    font:14px Verdana,Tahoma,Arial,sans-serif;
    background:#e6eeff url(bg.gif) top center repeat-y;
    color:#303030;
}

/* IE hack */
body { text-align: center; }
#page {
    width: 780px;
    margin: 0 auto;
    text-align: left;
}
    
#wrap {
    background:#ffffff;
    color:#303030;
    margin:0 auto;
    width:760px;
}

#content{
    margin:25px 60px 20px 60px;
    padding:0 30px 0 30px;
    line-height:1.6em;
    text-align:left;
    border-style: solid;
    border-width: 0 2px;
}

#content img{
    padding:1px;
    display:inline;
    background:#cccccc;
    color:#303030;
    border:4px solid #f0f0f0;
}

#content img.noborder{
    padding:0;
    border:none;
}

h3 {
    font-weight: normal;
    font-size: 1.5em;
    margin:10px 0 10px 0;
}

span.amp {  
    font:normal italic 110% Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
}

strong {
    border-bottom: 1px dotted #bbf;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #0086ed;
}
a:hover{ text-decoration: underline; }
a img{ border: 0; }

#footer{
    clear:both;
    margin:0 auto;
    padding:10px 0 20px 0;
    border-top:4px solid #f0f0f0;
    width:760px;
    text-align:center;
    color:#808080;
    font-size:0.7em;
}

#footer a{
    color:#4090c0;
    text-decoration:none;
}

#footer a:hover{
    text-decoration:underline;
}

.left { float: left; }
.right { float: right; }
img.left { margin:10px 10px 5px 0; }
img.right{ margin:10px 0 5px 10px; }

.clear { clear: both; }

.center{ text-align:center; }
.textright{ text-align: right; }

.twocolumns{
    overflow: hidden;
    width: 100%; /* required in WinExplorer, Opera */
}
.twocolumns ul { 
    padding: 0 0 0 50px;
    list-style-position: inside;
}
.twocolumns ul.left { width: 250px; }
.twocolumns ul.right { width: 200px; }

/************ Page-Specific Code ************/

body#about   #content,
body#contact #content { border-color: #74128b; }
body#bios    #content { border-color: #00a500; }
body#photos  #content { border-color: #ff000e; }
body#quotes  #content { border-color: #ff7c00; }
body#clips   #content { border-color: #ff006b; }

body#contact strong,
body#about   strong { color: #84188b; }
body#bios    strong { color: #009500; }

body#about   #content h3,
body#contact #content h3 { color: #64107b; }
body#quotes  #content h3 { color: #dd6c00; }
body#clips   #content h3 { color: #df005b; }
body#clips   #content h3 { margin: 0 40px; text-align: center; }

body#clips p.songinfo { margin-top: 35px; }
body#clips .clear { height: 20px; }
body#clips object { margin: 0 15px; }

body#photos div.center img { margin-top: 10px; }

body#quotes blockquote {
    font: italic 1.1em Georgia,serif;
    line-height: 1.7em; 
    background: transparent url(/quotes/leftquote.png) no-repeat 0 1.1em;
    padding: 4px 0 0 20px;
    margin: 0 15px;
}
body#quotes .lastword {
    padding: 0 28px 0 0;
    background: transparent url(/quotes/rightquote.png) no-repeat right -5px;
}
body#quotes blockquote p {  
    text-indent: 7px;
    margin-bottom: 0.3em;
}

body#quotes p.speaker { 
    text-align: right;
    line-height: 1.6em;
    font-size: .8em;
    margin-top: .5em;
    margin-bottom: 2.3em;
}

body#contact div.lefttext { width: 350px; }

body#about ul#songtypes {
    text-align: center;
    list-style-type: none;
    font: italic 19px "Curlz MT", Harrington, Georgia, serif;
    letter-spacing: .05em;
    line-height: 40px;
    margin: 5px 10px 20px 5px;
    padding: 0;
}
body#about ul#songtypes li {
    display: inline;
    padding: 10px 0 10px 0;
    margin-left: .2em;
    background-position: left;
    background-repeat: no-repeat;
}
body#about ul#songtypes li.star {
    padding-left: 30px;
    background-image: url(/home/icons/star.jpg);
}
body#about ul#songtypes li.martini {
    padding-left: 26px;
    background-image: url(/home/icons/martini.jpg);
}
body#about ul#songtypes li.trumpet {
    padding-left: 60px;
    background-image: url(/home/icons/trumpet.jpg);
}
body#about ul#songtypes li.sax {
    padding-left: 35px;
    background-image: url(/home/icons/sax.jpg);
}
body#about ul#songtypes li.sun {
    padding-left: 30px;
    background-image: url(/home/icons/sun.jpg);
}
body#about ul#songtypes li.eye {
    padding-left: 28px;
    background-image: url(/home/icons/eye.jpg);
}
body#about ul#songtypes li.bottle {
    padding-left: 20px;
    background-image: url(/home/icons/bottle.jpg);
}