@charset "UTF-8";

* {
margin: 0;
padding: 0;
}

html {
background-color: #222;
font-family: Helvetica, Arial, sans-serif;
}

#wrapper {
width: 960px;
height: 500px;
margin: 80px auto 10px auto;
background-color: #FFF;
-o-box-shadow: 0 0 20px #000;
-icab-box-shadow: 0 0 20px #000;
-khtml-box-shadow: 0 0 20px #000;
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;

}

#image {
float: left;
width: 500px;
height: 500px;
}

#content {
float: right;
width: 460px;
height: 500px;
}

#content h1 {
height: 100px;
}

#content ul {
height: 260px;
overflow: auto;
background: #FFF url(track-list-bg.gif) repeat-y left top;
padding: 20px;
}

#content li {
list-style: none;
font-size: 0.8em;
clear: left;
}

#content li span {
float: left;
margin-right: 1px;
border-bottom: 1px solid #FFF;
}

#content li .track-number {
background-color: #CA252B;
padding: 3px;
color: #FFF;
width: 18px;
}

#content li .artist {
background-color: #000;
padding: 3px;
color: #FFF;
width: 170px;
}

#content li .track-name {
background-color: #888;
padding: 3px;
color: #FFF;
width: 201px;
}

#content li .link a:link,
#content li .link a:visited {
background: #FFF url(artist-website.gif) no-repeat left top;
width: 6px;
height: 7px;
display: block;
text-indent: -9999px;
margin: 0.3em 0 0 3px;
}

#content h2 {
height: 100px;
width: 460px;
float: left;
background: #FFF url(buy-now-background.gif) no-repeat left top;
color: #FFF;
font-size: 0.8em;
font-weight: normal;
}

#content form {
text-align: center;
margin-top: 36px;
}

#content form input#buy-a-copy-now {
display: block;
margin: 5px auto 0 auto;
}

#footer {
clear: both;
text-align: center;
color: #444;
font-size: 0.8em;
line-height: 1.4;
padding-top: 10px;
}

#footer a:link,
#footer a:visited {
color: #444;
}