body {
}

header {
	padding:1.8em 0 1.2em 0;
	background:#a2bc59;
	border-bottom:10px solid #768940;
	font-family: 'Crimson Text', serif;
}
	header h1 {
		text-align:center;
		text-transform:uppercase;
		font-size:29px;
		letter-spacing:1px;
		color:#fff;
		margin:0;
	}

nav {
	position:relative;
	text-align:center;
	background:#333;
	padding-top:4em;
}

	nav ol {
		display:none;
		border-top:1px solid #fff;
	}
		nav ol li {
			display:block;
			border-bottom:1px solid #fff;
		}
		nav ol li a {
			padding:1em;
			text-decoration:none;
		}

	#mob_search_box {
		position:absolute;
		left:20px;
		top:20px;
	}
		#mob_search_box input[type=search] {
			border:0;
			height:24px;
			padding:0 4px
		}
		#mob_search_box input[type=submit] {
			border:0;
			height:24px;
			width:24px;
			background:url(/userfiles/design/search.png);
			background-size:cover;
			background-position:center center;
			text-indent:-500em;
			outline:0;
		}

	#menu_toggle {
		display:block;
		height:36px;
		width:36px;
		cursor:pointer;
		position:absolute;
		right:20px;
		top:17px;
	}
		#menu_toggle span {
			display:block;
			background:#fff;
			height:6px;
			margin:3px 0;
		}
		#menu_toggle:hover span,
		#menu_toggle.on span {
			background:#a2bc59;
		}

	nav a {
		display:inline-block;
		padding:0 5px;
		color:#fff;
	}

article {
	background:#fff;
}
	article h2 {
		font-weight:600;
	}
	article a {
		color:#758a3d;
	}
	article #main_image_details {
		padding:.3em 0;
		font-size:0.9em;
	}

footer {
	text-align:center;
	background:#757d10;
	color:#fff;
}
	footer>div {
		padding:2em 0;
	}
	footer a {
		color:#ff5;
	}
	footer>div:first-child {
		background:#a2bc59;
	}
		footer div:first-child h6 {
			text-transform:uppercase;
			font-family: 'Crimson Text', serif;
			font-size:16px;
			margin:0;
		}
		footer div:first-child a {
			color: #000;
		}

#sponsors {
	text-align:center;
	margin-bottom:1em;
}
	#sponsors>* {
		display:inline-block;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		width:150px;
		height:80px;
		margin:1em;
		max-width:30vw;
	}

section#main_image_comments {
	font-size:0.9rem;
}

	#subnav,
	#subnav_header {
		display:none;
	}

	#subnav_header,
	#comment_header {
		padding:1em 0 .7em 0;
		background:#c3d490;
		font-family: 'Crimson Text', serif;
		font-size:24px;
		margin:0;
	}

	section#main_image_comments div.comment {
		background:#fff;
	}
	section#main_image_comments div.comment span.comment_info {
		font-size:0.8rem;
	}
	section#main_image_comments div:not(#comment_form_holder):nth-child(odd) {
		background:#ebebeb;
	}


	#comment_form_holder {
		background:#e8eed4;
	}


#audio_player,
#video_player {
	margin:1em 0;
	text-align:center;
}


/* home page styles are different from the rest of the site */

section#home_page_latest_images {

}
	section#home_page_latest_images a {
		background-size:cover;
		background-position:center center;
		position:relative;
	}
	section#home_page_latest_images a span {
		display:none;
	}

section#home_page_latest_comments h4 {
	background:#c3d492;
	color:#333;
	text-transform:uppercase;
	font-family: 'Crimson Text', serif;
	font-size:18px;
	padding:1em;
	margin-bottom:8px;
}


/* lists of pictures */

	.picture_list a {
		text-decoration:none;
		color:#000;
	}
	.picture_list img {
		width:96vw;
	}
	.picture_list span {
		display:block;
		text-align:center;
	}

/* lists of comments */

	.comments_list>* {
		text-decoration:none;
		padding:.5em 1em;
	}
		.comments_list>:nth-of-type(odd) {
			background:#ebebeb;
		}

#results_paging {
	text-align:center;
}
	#results_paging a {
		display:inline-block;
		padding:5px;
		text-decoration:none;
	}
	#results_paging a:hover,
	#results_paging a.on {
		text-decoration:underline;
	}



