body {
  font:12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background:#000 url(images/body_bg.jpg) left top repeat-x;
  overflow:hidden;
}

img {
  border: 0 none;
}

ul, li, ol {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

fieldset {
  border:0;
  margin:0;
  padding:0;
}

#wrapper {
  width: 1100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -320px;
  margin-left: -550px;
}

#middle {
  background: transparent url(images/index_bg.png) no-repeat scroll 50% 0;
  clear: both;
  width: 1000px;
  height: 633px;
  padding: 10px 10px 10px 90px;
  margin: 0 auto;
  overflow: hidden;
}


div.pages {
  background:transparent url(images/page_bg.png) left top repeat;
  height: 550px;
  width: 940px;
  overflow: hidden;
  position: relative;
  margin: 0 10px 0 10px;
}

div.pages div.items {
  clear: both;
  position: absolute;
  width: 20000em;
}

div.pages div.items div {
  float: left;
  width: 940px;
  height: 550px;
}

div.pages div.items div.active {
}

div.pages div.items div>div {
  padding: 18px;
  width: 902px;
  height: 512px;
}

/*====scroll====*/
div.menu {
  height: 50px;
  width: 940px;
  overflow: hidden;
  position: relative;
  margin: 0 10px 0 10px;
  color: #FCAE04;
  font-size: 21px;  
}

div.menu div.items {
  clear: both;
  position: absolute;
  width: 20000em;
}

div.menu div.items div {
  float: left;
  width: 134px;
  height: 50px;
}

div.menu div.items div.active {
}

div.footer {
  width: 940px;
  height: 13px;
  padding-right: 52px;
  text-align: right;
  color: #dddddd;
  font-size: 10px;
}

div.footer a{
  text-decoration: none;
  color: #dddddd;
}

div.footer a:hover{
  color: #dddddd;
}

.listen {
  background: transparent url(images/btn_listen.png) no-repeat scroll left top;
  height: 78px !important;
}

.listen span{
  color: #000;
  height: 30px;
  width: 128px;
  display: block;
  text-align: center;
  line-height: 32px;
}

.cd {
  background: transparent url(images/btn_cd.png) no-repeat scroll left top;
}

.cd_expanded {
  background: transparent url(images/btn_cd_expanded.png) no-repeat scroll left top;
  height: 170px !important;
}

.shop {
  background: transparent url(images/btn_shop.png) no-repeat scroll left top;
}

.screen {
  background: transparent url(images/btn_screen.png) no-repeat scroll left top;
}

.ace {
  background: transparent url(images/btn_ace.png) no-repeat scroll left top;
}

.shortcut {
  display: block;
  height: 48px;
  padding-left: 50px;
  padding-top: 7px;
  width: 140px;
  text-decoration: none;
  line-height: 32px;
  color: #fff;
}

.listen:hover {
  color: #fff;
}

/* ==== home ==== */
#home div {
  width: 640px;
  float: left;
  padding-top: 5px;
}

#home div.right_panel {
  width: 210px;
}

/* ==== discography ==== */
#discography div{
  width: 920px;
}

#discography ul {
  margin: 0;
  padding: 0;
}

#discography ul li {
  list-style: none;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  width: 192px;
  height: 212px;
  padding: 10px;
  margin: 0 18px 18px 0;
  /*border: 1px solid #fff;*/
  /*background-color: #898989;*/
  background: transparent url(images/disco_bg.png) no-repeat scroll left top;
  overflow: hidden;
  float: left;
  text-align: center;
}

#discography span {
  font-size: 14px;
  display: inline-block;
  width: 150px;
  background: #000;
}

#discography img {
  padding: 18px 18px 0 18px;
  width: 150px;
  height: 150px;
}

#discography a {
  text-decoration: none;
  color: #fff;
}

#discography a:hover {
  color: #fff;
}

/* === modal == */
#simplemodal-overlay {
  background-color:#000;
  cursor:wait;
}

#simplemodal-container {
  height:400px;
  width:600px;
  background-color:#fff;
  border:3px solid #ccc;
}

#simplemodal-container a.modalCloseImg {
  background:url(images/dialog_close.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

#sizeAlertContainer {
  height:140px;
  width:420px;
  background-color:#fff;
  border:3px solid #ccc;
  color: #000;
}

#sizeAlertDialog {
  text-align: center;
  padding: 10px;
  line-height: 1.5em;
}

/* == Discography details (for dialog) == */
div.discography_detail {
  padding: 20px;
  color:#000;
}

div.discography_detail h1 {
  padding: 0;
  margin: 0;
  line-height: 28px;
}

div.discography_detail div.album_info {
  margin: 10px 0 0 0;
  width: 220px;
  float: left;
}

