  html { margin: 0px;
    padding: 0px;
    }

  body { margin: 0px;
    padding: 0px;
font-size; 12px;
    background-image: url(gradient.png);
    
    font-family: Verdana,Arial,SunSans-Regular,Sans-Serif;
    color: rgb(86, 75, 71);
background-color: rgb(86, 75, 71);
background-attachment: fixed;
text-align: center;

    }

  p, h2, pre { margin: 0px;
    padding: 5px 20px;
    }

  a { color: #b3a453;
    
    background-color: transparent;
    text-decoration: none;
    }

a:visited
{ color: #b3a453;
    
    background-color: transparent;
    text-decoration: none;
    }

a:active
{ color: #b3a453;
    
    background-color: transparent;
    text-decoration: none;
    }

a:hover 
{ color: #b3a453;
   
    background-color: transparent;
    text-decoration: underline;
    }

  pre { color: rgb(86, 75, 71);
    font-size: 11px;
    background-color: transparent;
    font-family: Courier,Monaco,Monospace;
    }

  .alignright { margin-top: 0pt;
    text-align: right;
    font-size: 10px;
    }

  h2 { padding-top: 10px;
    color: rgb(86, 75, 71);
    background-color: transparent;
    font-size: 20px;
font-weight: bold;
text-align: center;
    }

  h1 { margin: 0px;
    padding: 5px 5px;
    text-align: left;
    color: #151e2f;
    
    font-size: 11pt;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    }

  strong { font-size: 13px;
    }



  #wrapper { 
    
  min-height: 100%;

    margin: 0px auto;
    padding: 0px 5px;
    background-color: rgb(255, 255, 255);
    width: 900px;
    
* html #wrapper {
height: 100%;
}

border: none;
    }

#content {

padding: 0px;
text-align: justify;
font-size: 13px;



}


  h3 { font-family: Times New Roman,Times,serif;
    font-size: 26px;
    }

#navcontainer ul { padding: 0px;
margin: 0px auto;
    background-color: #151e2f;
    color: White;
    width: 100%;
float: left;
    font-family: arial,helvetica,sans-serif;
    }

#pagetitle {

text-align: left;
width: 900px;
border-bottom: dotted thin #151e2f;
padding: 10px 0px 5px 0px; 
margin: 10px 0px 5px 0px;
color: #151e2f;
    
    font-size: 12pt;
    font-family: Arial,Helvetica,sans-serif;
    

}


  #navcontainer ul li { display: inline;
    }

  #navcontainer ul li a { border-right: 1px solid rgb(255, 255, 255);
    padding: 0.2em 1em;
    background-color: #151e2f;
    color: White;
    text-decoration: none;
    float: left;
    }


 

  #navcontainer ul li a:hover { background-color: #b3a453;
    color: #ffffff;
    }


#footer{
width: 900px;
margin: -32px auto 0 auto;
height: 30px;
clear: both;

font-size: 7pt;

border-top: solid thin  #b3a453;
text-align:left;

} 

#footer a: {text-decoration: none; 
color: #b3a453;


}



#footer a:visited {text-decoration: none; 
color: #b3a453;


}

#footer a:active {text-decoration: none; 
color: #b3a453;


}

#footer a:hover {text-decoration: underline; 
color: #b3a453;



}

#tumblr_posts  {


width: 350px;
height: 300px;
overflow:auto;
text-align: left;


}

#tumblr_posts ol li {

list-style: none;
list-style-type: none;
border-bottom: thin dotted #b3a453;
padding: 5px;

}

#tumblr_post tumblr_text_post li {
list-style: none;
list-style-type: none;
border-bottom: thin dotted #b3a453;

}

#tumblr_posts ul li { display: inline;
    }
 #tumblr_posts ul li a { 
    padding: 0.2em 1em;
   
    float: left;
    }

  #tumblr_posts ul li a:hover { 

    }


ol
{
list-style-type: none;
padding: 5px;

}

ol li
{
list-style-type: none;
padding: 5px;

}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}


.image .caption { font-size: 8px;
                  font-family: Verdana, Arial, sans-serif;
                  text-align: right; }


#clearfooter {
height: 50px;
clear: both;
}


html, body {
height: 100%;
}


#video {
width: 420px;

float: left;
padding:5px;

}


#video ol
{
list-style-type: none;
padding: 5px;

}

#video ol li
{
list-style-type: none;
padding: 5px;
border-bottom: thin dotted #b3a453;

}

#audio {
width: 420px;
padding:5px;
float: right;


}


#audio ol
{
list-style-type: none;
padding: 5px;

}

#audio ol li
{
list-style-type: none;
padding: 5px;
border-bottom: thin dotted #b3a453;

}





.toprow {
;
text-align: left;
font-weight: bold;
border-bottom: thin dotted #b3a453;
}
.secondrow {
border-bottom: thin dotted #b3a453;
text-align: left;
font-weight: bold;




}
.tablerest {

text-align: left;
}
.composer {
width: 115px;
font-size: 12px;
}
.concertcomposer {
width: 130px;
font-size: 12px;
}

.opera {
width: 190px;
font-style: italic;
font-size: 12px;
}

.role {
width: 120px;
font-size: 12px;
}
.opcomp {
width: 275px;
font-size: 12px;
}
.when {
width: 45px;
font-size: 12px;
}
.language {
width: 80px;
font-size: 12px;
}

.concertlanguage {
width: 120px;
font-size: 12px;
}


.headercomposer {
width: 115px;
border-bottom: thin dotted #b3a453;
font-size: 14px;
}
.headeropera {
width: 190px;

border-bottom: thin dotted #b3a453;
font-size: 14px;
}
.headeroperatitle {
width: 175px;
font-size: 14px;
border-bottom: thin dotted #b3a453;
}

.headerrole {
width: 120px;
font-size: 14px;
border-bottom: thin dotted #b3a453;
}
.headeropcomp {
width: 275px;
font-size: 14px;
border-bottom: thin dotted #b3a453;
}
.headerwhen {
width: 45px;
font-size: 14px;
border-bottom: thin dotted #b3a453;
}
.headerlanguage {
width: 80px;
font-size: 14px;
border-bottom: thin dotted #b3a453;
}
.headerconcertlanguage {
width: 120px;
font-size: 14px;
border-bottom: thin dotted #b3a453;
}
.headerconcertcomposer {
width: 140px;
border-bottom: thin dotted #b3a453;
font-size: 14px;
}

.concertcomposer {
width: 140px;

font-size: 12px;
}

#gigmonth {
padding-top: 10px;
width: 400px;
border-bottom: thin dotted #b3a453;
font-size: 14px;
font-style: italic;
}

#giginfo {
padding: 5px;
width: 400px;

font-size: 13px;
}

#gigyear {


font-weight: bold;
font-size: 14px;
}

#calendarcontainer {
width: 700px;
margin-left: 50px;

}

#gigaddress {
font-size: 9px;
}