/*
 * Cement jAlbum Skin Rel. 1.3.4 (c) Pierre M. 2013-2015
 *
 * Combined style sheet for the index pages and the slide pages, with classes that are common to both styles
 */
* {
	margin: 0px;
	padding: 0px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0;
}
img {
	border: none;
}

a:link, a:visited, a:active {
	text-decoration: none
}
a:hover {
	color: red;
}

/*
 *   Cement style sheet
 */

/* Structure */

#content {
	width: 90%;
	margin: auto;
}

/* Decoration */

/* Header */
#header {
	border-width: 1px;
	border-style: solid;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h1 {
	font-size: pt;
	font-weight: ;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
}

#galleryCommentsDiv {
	padding: 20px;
	border-width: 1px;
	border-style: dotted;
	margin-bottom: 20px;
	font-size: smaller;
}

.galleryComments {

	display: none;
}

/* Folders & Images */
a h4 {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 32px;
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
}

.rating-overlay,
.folder-overlay,
.video-overlay {
	position: absolute;
	top: 5px;
	left: 5px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.rating-overlay {
	font-size: 12px;
	top: 5px;
	left: 5px;
}

.video-overlay {
	font-size: 200%;
	left: 5px;
	bottom: 10%;
}

.folder-overlay {
	font-size: 200%;
	left: 5px;
	top: 5px;
}

.folder {
	text-align: center;
}

.folderplaceholder {
	font-size: 175.0px;
	color: grey;
}

.disabled {
	color: grey;
}

/* Folders only */
.anchorfolder {
	position: relative;
	vertical-align: middle;
/*	color: brown;*/
}

/* Images only */
a.imageLink {
/*	color: red;*/
}

.fileMeta {
	display: none;
}

/* Footer */
#footer {
	margin-top: 20px;
	text-align: center;
}

.creditlink {
	font-size: 8pt;
	padding-top: 8px;
	display: block;
}

/* Layout helper classes
 */
#container {
	width: 100%;
	margin: 0 auto;
}
.item   {
	margin-bottom: -8px;
	width: 250px;
}
.gigante {
	width: 750px;
}
.w2 {width: 500px; }
.w3 {width: 750px; }
.w4 {width: 1000px; }
.w5 {width: 1250px; }
.w6 {width: 1500px; }
.w7 {width: 1750px; }
.w8 {width: 2000px; }
.w9 {width: 2250px; }

/* Fancybox helper classes
 */
.fancybox-wrap-video {
	width: 80% !important;
}

/* Texts under images...
 * If mode=playful, no text under image for nicer experience.
 */
.thumbText {
	padding: 2px 0px 2px 2px;
}
.imageLink,
.thumbTitle,
.thumbComment,
.thumbExif,
.imageTitle,
.imageComment,
.imageExif {
	font-weight: normal;
	font-size: 8pt;
}
.thumbTitle,
.thumbComment,
.thumbExif,
.imageLink {
	display: inline-block;
}
.imageLink {
	font-size: 8pt;
}
.thumbTitle {
	font-weight: bolder;
	font-size: 8pt;

	display: none;
}
.thumbComment {
	font-size: 7pt;

	display: none;
}
.thumbExif {
	font-size: 7pt;
}

.rating-stars {
	color: gold;
}
/* Color rotation of anchors and header/footer/comment frames
 */
.color0 {color:hsl(0,90%,60%);}
.border-color0 {border-color:hsl(10,90%,60%);}
.color1 {color:hsl(20,90%,60%);}
.border-color1 {border-color:hsl(30,90%,60%);}
.color2 {color:hsl(40,90%,60%);}
.border-color2 {border-color:hsl(50,90%,60%);}
.color3 {color:hsl(60,90%,60%);}
.border-color3 {border-color:hsl(70,90%,60%);}
.color4 {color:hsl(80,90%,60%);}
.border-color4 {border-color:hsl(90,90%,60%);}
.color5 {color:hsl(100,90%,60%);}
.border-color5 {border-color:hsl(110,90%,60%);}
.color6 {color:hsl(120,90%,60%);}
.border-color6 {border-color:hsl(130,90%,60%);}
.color7 {color:hsl(140,90%,60%);}
.border-color7 {border-color:hsl(150,90%,60%);}
.color8 {color:hsl(160,90%,60%);}
.border-color8 {border-color:hsl(170,90%,60%);}
.color9 {color:hsl(180,90%,60%);}
.border-color9 {border-color:hsl(190,90%,60%);}
.color10 {color:hsl(200,90%,60%);}
.border-color10 {border-color:hsl(210,90%,60%);}
.color11 {color:hsl(220,90%,60%);}
.border-color11 {border-color:hsl(230,90%,60%);}
.color12 {color:hsl(240,90%,60%);}
.border-color12 {border-color:hsl(250,90%,60%);}
.color13 {color:hsl(260,90%,60%);}
.border-color13 {border-color:hsl(270,90%,60%);}
.color14 {color:hsl(280,90%,60%);}
.border-color14 {border-color:hsl(290,90%,60%);}
.color15 {color:hsl(300,90%,60%);}
.border-color15 {border-color:hsl(310,90%,60%);}
.color16 {color:hsl(320,90%,60%);}
.border-color16 {border-color:hsl(330,90%,60%);}
.color17 {color:hsl(340,90%,60%);}
.border-color17 {border-color:hsl(350,90%,60%);}

/* Forkit Curtain
 */
.forkit-curtain {
	z-index: 1;
}
.close-button {
	right: 0;
}
/* Form elements
 */
.left-label {
	padding-right: 10px;
}
fieldset {
	width: 70%;
	margin: 10px auto 0px auto;
	border: none;
	text-align: left;
	line-height: 2em;
}
fieldset legend {
	font-size: larger;
	font-weight: bolder;
	margin-left: -10px;
}
fieldset label {
	padding-left: 10px;
}

/* clearfix */
#container:after {
  content: ' ';
  display: block;
  clear: both;
}

nav {
	display: inline-block;
}

