body {
background-color: white;
font-family: helvetica, arial, sans-serif;
font-size: 13px;
color: black;
line-height: 1.6;
}

a:link {
color: #429b86;
}

a:visited {
color: #23564a;
}

a:hover {
color: #00a8d8;
}

.content {
margin-top: 20px;
width: 700px;
margin-left: auto;
margin-right: auto;

}

h1 {
font-size: 32px;
color: #555;
background: url(sl-icon.jpg) no-repeat left;
padding-left: 34px;
}

h1 span.title {
color: #bbb;
}

h2 {
font-size: 18px;
color: #777;
margin-top: 2em;
margin-bottom: 0.5em;
}

h3 {
font-size: 14px;
color: white;
background-color: #666;
margin-top: 2em;
padding-left: 4px;
}

h4 {
font-size: 13px;
}

ul, ol {
margin: 0;
padding: 0;
}

ul {
list-style: circle;
}

li {
margin: 0.3em 0 0.3em 2em;
}

.top-image {
float: left;
margin-top: 3em;
margin-left: 0;
}

.list {
float: left;
padding-left: 20px;
}

.text {
clear: both;
}

.tracklist {

}

.tracklist li {
list-style: none;
}

.footer {
font-size: 11px;
border-top: 1px solid #ccc;
margin-top: 2em;
padding-top: 0.5em;
}

ul.navi {
margin: 0 0 10px 0;
padding: 0;
border-bottom: 1px solid #ccc;
}

ul.navi li {
margin: 0;
padding: 0;
float: left;
width: 100px;
line-height: 1;
list-style-type: none;
font-size: 14px;
}

ul.navi a {
padding: 0.6em 10px; /* Button Height */
border: none;
display: block;
position: relative; /* IE6 Bug Fix */
text-align: center;
text-decoration: none;
color: #333;
font-weight: bold;
}


ul.navi a:hover {
color: #fff;
background-color: #429b86;
}

ul.navi li.current a:link,
ul.navi li.current a:visited,
ul.navi li.current a:hover {
color: #fff;
background-color: #666;
}

ul.navi {
_height: 1px;
min-height: 1px;
}

ul.navi:after {
height: 0;
visibility: hidden;
content: "";
display: block;
clear: both;
}