html { background: #231e15 url(../img/bg_html.jpg) center 0 no-repeat; }
body { width: 899px; margin: 0 auto; }
#header { position: relative; height: 270px; }
#header h1 { width: 275px; padding: 65px 0 0 10px; }
#header h1 a { display: block; height: 160px; text-indent: -3000em; background: transparent url(../img/bg_logo.jpg) 0 -160px no-repeat; }
#header h1 a:hover { background-position: 0 0; }
#menu { position: absolute; left: 490px; bottom: 0; width: 390px; height: 185px; }
#menu ul { float: left; display: block; margin: 0; }
#menu ul li a { display: block; background: transparent url(../img/bg_menu.jpg) 0 0 no-repeat; text-indent: -3000em; }
#menu ul.menu { width: 220px; }
#menu ul.menu li { display: block; float: left; }
#menu ul.menu li a { height: 185px; width: 36px; }
#menu ul.menu li.news a.top { width: 40px; }
#menu ul.menu li.news a:hover { background-position: 0 -185px; }
#menu ul.menu li.news a.active { background-position: 0 -370px; }
#menu ul.menu li.albums a.top { background-position: -40px 0; }
#menu ul.menu li.albums a:hover { background-position: -40px -185px; }
#menu ul.menu li.albums a.active { background-position: -40px -370px; }
#menu ul.menu li.paparazzi a.top { background-position: -76px 0; }
#menu ul.menu li.paparazzi a:hover { background-position: -76px -185px; }
#menu ul.menu li.paparazzi a.active { background-position: -76px -370px; }
#menu ul.menu li.shows a.top { background-position: -112px 0; }
#menu ul.menu li.shows a:hover { background-position: -112px -185px; }
#menu ul.menu li.shows a.active { background-position: -112px -370px; }
#menu ul.menu li.info a.top { background-position: -148px 0; }
#menu ul.menu li.info a:hover { background-position: -148px -185px; }
#menu ul.menu li.info a.active { background-position: -148px -370px; }
#menu ul.menu li.friends a.top { background-position: -184px 0; }
#menu ul.menu li.friends a:hover { background-position: -184px -185px; }
#menu ul.menu li.friends a.active { background-position: -184px -370px; }
#menu ul.external { width: 100px; margin: 70px 0 0 52px; }
#menu ul.external li { display: block; }
#menu ul.external li.myspace a.top { height: 30px; margin-bottom: 4px; background-position: -272px -70px; }
#menu ul.external li.myspace a:hover { background-position: -272px -255px; }
#menu ul.external li.facebook a.top { height: 42px; background-position: -272px -104px; }
#menu ul.external li.facebook a:hover { background-position: -272px -289px; }
#content { background: #cfbe90; padding: 0 0 1em; }
#content ol.page_menu { display: block; margin: 0 1em 1em; padding: 0.2em 0.4em; list-style: none; background: #e1d7ba; overflow: auto; }
#content ol.page_menu li { float: left; margin: 0; padding-right: 0.4em; }
#content ol.page_menu li:before { content: 'ยป '; font-size: 120%; color: #8b7f60; }
#content ol.playlist { display: block; margin: 0 0 1em; }
#content ol.playlist li { font-size: 1.2em; line-height: 1; }
#content ol.playlist li a { line-height: 140%; }
#content table { margin-bottom: 1em; }
#content table td { padding: 0.2em 0.4em; }
#content table.stripe .alt th,
#content table.stripe .alt td { background-color: #efe9cd; }
#content .box { margin: 0 1em 2em; padding: 0.4em 1em 1em; background: #e1d7ba none right 0 no-repeat; }
#content .newslist { clear: both; }
#content .newslist .article { overflow: auto; clear: both; }
#content .newslist .image { float: left; width: 160px; overflow: hidden; }
#content .newslist .content { float: left; padding-bottom: 1em; width: 680px; }
#content .albumlist { overflow: auto; }
#content .albumlist a { display: block; float: left; padding: 2px 4px; }
#content .gallery { padding: 0.4em 0; margin-bottom: 0.4em; background: #111; }
#content .gallery h3 { float: left; width: 5em; text-align: center; margin: 0; font-size: 2em; color: #333; }
#content .gallery .thumbs { padding: 0.4em; overflow: auto; }
#content .gallery .thumbs a { display: block; float: left; width: 75px; height: 75px; padding: 4px 6px; margin: 1px; text-align: center; line-height: 75px; background: #000; }
#content .gallery .thumbs a img { vertical-align: middle; }
#content .shows { font-size: 1.2em; line-height: 1.8em; }
#content .shows th { font-weight: normal; color: #333; }
#content .shows td.location { }
#content .shows td.location span { font-size: 1.2em; }
#content .shows td.address { }
#content .shows td.time { }
#content .shows td.price { }
#content .shows td.age { color: #222; }
#content #contact { min-height: 320px; padding-right: 400px; background-image: url(../img/page/contact.jpg); }
#content #contact table { font-size: 1.4em; line-height: 130%; }
#content #contact table th,
#content #contact table td { padding: 0.3em; }
#content #contact table th { font-weight: normal; vertical-align: top; }
#content #contact table td { font-size: 90%; text-align: right; }
#footer { padding: 3em 0 1em; color: #68593e; font-size: 76%; text-transform: uppercase; overflow: auto; }
#footer .copyright { float: left; }
#footer .label { float: right; }
.album { clear: both; overflow: auto; padding: 1em 0; }
.album .cover { float: left; width: 290px; padding: 0 0 1em; position: relative; z-index: 100; }
.album .cover a.download_available { display: block; width: 290px; height: 180px; background: url(../img/download_available.jpg) center -12px no-repeat; text-indent: -3000em; }
.album .details { margin-left: 290px; padding: 0 1em 1em; }
.album .title { margin: 0; }
.album .description { font-style: italic; }
.album .copyright { font-size: 80%; }
.album .tracklist { clear: right; margin: 0 1em 1em; overflow: auto; }
.album .tracklist li { display: block; clear: left; line-height: 2em; text-align: right; }
.album .tracklist li span { vertical-align: middle; }
.album .tracklist li .track { float: left; color: #444; vertical-align: bottom; }
.album .tracklist li .title { float: left; font-size: 120%; }
.album .tracklist li .length { font-size: 90%; }
.album .purchase { }
.album .purchase h4 { margin: 0; }
.album .purchase .errors { background: #9f0d0e; color: #fff; }
.columns { overflow: auto; }
.columns .column { float: left; width: 46%; padding: 1%; margin: 0 1%; }
.videolist { position: relative; }
.videolist .player { width: 450px; height: 370px; overflow: hidden; background: #222; line-height: 370px; text-align: center; }
.videolist .player span { color: #444; font-size: 2em; vertical-align: middle; }
.videolist .section { width: 380px; float: left; clear: left; padding: 0 0 2em; }
.videolist h3 { margin: 0; }
.videolist ul { margin: 0 5px 0; list-style: none; }
.videolist ul li { display: block; }
.videolist ul a { display: block; padding: 0.3em; }
.videolist ul a.active { background: #f6f4ed; }