#page {
    margin: 38px auto;
    width: 826px;
}

h1 {
    margin: 0 0 30px;
}

/* =albums
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#albums {
    margin-bottom: 10px;
    overflow: auto;
}

#albums li {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
}

#albums a {
    display: block;
    height: 160px;
    overflow: hidden;
    text-indent: -666em;
    width: 250px;
}

#albums a:hover {
    background-position: 0 -160px;
}

/* =album
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#photos {
}

#photos li {
    display: none;
    line-height: 0;
}

#photos li:first-child {
    display: block;
}

#photos img {
    height: 452px;
    width: 802px;
}

/* -photo
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#photo {
    background: #FFF url('../images/hedonskate-fashion-show.gif') no-repeat bottom right;
    height: 456px;
    padding: 12px 12px 45px;
    position: relative;
}

#photo #nav {
    display: none;
    height: 452px;
    left: 0;
    position: absolute;
    top: 0;
    width: 826px;
}
    #photo #nav #prev { float: left }
    #photo #nav #next { float: right }

#photo #nav li {
    width: 49%;
}

#photo #nav li a {
    background-image: url('../images/blank.gif');
    display: block;
    height: 452px;
    overflow: hidden;
    text-indent: -666em;
}
    #photo #nav #prev a:hover { background: url('../images/prev.gif') no-repeat left center }
    #photo #nav #next a:hover { background: url('../images/next.gif') no-repeat right center }

#pagination {
    font-size: .85em;
    left: 13px;
    top: 477px;
    position: absolute;
}

#pagination li {
    display: inline;
    float: left;
}

#pagination a {
    background: #C2DA5C;
    color: #FFF;
    display: inline;
    float: left;
    margin-right: 4px;
    padding: 4px;
    text-decoration: none;
}
#pagination li.active a { background: #A3BF2A }

#loading {
    background: #FFF url('../images/loading.gif') no-repeat center center;
    height: 464px;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 826px;
}

/* =fashion
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#fashion {
    float: right;
    height: 50px;
}

#fashion li { float: left }

#fashion a {
    background-image: url('../images/fashion.gif');
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -666em;
}
    #fashion #hedonskate-apparel a {
        background-position: 0 0;
        width: 77px;
    }
    #fashion #other a {
        background-position: -77px 0;
        width: 48px;
    }