/* CSS Document */
body  {
  text-align: center;
  color: #677899;
  background: #ffffff url('images/backgradient.png') repeat-x fixed left bottom;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5em;
  }
  
a {
  color: #677899;
  text-decoration: none;
  font-weight: normal;
  font-style: italic;
  }

a:hover {
  text-decoration: underline;
  }
  
a img {
  border: 0;
  }

#container {
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 20px;
  width: 810px;
  }

/* first-level structural divs */
  
#left {
  float: left;
  width: 260px;
  padding: 0;
  }
  
#left.epk {
  width: 258px;
  }

#right  {
  width: 520px;
  float: right;
  margin-bottom: 100px;
  }

#right.epk {
  width: 610px;
  }

#clear  {
  clear: both;
  }

/* second-level structural divs */

#logo {
  padding-bottom: 20px;
  }
  
#menu {
  text-align: right;
  margin-right: 16px;
  line-height: 1.8em;
  }
  
#banner {
  text-align: right;
  height: 180px;
  }
  
#content  {
  }
  
/* photogalleries */

.photogallery {
  padding-bottom: 30px;
  text-align: left;
  }
  
#right.epk #content .photogallery, #left.epk .photogallery {
  text-align: justify;
  padding: 10px;
  border: 1px solid #dcdcdc;
  margin-top: 10px;
  }

.photogallery h3  {
  margin: 0;
  margin-bottom: 8px;
  font-size: 2.4em;
  font-weight: normal;
  font-variant: small-caps;
  }
  
#left.epk .photogallery p {
  padding: 0px;
  margin: 0px;
  }

#left .photogallery h3  {
    margin-top: 20px;
    }
    
#left.epk .photogallery h3  {
  margin-top: 0px;
  }
  
.photogallery h4  {
  margin: 0;
  margin-bottom: 8px;
  font-size: 1.2em;
  font-weight: normal;
  font-variant: small-caps;
  }
  
.photogallery img {
  background: #ffffff;
  padding: 0px;
  }
  
/* other */

#polaroid {
  width: 240px;
  height: 240px;
  margin-top: -42px;
  }

*html #polaroid  {
  width: 196px;
  height: 224px;
  margin-top: -72px;
  margin-right: 0px;
  }
  
*html #indexdates {
  position: relative;
  top: -381px;
  }

#fadesquare  {
  position: relative; 
  top: -382px; 
  left: 6px; 
  z-index: 1003;
  }

#fadesquare img {
  margin: 0px;
  border-bottom: 4px solid #ffffff;
  }
  
*html #fadesquare  {
  top: -381px;
  padding: 0;
  }
  
*html #albumcover {
  margin-top: 12px;
  }

*html .albumcover {
  margin-top: 12px;
  }
    
.lyricoff {
  display: none;
  }
  
.lyricon  {
  display: block;
  }