/**
 * A lightweight folder based gallery module for the CMS SilverStripe
 *
 * Contains the CSS layout for the foldergallery module.
 * 
 * LICENSE: GNU General Public License 3.0
 * 
 * @platform    CMS SilverStripe 3
 * @package     mod_foldergallery
 * @author      cwsoft (http://cwsoft.de)
 * @copyright   cwsoft
 * @license     http://www.gnu.org/licenses/gpl-3.0.html
*/

/** GENERAL STYLES FOR THE FOLDERGALLERY */
#mod_foldergallery  {
	width: auto;
}

#mod_foldergallery .clear {
	clear: both;
	margin: 0;
	padding: 0;
}

#mod_foldergallery .hidden {
	display: none;
}

#mod_foldergallery  a,
#mod_foldergallery  a:link,
#mod_foldergallery  a:visited,
#mod_foldergallery  a:hover,
#mod_foldergallery  a:active {
	text-decoration: none;
	border: 0;
}

/** STYLES FOR DISPLAY OF AVAILABLE ALBUMS/IMAGES AND BREADCRUMBS */
#mod_foldergallery .breadcrumbs {
	font-size: 95%;
	color: #999;
	margin: 0 0 1.3em 0;
	background-color: #eee;
	padding: 0.3em;
	border: 1px solid #ddd;
}

#mod_foldergallery  p.infos {
	font-weight: bold;
	margin: 0;
}

/** STYLES FOR THE ALBUM FOLDER VIEWS */
#mod_foldergallery .album {
	/*float: left;*/
	width: 167px;	/* _config/settings.yml:THUMBNAIL_IMAGE_WIDTH + 15px left margin + 2px border for album cover image */
	height: 177px;	/* _config/settings.yml:THUMBNAIL_IMAGE_HEIGHT + 2px border for album cover image + 60 px for album description */
	/*border: 2px solid #7b6b4a;*/
	border-color: #7b6b4a #574d2a #574d2a #7b6b4a;
	margin: 0.8em 0.8em 0 0;
	padding: 5px;
	overflow: hidden;
}

#mod_foldergallery .album:hover {
	/*border: 2px solid #610;*/
}

#mod_foldergallery .album img {
	border: 1px solid #7b6b4a;
	margin: 0 0 0 15px;
}

#mod_foldergallery .album img.subfolder {
	border: 0 !important;
	margin: 0 0 0 30px !important;
	height: 117px;
}

#mod_foldergallery .album ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 15px;
	padding: 0.1em;
}

#mod_foldergallery .album ul li {
	list-style-type: none;
	font-size: 90%;
	color: #666;
	line-height: 1.3em;
	text-align: center;
}

#mod_foldergallery .album ul li.title {
	font-weight: bold;
	color: #444;
}

/** STYLES FOR THE PHOTO THUMBNAIL VIEWS */
#mod_foldergallery .photo {
	float: left;
	width: 150px;	/* _config/settings.yml:THUMBNAIL_IMAGE_WIDTH */
	height: 115px;	/* _config/settings.yml:THUMBNAIL_IMAGE_HEIGHT */
	background: none repeat scroll 0 0 white;
	/*border: 2px solid #ccc;*/
	border-color: #ccc #999 #999 #ccc;
	margin: 0.6em 0.6em 0 0;
	padding: 8px;
}

#mod_foldergallery .photo:hover {
	/* border: 2px solid #777; */
}

#mod_foldergallery .photo img {
	border: 1px solid #999;
	margin: 0;
}

/** STYLES FOR THE FOLDERGALLERY NAVIGATION AND PAGINATION */
#mod_foldergallery .backlink {
	clear: both;
	display: block;
	background-color: #eee;
	padding: 0.3em;
	border: 1px solid #ddd;
	margin: 1.5em 0 0 0;
}

#mod_foldergallery .backlink a {
	text-decoration: none;
}

#mod_foldergallery .pagination  {
	margin: 1.2em 0 0 0;
}

#mod_foldergallery .pagination a {
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 0.3em;
}

/** STYLES FOR THE ADDITIONAL ADDED JQUERY PREVIEW BUTTON FOR FULL-SCALE VIEW */
a.cboxFullSizeView {
	display: block;
	position: absolute;
	bottom: 0; 
	right: 26px;
	background: url(../images/full-size.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
	text-decoration: none;
	border: 0;
}

a.cboxFullSizeView:hover {
	background-position: -25px 0;
}

a#cboxStartSlideShow {
	display: block;
	float: right;
	font-weight: normal;
}