/**
 * 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     cwsoft-foldergallery
 * @author      cwsoft (http://cwsoft.de)
 * @copyright   cwsoft
 * @license     http://www.gnu.org/licenses/gpl-3.0.html
*/

/** GENERAL STYLES FOR THE FOLDERGALLERY */
#cwsoft-foldergallery  {
	width: auto;
}

#cwsoft-foldergallery .clear {
	clear: both;
	margin: 0;
	padding: 0;
}

#cwsoft-foldergallery .hidden {
	display: none;
}

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

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

#cwsoft-foldergallery  p.infos {
	font-weight: bold;
	margin: 0;
	display:none !important;
}

/** STYLES FOR THE ALBUM FOLDER VIEWS */
#cwsoft-foldergallery .album {
	float: left;
	 max-width:200px;
	/* max-width:287px; */
	/* width:100%; */
	/* 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 */
	/* background: #ae9f82 url(../images/album-background.png) repeat-y 0 ; */
	/* border: 2px solid #7b6b4a; */
	/* border-color: #7b6b4a #574d2a #574d2a #7b6b4a; */
	
	padding: 5px;
}

#cwsoft-foldergallery .album:hover {
	/* border: 2px solid #610; */
}

#cwsoft-foldergallery .album img {
	border:5px solid #fff;
	 max-width:287px;
	width:100%;
}

#cwsoft-foldergallery .album img.subfolder {
	/*
	border: 0 !important;
	margin: 0 0 0 30px !important;
	height: 117px;
	*/
}

#cwsoft-foldergallery .album ul {
	list-style-type: none;
	padding: 0;
	min-height: 70px;
	/* margin: 0 0 0 15px; */
	padding: 0.1em;
}

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

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

/** STYLES FOR THE PHOTO THUMBNAIL VIEWS */


#cwsoft-foldergallery .photo {
	float: left;
	width:100%;
	max-width: 200px;	/* _config/settings.yml:THUMBNAIL_IMAGE_WIDTH */
	/*height: 185px; */	/* _config/settings.yml:THUMBNAIL_IMAGE_HEIGHT */
	margin: 0.6em 0.6em 0 0;
	padding: 0;
	border:5px solid #fff;
}

#cwsoft-foldergallery .photo:hover {
	
}

#cwsoft-foldergallery .photo img {
	/*margin: 0; */
	width:100%;
}

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

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

#cwsoft-foldergallery .pagination  {
	margin: 1.2em 0 0 0;
}

#cwsoft-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;
}