/* ----- NOT FOR PUBLIC CHANGING ... CAN BE IN MODULE ----- */

/* currently hidden until made visible by JavaScript ... fill screen but has image container and menu/name above image visible */
.photo-albums-photo-current-container {display: none; position: absolute; top: 25px; left: 25px; z-index: 9990; width:1050px; height:635px; margin:0; padding: 10px 0 0 10px;}
.photo-albums-photo-current {display: inline; width: 800px; height: 600px; z-index: 9998; position: relative; float:left; margin:0 10px 0 0; padding:0;}
.photo-albums-photo-current-comments {display: block; width: 208px; height: 578px; z-index: 9997; padding:10px; margin-top:23px; position: relative; float:left; border:1px solid #999; overflow-y:auto; overflow-x: hidden;}
.photo-albums-album-comments-container {display: none;}
.photo-albums-album-comment-form #your_comment {width: 170px; height: 100px;}
.photo-albums-photo-current-caption {width:100%;}
.photo-albums-photo-current-caption-name {width:500px; height:20px;}
.photo-albums-photo-current-caption-nextpreviousclose {height:20px; width:300px; text-align:right;}

/* MISC BASIC STLYES FOR THE MODULE */
.photo-albums-crumbs {margin-top:15px;}
.photo-albums-category-content, .photo-albums-album-content {margin-bottom: 25px;}
.photo-albums-category-container, .photo-albums-album-container {margin: 5px 0px;}
.photo-albums-category-a, .photo-albums-album-a {text-decoration: none;}
.photo-albums-category-cover, .photo-albums-album-cover {float:left; margin:0 0 5px 0; padding:0;}
.photo-albums-category-title, .photo-albums-album-title {clear:left; margin:0; padding:0;}
.photo-albums-photo-container {float: left; width: 100px; height: 65px; overflow: hidden; margin: 5px;}
.photo-albums-photo-a {text-decoration: none;}
.photo-albums-photo-img {width: 100px; height: auto;}
.photo-albums-photo-container-caption {display: none;}


/* ----- THESE ARE REQUIRED BY DESIGNER FOR CHANGING ... PLEASE INCLUDE COMMENTS ----- */

/*
    1. style the links under the 100x100 images on the catgory and album pages
*/
.photo-albums-category-container, .photo-albums-album-container {}

/*  2. change background colour of the large photo container if really needed. it does look best black though as the comments container is light grey */
.photo-albums-photo-current-container {background-color: #000; /* ONLY set background colour -- DO NOT add any other CSS here */}

/*  3. if you change the background colour of the container, you might also want to change the colour and font style of the image caption and links above image */
.photo-albums-photo-current-caption-name {color:#FFF; font:14px Arial, Helvetica, sans-serif; font-weight:bold;}
.photo-albums-photo-current-caption-nextpreviousclose {font-size:12px; font-weight:normal; color:#FFF;}
	.photo-albums-photo-current-caption-nextpreviousclose a:link, .photo-albums-photo-current-caption-nextpreviousclose a:visited {color:#FFF; text-decoration:none;}
	.photo-albums-photo-current-caption-nextpreviousclose a:hover, .photo-albums-photo-current-caption-nextpreviousclose a:active {text-decoration:underline;}

/*  5. these are the styles for the comment box and text to the right of the photo*/
.photo-albums-photo-current-comments {color:#000; background-color:#e6e6e6; /* ONLY set font styles and background colour -- DO NOT add any other CSS here */}
.photo-albums-album-comment-credit {color:#666; font-style:italic; /* ONLY set font styles -- DO NOT add any other CSS here */}
.photo-albums-album-comment-container {margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #999;}