div.discography_detail div.album_info ol{
  padding: 0;
  width: 210px;
  margin-bottom: 10px;
}

div.discography_detail img{
  width: 210px;
  height: 210px;
}

div.discography_detail ol{
  padding-left: 20px;
  float: left;
}

div.discography_detail ol li{
  line-height:18px;
  margin:2px 0;
}

div.discography_detail ol a{
  background: none;
  color: #00000;
  padding: 0px;
}

div.discography_detail ol li span{
  display: inline-block;
  width: 200px;
}

div.discography_detail span{
  padding-left: 20px;
}

div.discography_detail li.playable{
  background: #DDDDDD url(images/icon_play.png) right top no-repeat;
  padding-right: 20px;
  cursor: pointer;
}

div.discography_detail li.playing{
  background: #DDDDDD url(images/icon_pause.png) right top no-repeat;
  font-weight: bold;
}

div.discography_detail div.album_info ol li span{
  display: inline-block;
  width: 80px;
}

div.discography_detail a {
  background: #000000 none repeat scroll 0 0;
  color: #FFFFFF;
  padding: 5px;
  text-decoration: none;
}

/* == Discography details (for dialog) == */
div.discography_reviews {
  padding: 20px;
  color:#000;
  height: 364px;
  padding: 18px;
  overflow-y: scroll;
  overflow-x: none;
  color: #000;
}

div.discography_reviews h1 {
  padding: 0;
  margin: 0;
  line-height: 28px;
}

div.discography_reviews h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}

div.discography_reviews div {
  padding: 0;
  margin: 5px 0 10px 0;
  width: 100%;
}

/* ==== news ==== */
#news div.news_list {
  width: 902px;
  float: left;
  height: 512px;
}

#news div.news_list ul{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#news div.news_list ul li{
  border:1px solid white;
  margin-bottom:10px;
  padding: 0 10px;
  width: 870px;
  min-height: 90px;
  background: #595959 url(images/board_bg.png) repeat-x scroll left top;
}

#news div.date{
  float: left;
  width: 72px;
  height: 72px;
  text-align: center;
  margin: 10px 10px 0 0;
  background: transparent url(images/date_bg.png) repeat-x scroll left top;
}

#news p {
  margin: 12px;
}

#news div.date span{
  font-size: 40px;
}

/* ==== Media ==== */
#media {
}

#media div.photos {
  width: 610px;
  float: left;
  height: 512px;
}

#media div.photos ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#media div.photos ul li {
  display:inline;
}

#media div.photos ul img {
  border-color:#3E3E3E;
  border-style:solid;
  border-width:5px 5px 15px;
}

#media div.photos ul a {
  text-decoration: none;
  position: relative;
}

#media div.photos ul a img {
  width: 136px;
  height: 91px;
}

#media div.photos ul a:hover img {
  border-color:#FFFFFF;
  border-style:solid;
  border-width:5px 5px 15px;
  color:#FFFFFF;
}

#media div.photos ul a:hover {
  color:#FFFFFF;
}

#media div.interviews {
  width: 255px;
  float: left;
  height: 550px;
  padding-bottom: 0px;
  padding-top: 0px;
}

div.interviews li {
  background:transparent url(images/btn_interview.png) no-repeat scroll left top;
  display:block;
  height:48px;
  line-height:48px;
  padding-left:26px;
  width:250px;
}

div.interviews a {
  text-decoration: none;
  color: #fff;
}

div.interviews a:hover {
  color: #fff;
}

div.interview_detail {
  height: 364px;
  padding: 18px;
  overflow: scroll;
  color: #000;
}

/* ==== Guestbook ==== */
#guestbook ol{
  padding: 18px;
  width: 902px;
}

#guestbook ol li{
  border: 1px solid #777777;
  margin-bottom: 10px;
  padding: 5px;
  background: #595959 url(images/board_bg.png) repeat-x scroll left top;
}

#guestbook ol li.loading{
  background: transparent url(images/guestbook_loader.gif) left top no-repeat;
  height: 31px;
}

#guestbook ol li.createnew {
  cursor: pointer;
}

#guestbook a.next, #guestbook a.previous {
  text-decoration: none;
  color: #ffffff;
}

#guestbook a.next:hover, #guestbook a.previous:hover {
  color: #ffffff;
}

#guestbook ol li div{
  display: block;
  float:none;
  height: 1.5em;
  padding: 0;
  width: 890px;
  color: #000;
  border-bottom: 1px solid white;
}

#guestbook ol li div span{
  float:left;
  font-weight: bold;
  color: #fff;
}

#guestbook ol li div span.date{
  float:right;
}

div.guestbook_entry {
  color: #000;
}

div.guestbook_entry label {
  float:left;
  margin-right:1em;
  text-align:right;
  width:60px;    
}

