/*Reset hidden browser-imposed stylings */

      html,body{margin:0;padding:0}

      p {margin:0 0 1em 0;padding:0}

      h1{margin:0 0 .7em 0;padding:0}

      form {margin:0;padding:0}



body {
   padding: 0px;
   margin: 0px;
   background-color: #333333;

}

p.hide { display: none; }

a:link { color: red; text-decoration: none; }
a:visited { color: red; text-decoration: none; }
a:hover { color: blue; }


#logo {

   position: absolute;
   padding: 5px;
   padding-left: 50px;
   padding-right: 100px;
   background-color: #555555;
   width: 100%
}


.nicelink {
   font-size: 10px;
   text-align: right;
   color: #ffffff;
   font-family: arial;
   margin-right: 55px;
   }

#album {
   position: absolute;
   top: 10;
   left: 10;
   right: 600;
   padding-top: 20px;
   padding-left: 10px;

}

#album img {
   vertical-align: center;
   margin-left: 3px;
   margin-top: 3px;
   border: 5px solid #000000;
}

#audioalbum {
   position: absolute;
   top: 10;
   left: 10;
   right: 200;
   padding-top: 20px;
   padding-left: 10px;

}

#audioalbum img {
   vertical-align: center;
   margin-left: 3px;
   margin-top: 3px;
   border: 5px solid #000000;
}



#content {
   position: absolute;
   top: 200;
   left: 50;
   width: 350px;
   color: #ffffff;
   font-family: arial;
   font-size: 10px;
   background-color: #444444;
   padding: 5px;
}

#content h1 {
   position: absolute;
   left: 0;
   display:block;
   float: left;
   font-size: 10px;
   color: #999999;
   border: 1px solid #ff0000;
}

#content h2 {
   display:inline;
   position: relative;
   left: 45px;
   font-size: 10px;
   color: #ffffff;
   font-weight: bold;
   border: 1px solid #00ff00;
   }

#content h3 {
   display: block;
   position: relative;
   /*top: -33px;  hacky because block doesn't work.*/
   left: 75px;
   width: 250;
   font-size: 10px;
   color: #ffffff;
   font-weight: normal;
   border: 1px solid #0000ff;
   }