/* 
# Slip-n-slide photo gallery
# Version: 0.1
# Author: Nick Grossman
# URL: http://wrkng.net/slip-n-slide
# License: GPL 3 http://www.gnu.org/licenses/gpl-3.0.html
*/


.slip-n-slide {
  position:relative;
  text-align: center;
  width: 500px;
  border: 1px solid #ccc;
  padding: 10px;
}
.prev-photos,
.next-photos {
  position: absolute;
  top: 375px;
  text-indent: -9999px;
  height: 88px;
  width: 18px;
}
.prev-photos {
  left: 10px;
  background: url('../images/nav.gif') -36px -88px no-repeat;
}
.prev-photos:hover {
  background: url('../images/nav.gif') -18px -88px no-repeat;
}
.prev-photos.disabled {
  background: url('../images/nav.gif') 0 -88px no-repeat;
}
.next-photos {
  right: 10px;
  background: url('../images/nav.gif') 0 0 no-repeat;
}
.next-photos:hover {
  background: url('../images/nav.gif') -18px 0 no-repeat;
}
.next-photos.disabled {
  background: url('../images/nav.gif') -36px 0 no-repeat;
}

.slip-n-slide ul {
  margin: 10px 30px;
}
.slip-n-slide ul * {
  vertical-align: middle;
}
.slip-n-slide li {
  display: block;
  float: left;
  margin: 3px;
  font-size: .9em;
  color: #666;
}
.slip-n-slide img.hover {
  border: 4px solid #C0D4EB;
}
.slip-n-slide li img {
  cursor: pointer;
  border: 4px solid transparent;
}
.slip-n-slide img.selected {
  border: 4px solid #15437A;
}
.slip-n-slide img.thumb {
  max-width: 120px;
}
.slip-n-slide img.full {
  height: 350px;
  border: 1px solid #ccc;
  padding: 2px;
}