div.guestbook_entry h1 {
  margin-left: 10px;
}

div.guestbook_entry li {
  line-height: 2.5em;
  vertical-align: top;
}

div.guestbook_entry input, div.guestbook_entry textarea {
  padding: 2px;
  margin: 0 0 10px 0;
  width: 490px;
}

div.guestbook_entry textarea {
  height: 200px;
}

div.guestbook_entry input.submitButton {
  margin-left: 70px;
  width: 100px;
}
/* === Store === */
#store ul{
  padding: 18px 0 0 18px;
  margin: 0;
  width: 650px;
  float: left;
}

#store ul li {
  list-style: none;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  width: 132px;
  height: 182px;
  padding: 10px;
  margin: 0 10px 10px 0;
  /*border: 1px solid #fff;*/
  /*background-color: #898989;*/
  background: transparent url(images/store_bg.png) no-repeat scroll left top;
  overflow: hidden;
  float: left;
  text-align: center;
}

#store ul li div{
  width: 130px;
  height: 40px;
  padding-top: 10px;
  float: left;
}

#store ul li span {
  font-size: 12px;
  display: inline-block;
  width: 120px;
  background: #000;
}

#store img {
  width: 120px;
  height: 120px;
}

#store a {
  text-decoration: none;
  color: #fff;
}

#store a:hover {
  color: #fff;
}

#store div.right_panel {
  float:left;
  margin:5px 0 0;
  padding:5px;
  width:220px;
}

#store div.right_panel img{
  height: auto;
  width: auto;
}

/* === Contact === */
#contact div {
  float: left;
  width: 500px;
}

#contact div.right_panel {
  width: 300px;
}

#contact .entry {
  height: auto;
  padding: 0;
  margin: 0 0 6px 0;
}

#contact .entry label {
  display:none;
}

#contact .entry label.security {
  position:absolute;
  display:block;
  background:#6d8098;
  width:54px;
  height:30px;
  text-align:center;
  line-height:30px;
  color:#fff;
  border:1px solid #fff;
}

#contact .entry input {
  border:1px solid #e9e9e9;
  width:425px;
  padding:7px 4px;
  color:#757575;
}

#contact .entry input.security {
  margin-left:60px;
  width:365px;
}

#contact .entry textarea {
  color:#FFFFFF;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  border:1px solid #e9e9e9;
  width:425px;
  padding:7px 4px;
  color:#757575;
}

#contact .entry input, #contact .entry textarea {
  width:400px;
}

#contact .entry input.security {
  width:340px;
}

#contact div.card {
  background: #fff;
  width: 300px;
  height: 150px;
  padding: 0;
  color: #000;
  margin-bottom: 20px;
}

#contact div.card span {
  float: left;
  padding: 5px;
  line-height: 1.5em;
}

#contact div.card span.head {
  display: block;
  background: #000;
  color: #fff;
  width: 290px;
  height: 20px;
  line-height: 20px;
  padding: 5px;
  font-weight: bold;
}

#contact div.card img {
  float: right;
  padding: 0 8px;
}

/* ==== links ==== */
#links div{
  width: 920px;
}

#links ul {
  margin: 0;
  padding: 0;
}

#links ul li {
  list-style: none;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  width: 202px;
  height: 71px;
  padding: 5px;
  margin: 0 10px 10px 0;
  /*border: 1px solid #fff;*/
  /*background-color: #898989;*/
  background: transparent url(images/link_bg.png) no-repeat scroll left top;
  overflow: hidden;
  float: left;
  text-align: center;
}

#links ul li a {
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
  display: block;
  color: #898989;
}

#links ul li a:active {
  color: #898989;
}

/* === additional scrollbar styles === */
a.jScrollArrowUp {
background:transparent url(images/basic_arrow_up.gif) repeat-x scroll 0 0;
}
a.jScrollArrowUp:hover {
background-position:0 -15px;
}
a.jScrollArrowDown {
background:transparent url(images/basic_arrow_down.gif) repeat-x scroll 0 0;
}
a.jScrollArrowDown:hover {
background-position:0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
background-position:0 -30px;
}

/* === preview styles === */
#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    z-index: 999;
    border: none;
}

#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}

#message {
  background: transparent url(images/404.png) no-repeat scroll 50% 65px;
  height: 550px;
  width: 940px;
  overflow: hidden;
  position: relative;
  margin: 0 10px 0 10px;
}

#message div {
  padding: 120px 0 0 420px;
}

span.movieoverlay {
  background:transparent url(images/movie_track.png) no-repeat scroll 0 0;
  height:32px;
  left:110px;
  position:absolute;
  top:-23px;
  width:32px;
  z-index:30;
}