/*
 * YUI v2.8.0r4 Base Stylesheets
 */
@import url("/skin/css/reset.min.css");
@import url("/skin/css/fonts.min.css");
@import url("/skin/css/base.min.css");

/*
 * NOBTS Base Stylesheets
 */
@import url("/skin/css/layout.css");
@import url("/skin/css/typography.css");

/*
 * NOBTS Homepage Specific Styles
 */
#billboards {
  width: 610px;
  margin: 20px 0 20px 0;
}

#billboard {
  height: 320px;
  width: 480px;
  border: 0 none;
  background-repeat: no-repeat;
}

#billboard_navigation {
  width: 126px;
  height: 320px;
  margin: -16px 0 0 0;
  padding: 0;
}

#billboard_scroll_up {
  margin: 0 48px -10px 48px;
}

#billboard_scroll_down {
  margin: -16px 48px 0px 48px;
}

#billboard_thumbs {
  height: 280px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

#billboard_thumbs li {
  margin: 4px 0;
  padding: 0 0 0 14px;
}

#billboard_thumbs li.current {
  padding-left: 0px !important;
  list-style-image: url('/skin/img/billboard.current_indicator.png');
  list-style-position: inside;
}

#billboard_thumbs li img {
  height: 61px;
  width: 93px;
  margin: 0;
  padding: 0;
  border: 2px solid #ffffff;
  vertical-align: -15px;
}

#billboard_thumbs li.current img {
  margin-left: -7px !important;
  border: 2px solid #5a1a83;
}

#billboard_pages {
  margin: -170px -5px 0 0;
  list-style: none;
}

#billboard_pages li {
  width: 10px;
  height: 10px;
  padding: 2px 0;
  background: transparent url('/skin/img/billboard.page.png') no-repeat top left;
  list-style: none;
}

#billboard_pages li.current {
  background: transparent url('/skin/img/billboard.page.current.png') no-repeat top left;
}

#spotlight {
  width: 610px;
}

#spotlight img {
  margin: -3px 6px 0 -3px;
  padding: 0;
  float: left;
  background-image: url('/skin/img/spotlight.png');
  background-repeat: no-repeat;
  background-position: 3px 3px;
}