/****** styles for gallery.php Aug 2025 ******/
#thmPic { /* pix page thumbnails container */
	margin-top:13px;
}
#thmPic h3  { /* for Exit Album link */
	font-size:14pt;
	text-align:center;
}
#thmPic a { /* use the link as a box for the pic and caption */
	display:inline-block;
	margin:12pt .5em 0 0;

	vertical-align:top;
	width:28%;
	padding:.5em;
	border:solid 1px #941;

	border-radius: .5em;
	box-shadow: 3px 2px 3px #841;

	background-color:#A62;
	background-image: linear-gradient(to bottom, #FA8 0%, #B42 50%, #841 100%);

	color: #f4d434; /* from the old graphical buttons */

}

.caption { /* use a paragraph for the caption, limit its height with fade and scroll */
	color: #f4d434; /* from the old graphical buttons */
	font-family: Georgia, script;
	font-size: 12px;
	text-decoration:none;
	padding-bottom:12pt;
	padding:0;
	margin:0;
	max-height:48pt;
	overflow-y:scroll;
	mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}


#thmPic a img { /* actual thumbnail inside link */
	border-radius: .5em;
	margin: 0 0 6pt 0;
	max-height:72pt;
}


.albumThumb {
	box-shadow:
		2px 2px 0 black,
		4px 4px 0 #fec,
		6px 6px 0 black;

}
.imageThumb {
	box-shadow: 2px 2px 2px #000;
}

.albumTitle { /* div block above bigPic */
	max-height:50px;
	overflow-y:auto;
	margin-bottom:3px;
}


#hidForm {  /** used to edit captions in photos page 2015 */
	display:none;
	border:solid 2px #444;
	position:absolute;
	width:800px;
	background:white;
	color:black;
	box-shadow: 6px 6px 4px #000;
}

/*****  begin section for photos page 2015 *****/
#bigPic {
	border:solid #438;
	border-width: 0 0 2px 0;
	overflow:auto;
	padding-bottom:4px;
	max-width:800px;
}
#bigPic img{
	max-width:98%;
	box-shadow: 6px 6px 4px #000;
	clear:both;
	margin:0 0 3px 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:solid #000 1px;
}

#prevNext { /* div for pix page nav buttons */
	display:block;
	margin:4px 0 0 230px;
}
#prevNext ul li
{
	list-style-type: none;
	display: inline;
}
#prevNext ul li a {
	float: left;
	width:100px;
	margin:3px;
	text-align:center;
	text-decoration: none;
	margin-right:2px;
	background-color:#AC5D12;
	color: #f4d434; /* from the old graphical buttons */
	font-family: Georgia, script;
	font-style: italic;
	font-size: 16px;
	font-weight:600; /* demi-bold */

	border:solid 1px #941;

	-webkit-border-radius: 17px;
	border-radius: 17px;

	box-shadow: 3px 2px 3px #841;

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #B03E1A 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #B03E1A 50%, #601008 100%);
}
#prevNext ul li a:hover {
	background-color:#215;
	color:#fff;
}

/*****  end section for photos page ******/

.imgBox { /* box for thumbnail and caption */
	display:inline-block;
	padding:.5em;
	text-indent:0;
	text-align:center;
	font-size:10pt;
	border-radius:0.5em;
	border:1px #42c solid;
	margin:.5em;
	vertical-align:top;
	overflow:hidden;
	width:10em;
}
.imgBox img
{
	box-shadow:none;
	max-width:95%;
}
.imgBox a {
	text-decoration:none;
	font-size:10pt;
	color:brown;
}
.imgBox h1 { /* title on top */
	display:block;
	margin:0;
	border-radius:.1em .1em 0 0;
	background: rgba(128,64,64,.6);
	color:#ddf;
	font-size:14pt;
	text-align:center;
}
.imgBox h4 {
	font-size:10pt;
	display:block;
	margin:0;
	color:gray;
	text-align:center;
}