/* CSS Document */

/********** Document Wide Styles **********/
body {
background-color: #333;
margin: 10px 0;
}
h1 {
font:normal 200% Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
}
h2 {
margin: 0 0 40px;
font:normal 110% Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
p {
margin: 0 10px 1.5em;
font:normal 80% Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 1.5em;
}
a {
color:#FF7F00
}
a:hover, a:active, a:visited {
color:#ccc;
 }
div#wrapper {
margin: 0 auto 0;
width: 800px;
}
/********** End Document Wide Styles **********/

/********** Header Styles **********/
div#header {
margin: 0 0 0 50px;
border: 1px solid #FF9C00;
border-bottom: none;
background-color: #636363;
}
div#header img {margin: 20px 0 0 20px; border: none;}
div#header p#contact {
float: right;
margin: 38px 10px 0 0;
font: normal 60% Verdana, Arial, Helvetica, sans-serif;
}
div#header p#contact:first-line {text-transform: uppercase;}
div#header p#contact a:link{text-decoration: none; color: #333;}
div#header p#contact a:visited {text-decoration: none; color: #333;}
div#header p#contact a:hover {text-decoration: none; color: #BBB;}
div#header p#contact a:active {text-decoration: none; color: #BBB;}
/********** End Header Styles **********/

/********** Menu Styles **********/
div#menu {
float: left;
background: url(../images/menuBackground.gif) top repeat-y scroll #636363;
margin: 35px 10px 0 0;
width: 152px;
height: 100%;
}
div#menu #photos, #press {
margin-bottom: 20px;
}
ul.links {
margin: 0 0 30px;
padding: 0;
list-style-type: none;
font:normal 80% Verdana, Arial, Helvetica, sans-serif;
}
ul.links li {
margin: 0 1px 0;
width: 150px;
text-align: center;
}
ul.links li a {
display: block;
padding-top: 6px;
height: 24px;
text-decoration: none;
color: #333;
}
ul.links li a:hover {
background: url(../images/linkBackground.gif) no-repeat left -35px;
color: #333
}
ul.links li.current a, ul.links li.current a:hover {
padding-top: 6px;
height: 24px;
background: url(../images/linkBackground.gif) no-repeat left -70px;
color: #BBB;
}
/********** End Menu Styles **********/

/********** Content Styles **********/
h1#start {
margin-bottom: 0px;
}
p.lyrics {
margin-left: 50px;
font-style: italic;
}
div#content{
margin-left: 50px;
padding-top: 45px;
border: 1px solid #FF9C00;
border-top: none;
border-bottom-color: #636363;
background-color: #636363;
}

div#photoContent {
margin: 0 0 0 50px;
padding: 0 0 0 102px;
border: 1px solid #FF9C00;
border-top-color: #636363;
background-color: #636363;
}
div.photo {
margin: 50px auto;
width: 70%;
height: 100px;
color: #000;
}
div.photo img {
float: left;
margin-right: 20px;
padding: 5px;
border: 1px solid #FF9C00;
background-color: #333;
}
div.photo p {
font: normal x-small Verdana, Arial, Helvetica, sans-serif;
color: #242424;
}
div.photo a:link, div.photo a:visited {text-decoration: none; color: #333;}
div.photo a:hover {text-decoration: none; color: #BBB;}
div.photo a:active {text-decoration: none; color: #333;}
/********** End Content Styles **********/