/* 
# 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 {
text-align: center;
border: 1px solid #ccc;
padding: 10px;
}

.home .slip-n-slide {
padding: 0;
margin: 2em 0 20px;
}

.slip-nav {
position: relative;
}

.home .prev-photos a,
.home .next-photos a {
top: auto;
bottom: 5px;
}

.prev-photos a,
.next-photos a {
position: absolute;
top: 15px;
text-indent: -9999px;
height: 88px;
width: 18px;
}

.prev-photos a {
left: 10px;
background: url('/img/nav.gif') -36px -88px no-repeat;
}

* html .prev-photos a { /* IE6 */
left: 0;
}

.prev-photos a:hover {
background: url('/img/nav.gif') -18px -88px no-repeat;
}

.prev-photos a.disabled,
.prev-photos a.disabled:hover {
background: url('/img/nav.gif') 0 -88px no-repeat;
}

.next-photos a {
right: 10px;
background: url('/img/nav.gif') 0 0 no-repeat;
}

* html .next-photos a { /* IE6 */
right: auto;
left: 633px;
}

* html .home .next-photos a { /* IE6 */
left: auto;
right: 0;
}

.next-photos a:hover {
background: url('/img/nav.gif') -18px 0 no-repeat;
}

.next-photos a.disabled,
.next-photos a.disabled:hover {
background: url('/img/nav.gif') -36px 0 no-repeat;
}

#slip-n-slide-1 ul {
margin: 10px 80px;
}

.home #slip-n-slide-1 ul {
margin: 5px 55px;
}

.slip-n-slide ul * {
vertical-align: middle;
}

.slip-n-slide li {
display: block;
float: left;
margin: 14px;
font-size: .9em;
color: #666;
}

.home .slip-n-slide li {
width: 152px;
}

.slip-n-slide img.hover {
border: 4px solid #C0D4EB;
}

.slip-n-slide li img {
cursor: pointer;
border: 4px solid transparent;
}

.home .slip-n-slide li img {
cursor: pointer;
border: 4px solid transparent;
width: 60px;
}

.slip-n-slide img.selected,
.home .slip-n-slide li img.selected {
border: 4px solid #15437A;
}

.slip-n-slide img.full {
padding: 2px;
}

.home .slip-n-slide img.full {
max-width: 350px;
max-height: 350px;
margin: 0 auto;
}

* html .home .slip-n-slide img.full {/* IE6 */
width: 350px;
}

.slip-n-slide-frame { 
height: 400px;
display: table-cell; 
vertical-align: middle;
text-align: center;
width: 650px;
}

.home .slip-n-slide-frame { 
width: 650px;
height: 357px;
}

* html .home .slip-n-slide img.full { //IE6
height: 410px;
}

.slip-n-slide-frame * {
vertical-align: middle;
}

.slip-n-slide-frame span {
display: inline-block;
height: 100%;
}