Slide Body CSS

gistfile1.css

li.gallerySlide .slideBody {
    height: 100%;
    /* Total width = 100% with padding */
    width: 80%;
    padding-left: 5%; /* nudge selected slide in from left */
    padding-right: 15%; /* PEEK */
    overflow: auto; /* think vertical scroll bars with small browser height */
}

li.gallerySlide .assetWrap {
    display: block;
    position: relative;
    height: 100%;
    min-height: 800px; /* Don't want to scale down too much */
    margin-right: 370px; /* make space for photo description column */
    text-align: right; /* asset up against slide right rail */
}

li.gallerySlide .assetWrap a {
    position: relative;
    display: inline-block; /
    float: left; /* Ensure asset is in the peek when not the active slide */
    height: 100%;
    max-width: 100%;
    min-height: 800px;
    line-height: 0;
}
li.gallerySlide.selected .slideBody .assetWrap a {
    float: none; /* back to regular positioning now we're the active slide */
}