/* vim: set et ts=4 sw=4 sts=4: */
BODY
{
    margin                  : 0px;   
    background              : #FFFFFF url( "/images/photos/funky/bg_image.gif" ) no-repeat scroll top left;
    font-family         : Verdana, Arial, sans-serif;
    font-size           : 12pt;
}

/* this is the text that holds the username */
.header-text
{
    display                 : block;
    text-decoration         : none;
    margin                  : 0px 0px 0px 300px;
    padding                 : 20px 0px 0px 45px;
    background              : #FFDE7B url( "/images/photos/funky/banner_corner.gif" ) no-repeat scroll bottom left;
    text-align              : left;
    color                   : #FF3333 !important;
    font-size               : 30px;
    font-family             : Avant Garde, sans-serif;
    text-transform          : uppercase;
}

.parent-pages,
.other-pages
{
    /*
    position                : absolute;
    top                     : 65px;
    */
    margin-left             : 345px;
}

/* this is the outer div of other page for the user */
.parent-pages,
.parent-pages a,
.other-pages,
.other-pages a
{
    color                   : #3366CC;
}

/* this allows the user to change the style to another stylesheet */
DIV.style-change
{    
    position                : absolute;
    top                     : 16px;
    right                   : 15px;
}

.style-change-text
{
    display: none;
    color                   : #636363;
}

/* The caption for the entire page */
div.page-caption
{
    text-align                : left;
    clear                    : all;
}

/* This contains each sub page for the user */
DIV.parent-pages-wrapper,
DIV.other-pages-wrapper
{
    width                   : 20%;
    text-align              : center;
}

.parent-page-image-link
.other-page-image-link
{
    display                    : none;
}

.parent-page-name-link,
.other-page-name-link
{
    font-family         : Verdana, Helvetica, sans-serif;
    font-size           : 0.9em;
    color               : #3366CC;
    text-decoration        : none;        
}

.parent-page-current,
.other-page-current
{
    font-weight         : bold;
    color               : #ED1C24;
}

.images-in-folder-text
{
    text-transform      : uppercase;
    padding-left        : 120px;
}

.photos-wrapper
{
    margin              : 80px 0px 0px 225px;
}

.photo-caption-wrapper
{
    position            : relative;
    float               : left;
    text-align          : center;
    padding             : 15px 4px;
    width               : 200px;
    height              : 195px;
    text-decoration     : none !important;
}

/* IE forces divs to be at least as big as their content.
   In this case it's actually what we want */
* html body .photo-wrapper
{
    width: 0px;
    height: 0px;
}

.photo-wrapper
{
    background-color    : transparent;
    width               : 134px;
    height              : 102px;
    margin              : auto;
}

/* This is the actual image itself */
.photo
{
    background-color    : white;
    margin              : auto;
    padding             : 1px;
    border              : 7px solid #333366;
    border-radius       : 6px;
    -moz-border-radius  : 6px;
}

/* The caption under the photo */
.photo-caption
{
    display             : block;
    margin              : 13px auto 0 auto;
    padding             : 5px;
    width               : 182px;
    color               : #666666;
    text-decoration     : none;
    font-size           : 10pt;
}

.photo-caption-empty
{
    display             : none;
}

.footer
{
    clear               : left;
    float               : left;
    font-size           : 0.8em;
    margin-top          : 20px;
    margin-left         : 10px;
}

a:link, a:visited
{
    color               : #3366CC;
}