body { 	height: 100%;font-family: Montserrat, "Free Sans", "Segoe UI"; color:#fff; background-color:#222; padding:0; margin:0; }
h2, h1, h3, h4 { font-weight:normal; padding:18px; margin:0; }
h2 { font-size:1.5em; border-bottom:1px dotted #fcfcfc; padding-top:0;}
h3 { font-size:1.3em; padding:10px 0 4px 10px; }
.container, .container1, .container2, .container3  { float:left; margin: 12px; text-align:center; display:inline-block; width:140px; border-bottom:1px dotted #fff;padding-bottom:12px;}
.container img { margin-right:20px;}
.square-thumb { width: 140px; height: 140px; border:1px solid #f2f2f2; float:left;}
a { color: #f2f2f2; text-decoration:none; }
a:hover { color: #fff; text-decoration:underline; }
p.copy { text-align:right; margin:-20px 20px; }
img.back { float:left; padding:20px 20px 40px 20px; }


/* HOME
-------------------------- */

body#home  {
	background-image: url('/images/holding.jpg');
}
body#home, html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body#home h1 { font-size: 2.2em; }
body#home h2 { font-size: 1.2em; padding: 10px 10px 10px 0; margin-bottom:10px; text-align:left}
body#home ol, body#home ul, body#home p  { font-size: 0.8em; text-align:left}
body#home ol { margin-left:30px; column-count:2 }
body#home ul { margin-left:30px; }
body#home ol li  { padding-left: 15px; }
body#home a { color:#f2f2f2; }
body#home a:hover { color:#fff; }
li { font-weight:bold; }

.bgimg {
	height: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
	color: #fff;
	font-size:1.3em;
}

.topleft {
	top: 0;
	left: 16px;
}
.bottomleft {
	bottom: 0;
	left: 16px;
}
.bottomright {
	bottom: 0;
	right: 16px;
}
body#home .bottomright p {
	text-align:right;
	padding:2em;
}
.middle {
	width:66%;
	clear:both;
	margin-left: 10%;
	text-align: center;
}
hr {
	margin: auto;
	width: 40%;
}

/* ----------------------- */



#content-wrapper { overflow: auto; }
p { margin:10px 0; }

ul#gallery-links {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	list-style-type: square;
} 

ul#gallery-links li { line-height: 2em; font-size:90%; }

@media(max-width: 868px){
	.imagepage h1 span { display: block; }
	.imagepage .btn-download { float: none; margin-bottom: 1em; }
	.middle {
	left: 8%;
	text-align: left;
	}
}

@media(max-width: 400px){

.middle {
	left: 8%;
	width:80%;
	text-align: left;
	}
}

@media(max-width: 640px){

	.middle {
	font-size:0.7em;
	text-align: left;
	}
	body#home h1 { font-size:1.8em; width:100%;}
	.bgimg { background-size: 320px;background-position: 25% 75%;  }
}

@media all {
.lightbox { display: none; }

.imagepage .btn-default { vertical-align: bottom; }
.imagepage .row { margin: 1em 0 0 1em; display:block; clear:both;}
.imagepage .btn-lg span { font-size: 0.7em; }
.imagepage .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
.imagepage .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}


/* customized gallery */

.featherlight-gallery2 {
background: rgba(100,100,100,0.5);
}
.featherlight-gallery2 .featherlight-content {
background: #000;
}
.featherlight-gallery2 .featherlight-next:hover,
.featherlight-gallery2 .featherlight-previous:hover {
background: rgba(0,0,0,0.5);
}
.featherlight-gallery2 .featherlight-next:hover span,
.featherlight-gallery2 .featherlight-previous:hover span {
font-size: 25px;
line-height: 25px;
margin-top: -12.5px;
color: #fff;
}
.featherlight-gallery2  .featherlight-close {
background: transparent;
color: #fff;
font-size: 1.2em;
}
.featherlight-gallery2.featherlight-last-slide .featherlight-next,
.featherlight-gallery2.featherlight-first-slide .featherlight-previous {
display: none;
}

/* text slide */
.thumbnail a { text-decoration: none; }
.blurb {
display: inline-block;
width: 140px;
height: 140px;
}
.blurb h2 { text-align: center;}
.blurb .detail { display: none;}
.blurb .teaser {
font-style: italic;
text-align: center;
}
.featherlight .blurb {
display: inline-block;
width: 500px;
height: 300px;
color: #99f;
}
.featherlight .blurb .detail {
color: #ddf;
font-size: large;
display: inherit;
}
.featherlight .blurb .teaser { display: none;}

}