h2 {margin: 1px 3px 8px 3px;}

h3 {
	font-size: 1.3em;
	color: #3e3e31;
	line-height: 1.2em;
	margin: 6px;
}

h4{
	font-size: .9em;
	line-height: 1.50em;
	margin: 0 6px 10px 6px;
}
p {
	line-height: 1.45em;
	margin-bottom: 20px;
}

.centerwrap {
	
	overflow: auto;
	text-align: center;
	margin-bottom: 35px;
	
}

/* Opacity #1 */
.cell img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border: .1px solid #B6B6B6;
	width:190px;
	height:169px;
}

.cell:hover img {
	opacity: .8;
	border: .1px solid #ebde9f;
}
.cell a {color: #65615C;}
.cell a:visited {color: #65615C;}
.cell a:hover {color: #8B8150;}

.cell{
width:220px;
min-height:320px;
/*background: #736e5c; */
background: #bbbbb7;
display: inline-block; 
vertical-align: top;

padding:23px 5px 3px 3px;
margin:13px 6px 13px 6px;
/*border:0px solid #5B5A46;
box-shadow: 2px 2px 5px #a7a7a3; */
}

#grid{
font-size: 2.5em;
text-align: center;
padding: 0 0 5px 0;
margin: 0;

}

.thumbcell{
display:inline-block;
width:102px;
height:102px;
border:0px solid #5B5A46;
padding:3px;
margin:20px;
box-shadow: 2px 2px 5px #A29F99;
}

#gallerymenu{
	text-align:center;
	padding:10px;
	font-size:1.1em;
	}
	
#currentpage{
	display:inline-block;
	text-align:center;
	border:2px solid #2F322D;
	background: #2F322D;
	width: 21px;
    height: 21px;
    border-radius: 50%;
	}

#gallerymenu a:link{ text-decoration:none; color: #333228; }
#gallerymenu a:visited { text-decoration:none; color: #333228; }
#gallerymenu a:hover { text-decoration:none; color: #A80000; }
#gallerymenu a:active { color: #dd0000; }

#currentpage a:link{ text-decoration:none; color: #E1E1D6; }
#currentpage a:visited { text-decoration:none; color: #d9d4cb; }
#currentpage a:hover { text-decoration:none; color: #FFFFFF; }
#currentpage a:active { color: red; }

#hero {width: 100%; border: .1px solid black;} /*image container*/
#imagecaption{max-width:695px;display:inline-block;margin-right: 20px}
#imageinfowide{display:inline-block;padding-top:13px; vertical-align: top;} /*image number and date*/
#displaywide h1{ margin-top: 12px;} /*margin top if headline is below image*/

#displaynav{margin: auto;text-align: center; background:#d4d2cf; border-radius: 5px; width:270px}
#displaynav img{border: .1px solid #333228;}
#imageinfotall{text-align: center;line-height: 1.7em;	margin-bottom: 24px;} /*image number and date*/
#displaytall {display:inline-block;}
#texttall {display:inline-block; float:left; width:300px;margin-right: 28px;}

.thumblink{width:94px; height:103px; display:inline-block; text-align: center;padding-top: 10px;

	font-size: .8em;	
	text-transform: uppercase;
	line-height: 1.15em;
	}

#return{width:66px; height:79px;text-align: center; display:inline-block; vertical-align: top; padding-top: 29px;
	font-size: .9em;	
	text-transform: uppercase;
	line-height: 1.3em;

	}
#displaynav a:link{ text-decoration:none; color: #333228; }
#displaynav a:visited { text-decoration:none; color: #333228; }
#displaynav a:hover { text-decoration:none; color: #878052; }
#displaynav a:active { color: red; }

/* For tall images screen width below 1050px, removes side by side aspect of the textbox, "increases" image size until screen is smaller than image */
	@media only screen and (max-width: 1050px) {
		#displaytall {; display:inline-block; min-width: 70%}
		#texttall {display:inline-block; float:left; width:100%;margin-right: 0;}
		#imagecaption{max-width:1040px;margin-right:0}
	}