body {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  text-align: center;
  background-color: #1c001c;
}
#Content {
  color: #999999;
  text-align: left;
  width: 650px;
  margin: 0px auto;
}
#Content p.photoright {
  float: right;
  padding: 2px 0px 8px 10px;
  margin: 0px 0px 0px 0px;
}
#Content p.photoleft {
  float: left;
  padding: 2px 10px 8px 0px;
  margin: 0px 0px 0px 0px;
}
#Content ul {
  position: relative;
  text-align: left;
}
#Menu {
  margin: 0px 0px 0px 0px;
}
#Menu p {
  margin: 0px 0px 0px 0px;
}
#Menu input {
  width: 200px;
}

a:link    { color: #bbbbbb }
a:visited { color: #bbbbbb }
a:hover   { color: #bbbbbb; background-color: #333333 }
a:active  { color: #bbbbbb }
a.info {
  position:relative;
  text-decoration:none;
}
a.info:hover {
  z-index: 1;
}
a.info span { 
  display: none 
}
a.info:hover span {
  display:block;
  position:absolute;
  top: 2em; left: 2em; width: 15em;
  padding: 5px 5px 5px 5px;
  border:1px solid #696969;
  background-color: #361A36;
  text-align: left;
}

#header {
  position: relative;
  color: #999999;
  background-image: url(images/mezzoforte_ac.gif);
  background-repeat: no-repeat;
  background-position: top left;
  width: 650px;
  height: 75px;
  padding: 0px; 
  margin: 0px auto;
  height: 100px;
}
#headnav {
  text-align: right;
  vertical-align: bottom;
  position: absolute;
  border-bottom: solid thin #696969;
  left: 0px; bottom: 20px;
  width: 100%;
  padding: 0px; 
  margin: 0px;
}
#header a       { color: #999999; text-decoration: none; }
#header a:hover { color: #ffffff; background-color: #696969; }
#copyright {
  color: #696969;
  font-size: x-small;
  width: 650px;
  clear: both;
  padding: 1em 0px;
  margin: 0px auto;
}
#copyright p {
  margin: 0px;
}
#fpnews {
  position: relative;
  float: left;
  width: 315px;
  padding: 0px;
  margin: 0px;
}
#fpnews p.subject { 
  color: #bbbbbb;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}
#fpnews p.content { 
  margin: 0px 0px 0px 0px;
}

#fpperf {
  position: relative;
  float: right;
  width: 315px;
  padding: 0px;
  margin: 0px;
}
#fpnews h1, #fpperf h1 {
  font-size: 1.17em;
  margin: .5em 0;
}
#fpnews ul, #fpperf ul, #fpperf p {
  padding: 0px;
  margin: 0px 0px 0px 1.25em;
}
#fpperf p {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
#fpnews li, #fpperf li, #news li {
  padding-bottom: .5em;
}
#perform, #catalog {
  text-align: left;
}
table {
  width: 100%;
}
th {
  vertical-align: bottom;
  border-bottom: solid thin #696969
}
tr {
  vertical-align: top;
}
td {
  text-align: left;
}
td.date {
  white-space: nowrap;
}
a img {
  border: none;
}
h1 {
  font-size: 1.5em;
  margin: 0;
}
h2 {
  font-size: 1.25em;
  margin: 1em 0 0 0;
}
label {
  width: 125px;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}
.right {
  text-align: right;
}
#piece h1 {
  font-size: 2em;
  margin: 0;
}
#piece p {
  margin: 0;
}
#piece .year {
  font-size: small;
  display: inline;
}
#piece p.dedicat {
  font-style: italic;
}
#piece p.audio {
  float: right;
  padding: 2px 0px 8px 10px;
  margin: 0px 0px 0px 0px;
}
#linkleft, #Menuleft {
  float: left;
  width: 315px;
  padding: 0px;
  margin: 0px;
}
#linkright, #Menuright {
  float: right;
  width: 315px;
  padding: 0px;
  margin: 0px;
}
#blog h2 {
  font-weight: bold;
  font-size: 1.25em;
  margin: 15px 0px 0px 0px; 
  border-bottom: dotted thin #696969;
}
#blog h2.noline {
  border-bottom: none;
}
#blog h3 {
  font-weight: bold;
  font-size: 1.12em;
  margin: 15px 0px 0px 0px; 
  border-bottom: dotted thin #696969;
}
#comments {
  position: relative;
  float: left;
  width: 315px;
  padding: 0px;
  margin: 0px;
}  
#comment {
  padding-bottom: 5px;
  border-bottom: dotted thin #696969;
}
#comment p.name {
  font-weight: bold;
  font-size: 1.12em;
}
#blog p.postdate, #comment p.postdate {
  text-align: right;
  font-style: italic;
  font-size: .9em;
  margin: 0px 0px 0px 0px; 
}
#commentform {
  position: relative;
  float: right;
  width: 315px;
  text-align: right;
  padding: 0px;
  margin: 0px;
}
#commentform p {
  padding: 0px;
  margin: 0px;
}
#commentform label {
  float: none;
  text-align: right;
  margin-right: .5em;
  display: inline;
}