#hide_intro_link {
	background:#333;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:5px;
	position:relative;
	left:-2vw;
}
	#hide_intro_link:hover {
		background:#a2bc59;
	}

#msg {
	background:yellow;
	padding:5px;
	text-align:center;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	right:0;
	-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.8);
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.8);
}

@media (min-width: 800px) {

	nav {
		padding:1em;
	}
		nav ol {
			display:block;
			border-top:0;
		}
		nav ol li {
			display:inline-block;
			border-bottom:0;
		}
		nav ol li a:hover {
			text-decoration:underline;
		}

	#mob_search_box {
		left:auto;
		right:20px;
		top:20px;
	}

	#hide_intro_link {
		left:0;
	}
}

@media (min-width: 1000px) {

	.picture_list a {
		/* ie11 */
		display:block;
		/* end */
	}
		.picture_list a img {
			max-width:150px;
		}


	#subnav,
	#subnav_header {
		margin-top:2em;
		display:block;
	}

	#subnav>* {
		text-decoration:none;
	}
	#subnav>* span:first-child {
		display:inline-block;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		height:100px;
		width:140px;
		margin-right:10px;
		position:relative;
	}
	#subnav>* span:first-child::after {
		content: '\00AB';
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		font-size:120px;
		text-align:center;
		color:#fff;
		background:rgba(0,0,0,.25);
		padding-top:30px;
	}
	#subnav>* span:first-child:hover::after {
		color:#E8EED4;
		background:none;
	}
	#subnav>* span:last-child {
		display:inline-block;
		height:100px;
		padding-top: 30px;
	}
	#subnav>*:last-child span:first-child::after {
		content: '\00BB';
	}
	#subnav>*:first-child span {
		float:left;
	}
	#subnav>*:last-child {
		text-align:right;
	}
		#subnav>*:last-child span {
			float:right;
			margin-right:0;
			margin-left:10px;
		}



}

@media (min-width: 1152px) {

	header {
		padding:60px 0 21px 0;
		}

		header h1 {
			font-size:36px;
			text-align:right;
		}

	nav {
		background:#a2bc59;
		border-bottom:10px solid #768940;
		text-align:left;
		padding:60px 0 21px 0;
	}
		nav ol {
			margin-left:100px;
		}
		nav ol li a {
			padding:0 .5em;
			font-size:20px;
			border-left:2px solid #000;
		}
		nav ol li:first-child a {
			border-left:0;
			padding-left:0;
		}

	#mob_search_box {
		top:auto;
		bottom:21px;
	}




	footer {

	}

	footer>div:first-child h6 {
		font-size:24px;
	}

	footer>div #footnav {
		text-align:right;
	}

	footer>div #footnav a {
		color:#000;
		padding:0 .5em;
		border-right:2px solid #fff;
		text-decoration:none;
	}
		footer>div #footnav a:hover {
			text-decoration:underline;
		}
	footer>div #footnav a:last-child {
		padding-right:0;
		border-right:0;
	}

	section#home_page_latest_images a:hover span {
		display:block;
		background:rgba(0,0,0,.75);
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		color:#fff;
		text-decoration:none;
		padding:1.5em;
		-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
		animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	}
		section#home_page_latest_images a:hover span h4 {
			font-size:18px;
			line-height:22px;
			font-weight:400;
			margin:0 0 .3em 0;
		}
		section#home_page_latest_images a:hover span h5 {
			font-size:14px;
			line-height:20px;
			font-weight:400;
		}

		#main_image {
			padding:25px 0 24px 0;
			background:#ebebeb;
		}

}


@media (min-width: 1340px) {

		header h1 {
			font-size:44px;
		}

		nav ol li a {
			font-size:24px;
		}
}






/* expand backgrounds beyond left and right of containers */
main {
	overflow:hidden;
}
.full_width_bak {
	display:block;
	position:relative;
	z-index:1;
}

.full_width_bak:after {
	content:'';
	background:inherit;
	position:absolute;
	top:0;
	bottom:0;
	left:-1000px;
	right:-1000px;
	z-index:-1;
}







/* ----------------------------------------------
 * Generated by Animista on 2018-12-6 12:22:37
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}