/* "View slideshow >" in post list (just the preview) */
body img {
  -ms-interpolation-mode: bicubic;
}

.slideshow-preview {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

.slideshow-preview a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.slideshow-preview img {
  max-width: 100%;
}

.slideshow-preview span {
  display: block;
  color: #fff;
  font-size: 15px;
  height: 42px;
  line-height: 42px;
  background: #000;
  background: rgba(0,0,0,.6);
  width: 180px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  -webkit-transition-duration: .5s;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -90px;
}

.slideshow-preview :hover span {
  background: #000;
}

div#cycle {
  margin-bottom: 20px;
}
div#cycle #post_slideshow {
    overflow: hidden;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    background: #000;
}

#post_slideshow div {
  width: 100%;
  height: 100%;
  text-align: center;
}

#post_slideshow img {
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

div#controls {
    background: #000;
    overflow: hidden;
    height: 1%;
}

div#cycle span{
    text-indent: -99999px;
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

#cycle #controls a {
  text-indent: -9999px;
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  background: url(slideshow_controls_sprite.png) no-repeat #666 0 0;
  -webkit-transition-duration: .25s;
}

#cycle #controls a:hover {
  background-color: #fff;
}

#cycle #controls a#prev   { background-position: 0px 0px; }
#cycle #controls a#next   { background-position: -32px 0px; }
#cycle #controls a#pause  { background-position: -64px 0px; }
#cycle #controls a#resume { background-position: -96px 0px; display: none; }

div#cycle #caption{
    float: right;
    font-size: 11px;
    line-height: 32px;
    padding-right: 15px;
    color: #999;
}