* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 0.9em/1.1 Tahoma, sans-serif;
color: #000;
background-image: url(back.gif);
background-position: center top;
}
a {
text-decoration: none;
}
a:link, a:visited {
color: #ac8c7c;
}
a:hover {
color: #d8c5bc;
}
a:active {
color: #fff;
}
img {
border: none;
}
hr {
display: none;
}
/* ----------- Headings ----------- */
h1 {
display: none;
}
h2 {
display: block;
}
/* ----------- Content ----------- */
#container-wrapper {
width: 969px;
height: 747px;
margin: 0 auto;
background-image: url(background.jpg);
}
#header {
width: 969px;
height: 95px;
padding-top: 25px;
text-align: center;
background-image: url(header-back.png);
}
#radio-wrapper {
width: 969px;
height: 80px;
padding: 25px 0 15px 0;
text-align: center;
background-image: url(radio-player-back.png);
}
#radio-player {
width: 320px;
height: 80px;
margin: 0 auto;
}
#menu-bar {
width: 969px;
height: 78px;
padding-top: 2px;
background-image: url(menu-bar-back.png);
}
#shoutcast-info {
margin-top: 20px;
}
/* ----------- Lists ----------- */
ul#players {
display: block;
width: 915px;
height: 77px;
margin: 0 auto;
list-style: none;
}
ul#players li {
float: left;
width: auto;
height: 77px;
padding: 0 8px 0 6px;
}
ul#players li:hover {
background-image: url(hilight-back.png);
}
ul#players li a {
display: block;
height: 77px;
background-repeat: no-repeat;
}
ul#players li a:link, ul#players li a:visited {
background-position: center left;
}
ul#players li a:hover {
background-position: center right;
}
ul#players li a#flash {
width: 179px;
background-image: url(icon-flashplayer.png);
}
ul#players li a#winamp {
width: 143px;
background-image: url(icon-winamp.png);
}
ul#players li a#mediaplayer {
width: 183px;
background-image: url(icon-mediaplayer.png);
}
ul#players li a#quicktime {
width: 167px;
background-image: url(icon-quicktime.png);
}
ul#players li a#realplayer {
width: 173px;
background-image: url(icon-realplayer.png);
}
ul#players li a span {
display: none;
}
ul#options {
display: block;
float: right;
/*width: 226px;*/
width: 393px;
height: 82px;
list-style: none;
}
ul#options li {
float: left;
width: auto;
height: 76px;
padding: 3px 4px;
}
ul#options li:hover {
background-image: url(hilight-back.png);
}
ul#options li a {
display: block;
height: 76px;
background-repeat: no-repeat;
}
ul#options li a, ul#options li a:link, ul#options li a:visited {
background-position: center left;
}
ul#options li a:hover {
cursor: pointer;
background-position: center right;
}
ul#options li a#rating {
width: 80px;
background-image: url(icon-rating.png);
}
ul#options li a#playlist {
width: 72px;
 background-image: url(icon-playlist.png);
}
ul#options li a#rssfeed {
width: 68px;
background-image: url(icon-rssfeed.png);
}
ul#options li a#perfekten {
width: 141px;
background-image: url(icon-perfekten.png);
}
ul#options li a span {
display: none;
}
/* ----------- Footer ----------- */
#footer {
height: 82px;
margin-top: 202px;
padding-top: 2px;
background-image: url(footer-back.png);
}
#copyright {
float: left;
width: 457px;
height: 41px;
margin: 7px;
padding: 27px 0 0 19px;
font-size: 8pt;
color: #aaa;
background-image: url(copyright-back.png);
}
#footer-links {
margin-left: 25px;
}