/* Default.css */ /*Arial, Helvetica, sans-serif*/ body { background: #8a4c18 url(../img/bg.png); font-family: Georgia, Serif; margin: 0; color: #646466; } a { text-decoration: none; color: #283a78; } a:hover { color: #da1a1a; } h3 a { color: #646466; } #wrapper { background: transparent url(../img/bg-voorwerpen1.png) no-repeat; width: 1100px; margin: 0 auto; padding: 100px 0 315px; position: relative; font-size: 0.8em; line-height: 1.7em; } #navigation { position: absolute; z-index: 120; right: 150px; top: 0; height: 203px; width: 484px; background: transparent url(../img/bg-menu.png) no-repeat; } #navigation ul.nav { margin: 0 0 0 60px; height: 100%; } #navigation ul.nav li { list-style: none; display: block; height: 100%; float: left; } #navigation ul.nav li a { display: block; float: left; height: 100%; width: 100%; text-indent: -9999px; background: transparent url(../img/bg-menu.png) no-repeat; } #navigation ul.nav li#home a { width: 55px; height: 75px; background-position: -60px 0px; } #navigation ul.nav li#about a { width: 60px; height: 100px; background-position: -115px 0px; } #navigation ul.nav li#releases a { width: 70px; height: 100px; background-position: -175px 0px; } #navigation ul.nav li#links a { width: 60px; height: 120px; background-position: -245px 0; } #navigation ul.nav li#contact a { width: 75px; height: 130px; background-position: -305px 0px; } #navigation ul.nav li#home a.selected, #navigation ul.nav li#home a:hover { background-position: -60px -203px; } #navigation ul.nav li#about a.selected, #navigation ul.nav li#about a:hover { background-position: -115px -203px; } #navigation ul.nav li#releases a.selected, #navigation ul.nav li#releases a:hover { background-position: -175px -203px; } #navigation ul.nav li#links a.selected, #navigation ul.nav li#links a:hover { background-position: -245px -203px; } #navigation ul.nav li#contact a.selected, #navigation ul.nav li#contact a:hover { background-position: -305px -203px; } #container { width: 820px; background: transparent url(../img/bg-content-top.png) no-repeat; position: relative; margin: 0 0 0 140px; z-index: 80; } #header h1 { position: absolute; width: 335px; height: 307px; text-indent: -9999px; top: -100px; left: -75px; z-index: 90; } #header h1 a { display: block; background: transparent url(../img/logo.png); width: 335px; height: 307px; text-indent: -9999px; } #header h2 { margin: 0 0 20px 260px; padding: 35px 0 0; } #header h2#title_releases { text-indent: -9999px; background: transparent url(../img/title-releases.png) no-repeat left bottom; height: 43px; } #header h2#title_home { text-indent: -9999px; background: transparent url(../img/title-home.png) no-repeat left bottom; height: 43px; } #header h2#title_links { text-indent: -9999px; background: transparent url(../img/title-links.png) no-repeat left bottom; height: 43px; } #header h2#title_contact { text-indent: -9999px; background: transparent url(../img/title-contact.png) no-repeat left bottom; height: 43px; } #header h2#title_news { text-indent: -9999px; background: transparent url(../img/title-news.png) no-repeat left bottom; height: 43px; } #content { background: transparent url(../img/bg-content.png) repeat-y; position: relative; z-index: 80; } #sidebar { width: 200px; margin: 100px 10px 0 40px; float: left; } #sidebar dt { color: #da1a1a; } #sidebar dd { margin: 0;} #content-main { float: left; margin: 0 0 0 10px; width: 500px; min-height: 445px; height:auto !important; height:445px; } #content-main #releases ul { margin: 0; } #content-main #releases ul li { list-style: none; display: block; height: 50px; width: 150px; float: left; } #content-main #releases ul li a { text-indent: -9999px; display: block; height: 50px; width: 150px; float: left; background: transparent url(../img/releases.png) no-repeat; } #content-main #releases ul li.singles a { background-position: right top; } #content-main #releases ul li.singles a:hover { background-position: right 50%; } #content-main #releases ul li.singles a.selected { background-position: right bottom; } #content-main #releases ul li.albums a { background-position: left top; } #content-main #releases ul li.albums a:hover { background-position: left 50%; } #content-main #releases ul li.albums a.selected { background-position: left bottom; } #content-main #releases .release { margin: 15px 0; } #content-main #releases .release .release_image { float: left; width: 120px; } #content-main #releases .release .release_info { float: left; width: 360px; } #content-main #releases .release .release_info p { margin: 0; } #content-main #releases .release .release_info .more { float: left; margin-top: 26px; } #content-main #releases .release .release_info .buy { float: right; width: 120px; } #content-main #releases .release .release_info .buy a { display: block; height: 25px; padding-left: 30px; line-height: 25px; } #content-main #releases .release .release_info .buy a.itunes { background: transparent url(../img/itunes.png) no-repeat left 50%; } #content-main #releases .release .release_info .buy a.shop { background: transparent url(../img/shop.png) no-repeat left 50%; } #content-main #releases #release .info { float: left; width: 500px; } #content-main #releases #release .image img { width: 450px; height: auto; margin: 15px 0; } /* #content-main #releases .release .info p { margin: 0; } #content-main #releases .release .info .more { float: left; margin-top: 26px; } */ #content-main #releases #release .info .buy { float: right; width: 120px; margin: 0 0 20px 20px; } #content-main #releases #release .info .buy a { display: block; height: 25px; padding-left: 30px; line-height: 25px; } #content-main #releases #release .info .buy a.itunes { background: transparent url(../img/itunes.png) no-repeat left 50%; } #content-main #releases #release .info .buy a.shop { background: transparent url(../img/shop.png) no-repeat left 50%; } #content-main #releases .release .line { clear: both; background: transparent url(../img/line.png) no-repeat 50% 50%; display: block; height: 22px; } #content-bottom { background: transparent url(../img/bg-content-bottom.png) no-repeat; height: 95px; position: relative; z-index: 80; } #footer { background: transparent url(../img/bg-footer.png); height: 393px; position: absolute; bottom: 0; width: 100%; z-index: 50; } #platen { position: absolute; right: 0; bottom: 60px; z-index: 100; }