BODY
{
    margin                  : 0px;   
    background-image        : url( "/images/photos/zen/bg_image.gif" );
    background-attachment   : fixed;
    background-repeat       : no-repeat;
    font-family				: Verdana, Helvetica, sans-serif;
}

/* this is the text that holds the username */
.header-text
{
    display                 : block;
    text-decoration         : none;
	background-color        : #E4E8D9;
    text-align 				: left;
	padding                 : 10px 0 4px 50px;
    color					: #993333 !important;
	text-transform 		    : capitalize;
	border-bottom			: 1px dotted gray;
}

/* this is the outer div of other page for the user */
DIV.other-pages
{
	padding-top				: 5px;
    padding-left            : 50px;  
}

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

.style-change-text
{
    display                 : none;
}

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

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

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

.other-page-name-link
{
	font-size           : 0.9em;
    color               : #3366CC;
    text-decoration	    : none;		
}

.other-page-current
{
    font-weight         : bold;
    color               : #990000;
}

.images-in-folder-text
{
	text-transform	: uppercase;
    color           : #993333;
    font-size       : 0.8em;
    font-weight     : bold;
}

.photos-wrapper
{
    margin-left         : 50px;
}

.photo-caption-wrapper
{
    position            : relative;
	float				: left;
	text-align	 		: center;
	padding             : 17px 6px 0px 6px;
    width               : 225px;
    height              : 200px;
}

.photo-wrapper
{
	margin              : 0 30px;
	max-width           : 150px;
}

BODY > .photo-wrapper
{
    margin              : 0 auto;
}

/* This is the actual image itself */
.photo
{
	border-color        : #993333;
    border-style        : solid;
    border-width        : 4px 4px 4px 4px;
    padding             : 2px;
    background-color	: white;
}

/* The caption under the photo */
.photo-caption
{
    /* This screws up mozilla 1.4
    position            : absolute; */
    top                 : 130px;
    left                : 20px;
    display	 			: block;
	margin  			: 13px auto 0 auto;
    border-color        : #996666;
    border-width        : 0px 2px 2px 0px;
	border-style        : solid;
	padding				: 5px;
    background-color    : #F1F3Ec;
    text-decoration     : none;
    width               : 170px;
    font-size           : 10pt;
    color               : #666 !important;
}

* html body .photo-caption
{
    left                : 25px;
}

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

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

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