/*-------------------------------------------
Slideshow styles
---------------------------------------------

Styles to enable the rotating news slideshows.

Specific hacks for Internet Explorer 6 are marked with "IE6 HACK". See
README.txt for details.

Original author: Ben Sturmfels, Boojum, March 2009

------------------------------------------*/

.slideshow {
  height: 260px;
  position: relative;
}

#slideshow-heading {
  display: none;
}

.slide {
  background: #dedfe0;
  height: 196px;
  position: absolute; left: 0; top: 0;
  z-index: 9;
  padding: 5px 0;
}

.slide.default {
  z-index: 10;
}

.slide .media {
  width: 240px;
  height: 196px;
  float: left;
}

.slide .text {
  padding: 0.5em 0.9em;
  margin-left: 240px;
}

.slideshow .text h3 {
  margin: 0 0 0.4em;
}

#slideshow-controls {
  position: absolute; left: 0.6em; bottom: 10px;
  z-index: 11;
  display: none; /* hidden until script displays it */
  background: #97999b;
  width: 240px;
  border-top: 1px solid #777;
}

#slideshow-controls .inner {
  float: right;
  padding: 0 0 0 0.3em;
  margin: 0;
  border: none;
  background: transparent;
}

#slideshow-controls span.button {
  color: white;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  display: block;
  width: 21px;
  height: 18px;
  float: left;
  padding: 3px 0 0;
  margin-right: 0.3em;
}

#slideshow-controls #jump-buttons span.button {
  background: #97999b;
  width: 23px;
  height: 20px;
  padding: 3px 0 0;
}

#slideshow-controls span.button img {
  vertical-align: top;
  margin: 0;
}

#slideshow-controls #jump-buttons span.button.current {
  background: #97999b url(../image/bg-slideshow-button.png) center center no-repeat;
}

.slideshow.tall {
  height: 440px;
  width: 290px;
  float: left;
  padding: 0;
  margin: 0 0 0.5em;
}

.slideshow.tall .slide {
  left: 0;
  padding: 0;
  margin: 0;
  height: auto;
  background: transparent;
}

.slideshow.tall .media {
  float: none;
  padding: 0;
  margin-top: 5px;
}

.slideshow.tall .text {
  float: none;
  padding: 0;
  margin: 30px 0 0;
  width: 240px;
  height: 170px;
  overflow: hidden;

  _margin-top: 33px; /* IE6 HACK: nudge caption up */
}

.slideshow.tall #slideshow-controls {
 height: 24px;
 position: absolute; left: 0; top: 196px;
}