/**
 * This style sheet copyright James White, 2008-present.  All rights reserved.
 *
 * This style sheet provides all of the css classes necessary for a photo album
 * with filmstrip.  The filmstrip images must be 64 by 48 pixels.  The images
 * for the body of the album must be 548 pixels wide or less, but their height
 * can be anything.
 *
 * There is one primary item of note:  if there are not exactly 12 filmstrip
 * images, as is likely the case, the width of the div albumpreview must be
 * 82px for every image (i.e. 10 images = 820px).  Note that similar changes
 * must be made in album.js as well.
 */
div#albumscanleft
{
    float: left;
    width: 25px;
    height: 54px;

    padding: 3px 0px;

    border: 1px solid #ffffff;

    background-image: url(http://arantcreative.com/images/albumleft.gif);
    background-repeat: no-repeat;
    background-position: center center;

    cursor: pointer;
}

div.albumscancenter
{
    position: relative;
    float: left;
    width: 496px;

    padding: 4px 0px;

    overflow: hidden;
}

div#albumscanright
{
    float: left;
    width: 25px;
    height: 54px;

    padding: 3px 0px;

    border: 1px solid #ffffff;

    background: url(http://arantcreative.com/images/albumright.gif);
    background-repeat: no-repeat;
    background-position: center center;

    cursor: pointer;
}

div#albumpreview
{
    position: relative;

    left: 4px;
    top: 0px;

    height: 54px;

    overflow: hidden;
}

img.albumthumbnail
{
    display: block;
    float: left;

    margin: 2px;
    margin-right: 12px;

    width: 64px;
    height: 48px;

    border: 1px solid #ffffff;

    cursor: pointer;
}

img.albumcurrent
{
    margin: 0px;
    margin-right: 10px;

    border: 3px double #00069d;

    cursor: default;
}

img#albummain
{
/* by default, it's inline, which means a padding-bottom of about 5px */
    display: block;

    clear: both;
    float: left;

    margin-top: 10px;

    width: 548px;

    border: 1px solid #ffffff;
}

div#albumcaption
{
    clear: both; float: left;
    width: 550px;
    text-align: right;
    font-style: italic;
}

span.albumcaptionplain
{
    font-style: normal;
}