h1, h2, div, p, ol, dl, ul, li, dt, dd { margin: 0; padding: 0; }
body { width: 736px; margin: 48px auto; line-height: 24px; font-family: Helvetica, Arial, sans-serif; }

hgroup { display: block; margin-bottom: 24px; }
h1 { font-size: 36px; line-height: 48px; }
h2 { font-size: 24px; }

#album { width: 300px; float: left; margin-bottom: 12px; }
#album img { display: block; width: 300px; height: 300px; background: #CCC; }
#album a { display: block; float: left; width: 150px; padding: 12px 0;
  text-align: center; color: inherit; text-decoration: none; font-size:14px; }
  
#album a:hover { background: #FEE; }
#album a span { display: inline-block; width: 24px; height: 24px; vertical-align: baseline;
  text-indent: -999em; background: url("../images/icons.png"); }
#album a.play span { background-position: top left; }
#album a.download span { background-position: top right; }

#tracks { float: right; width: 388px; margin-bottom: 12px; }
#tracks li { padding: 6px; margin: -6px -6px 6px; }
#tracks li.playable { cursor: pointer; }
#tracks li.playable:hover { background: rgba(255, 255, 255, 0.2); }
#tracks li.playable.playing { background: rgba(255, 255, 255, 0.5); }
#tracks .title { font-weight: bold; }
#tracks .artist { font-style: italic; }

#related { width: 300px; float: left; margin-top: 24px; border-top: 1px solid #000; padding-top: 47px; }

footer { display: block; clear: both; margin-top: 24px; border-top: 1px solid #CCC; padding-top: 24px; }
footer p.credit { font-style: italic; }