html { margin: 0px; color: white; font: 10pt "Trebuchet MS", Helvetica, Arial; }
body { background: black url(img/stars.jpg) top left; margin: 0px 0px 30px 0px; }
#page { background: url(img/eclipse_top.jpg) top center no-repeat; padding-top: 111px; min-width: 810px;}
#page .base { background: url(img/eclipse_base.jpg) bottom center no-repeat; height: 96px; }
#menu { background: url(img/eclipse_menu.jpg) top left no-repeat; height: 32px; text-align: left; width: 770px; margin: 0px auto; }
a { color: #7eaeea; text-decoration: none; }
a:visited { color: #7eaeea; }
a.selected { color: white; }
a:hover { color: white; }

#links a { display: inline-block; height: 32px; background: url(img/eclipse_menu.jpg) no-repeat;}
#links a#menuListen { width: 100px; }
#links a#menuLyrics { width: 100px; margin-left: 80px; background-position: -180px 0px; }
#links a#menuBuy    { width: 100px; margin-left: 60px; background-position: -340px 0px; }
#links a#menuAbout    { width: 100px; margin-left: 60px; background-position: -500px 0px; }
#links a#menuEmail    { width: 100px; margin-left: 60px; background-position: -660px 0px; }
#links a:hover#menuListen { background-position: 0px -32px; }
#links a:hover#menuLyrics { background-position: -180px -32px; }
#links a:hover#menuBuy    { background-position: -340px -32px; }
#links a:hover#menuAbout    { background-position: -500px -32px; }
#links a:hover#menuEmail    { background-position: -660px -32px; }

#content { width: 800px; margin: -55px auto 5px auto; }
#ajaxload { text-align: center; padding: 50px 0px; display: none; }

#title { margin-bottom: 25px; }
#subtitle { margin-bottom: 10px; }

#album { width: 532px; height: 456px; float: left; background: url(img/album.jpg) top left no-repeat; margin-bottom: 20px; }
#album .inner { padding: 63px 0px 30px 45px; }
#album .column { margin-right: 45px; float: left; }
#album a { display: block; width: 180px; height: 18px; margin-bottom: 1px; color: white; }
#album a:hover { background: url(img/speaker.png) 3px center no-repeat; }
#album a.selected { background: url(img/speaker2.png) 0px center no-repeat; }
#album img { border: none; }

#listen .side { margin-left: 550px; color: white; padding-top: 20px; }
.side h1 { font-family: "Trebuchet MS", Helvetica, Arial; font-size: 20pt; margin: 0px 0px 20px 0px; padding: 0px; font-weight: normal; text-align: center; }
.side h2 { font: normal 11pt "Trebuchet MS", Helvetica, Arial; margin: 22px 0px 5px 0px; color: #DDD; }
.side a.download { display: block; background: url(img/download.png) left center no-repeat; padding-left: 20px; margin-top: 25px; text-decoration: none; }
.side a.lyrics { display: block; background: url(img/book.png) left center no-repeat; padding-left: 20px; margin-top: 10px; text-decoration: none; }

#lyrics .side { margin-left: 540px; color: white; padding-top: 20px; }
.side ol { margin: 0px; padding: 0px 0px 0px 20px; }
#lyrics .side h2 { margin-left: 25px; }

.paper { width: 504px; float: left; background: #fad46c url(img/paper.jpg) top left repeat-y; margin-bottom: 20px; }
.paper .inner { padding: 20px 0px 0px 0px; background: url(img/paper_top.jpg) top left no-repeat; }
.paper .inner .inner { padding: 0px 40px 30px 45px; background: url(img/paper_base.png) bottom left no-repeat; color: black; }
.paper p { font: 11pt "Trebuchet MS", Helvetica, Arial; }

.paperlarge { width: 800px; background: #fef9a4 url(img/paperlarge.jpg) top left repeat-y; margin: 0px auto 20px auto; }
.paperlarge .inner { padding: 20px 0px 0px 0px; background: url(img/paperlarge_top.jpg) top left no-repeat; }
.paperlarge .inner .inner { padding: 0px 40px 30px 45px; background: url(img/paperlarge_base.png) bottom left no-repeat; color: black; }
.paperlarge p { font: 11pt "Trebuchet MS", Helvetica, Arial; text-indent: -20px; margin-left: 20px; }