/**
 * 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: #000;
	/*margin: 0 0 1.3em 0;*/
	/*background-color: #eee;*/
	padding: 0.3em;
	/*border: 1px solid #ddd;*/
	font-family:'Arbutus Slab', sans-serif;
	font-size:14px;
}

#cwsoft-foldergallery  p.infos {
	/*font-weight: bold;*/
	margin: 0;
	color:#65270d;
}

/** STYLES FOR THE ALBUM FOLDER VIEWS */
#cwsoft-foldergallery .album {
	float: left;
	width: 236px;	/* _config.php:CWS_FOLDERGALLERY_THUMBNAIL_IMAGE_WIDTH + 15px left margin + 2px border for album cover image */
	height: 273px;	/* _config.php:CWS_FOLDERGALLERY_THUMBNAIL_IMAGE_HEIGHT + 2px border for album cover image */
	height: 273px;	/* _config.php:CWS_FOLDERGALLERY_THUMBNAIL_IMAGE_HEIGHT + 2px border for album cover image + 60 px for album description */
	background-image: url(../images/album-background.png) ;
	background-repeat:no-repeat;
	/*border: 2px solid #7b6b4a;
	border-color: #7b6b4a #574d2a #574d2a #7b6b4a;*/
	margin: 0.8em 0.8em 0 0;
	padding: 15px 15px;
	overflow: hidden;
}

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

#cwsoft-foldergallery .album img {
	/*border: 1px solid #7b6b4a;*/
	/*margin: 0 15px 0 15px;*/
}

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

#cwsoft-foldergallery .album ul {
	list-style-type: none;
	padding: 0;
	/*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: 236px;	/* _config.php:CWS_FOLDERGALLERY_THUMBNAIL_IMAGE_WIDTH */
	height: 273px;	/* _config.php:CWS_FOLDERGALLERY_THUMBNAIL_IMAGE_HEIGHT */
	background-image: url(../images/album-background.png) ;
	background-repeat:no-repeat;
	/*border: 2px solid #7b6b4a;
	border-color: #7b6b4a #574d2a #574d2a #7b6b4a;*/
	margin: 40px 20px 0 20px;
	padding: 15px 15px;
	/*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;*/
}

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

#cwsoft-foldergallery .photo img {
	/*border: 1px solid #999;*/
	margin: 0;
}

/** 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;
	font-family:'Arbutus Slab', sans-serif;
}

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