@charset "utf-8";
/*------------------------------------*\
    SITE CORE
\*------------------------------------*/
html, body {margin:0; padding:0;}
body {
	font-family:'Anivers', Arial, sans-serif;
	font-size:16px;
	color:#41301E;
	background: #202020;
}
.wrapper {
/*	width:100%;
	height:100%;*/
	background: transparent url(../media/layout/bgsite.jpg) top center no-repeat;
	background-attachment:fixed;
	background-size:cover;
	padding-bottom:150px;
	margin:0 0 -110px 0;
}
#content {margin: 40px 0;}
.home #content {margin: 24px 0 40px 0;}
.container {
	margin:0 auto;
	max-width:1280px;
	clear:both;
}

main#whitebg {
	background: rgba(240,240,240,.7);
	border: 1px outset rgba(240,240,240,.2);
	-webkit-box-shadow: 1px -2px 140px -3px rgba(0,0,0,0.5) inset;
	box-shadow: 1px -2px 140px -3px rgba(0,0,0,0.5) inset;
	border-radius: 3px;
}
main#sitebg {background: rgba(106,91,78,.4); border: 2px ridge rgba(252,252,252,.4);}
article {padding: 24px;}
.home article {border-radius: 0 0 3px 3px;}
.inner.withbg,
.inner.darkbg {padding: 24px;	border-radius: 3px;}
.inner.withbg {
	background: rgba(240,240,240,.65);
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 1px -2px 80px -3px rgba(0,0,0,0.3) inset;
	box-shadow: 1px -2px 80px -3px rgba(0,0,0,0.3) inset;
}
.inner.darkbg {
	background: rgba(0,0,0,.65);
	border: 1px solid #695B4E;
	-webkit-box-shadow: 1px -2px 80px -3px rgba(240,240,240,0.3) inset;
	box-shadow: 1px -2px 80px -3px rgba(240,240,240,0.3) inset;
}
article, section {border-radius: 3px;}
section {margin:0 auto;}
.inner-dsk {
	margin: 0 0 12px 12px;
	padding: 0 0 12px 12px;
}
sidebar .sbwidget {margin-bottom: 24px;}

/*------------------------------------*\
    UTILITIES
\*------------------------------------*/
.center-a {margin:0 auto;}
.text-c {text-align:center;}
.text-l {text-align:left;}
.text-r {text-align:right;}
.span {float:left;}
.span-r {float:right;}

.hide {display:none;}

::-moz-selection {background:#2D0834; color:#996633;}
::-webkit-selection {background:#2D0834; color:#996633;}
::selection {background:#2D0834; color:#996633;}

.clearfix:before,
.clearfix:after {content:' '; display:table; height: 0px; clear: both;}
a, input, textarea, li, button, img, input[type=submit] {transition: all 0.3s ease 0s;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.one {width:6.25%;}
.two {width:12.5%;}
.three {width:18.75%;}
.four {width:25%}
.five {width:31.25%;}
.six {width:37.5%;}
.seven {width:43.75%;}
.eight {width:50%;}
.nine {width:56.25%;}
.ten {width:62.5%;}
.eleven {width:68.75%;}
.twelve {width:75%;}
.thirteen {width:81.25%;}
.fourteen {width:87.5%;}
.fifteen {width:93.75%;}
.sixteen {width:100%;}

.one-third {width: 33.3333%;}
.twelve-alt {width:72%;}

/*------------------------------------*\
    GLOBAL CONTENT AREA
\*------------------------------------*/
.loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/media/layout/loader.gif);
	background-size: 100% 100%;
	z-index: 50;
}
.loading span {
	position: absolute;
	bottom: 18px;
	right: 0;
	left: 0;
	text-align: center;
}

/*------------------------------------*\
    FORMATTING ELEMENTS
\*------------------------------------*/
img {max-width:100%;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:19px; color: #35291F;}
h5 {font-size:16px;}
h6 {font-size:15px;}

a {text-decoration:none; color:#6C3108;}
a:hover, a:focus {color:#66883F;}
a:active {color:#eee;}

p {line-height: 22px; margin: 12px 0 24px 0;}

ul {list-style-type:none;}
li {}
.disc {list-style-type:disc;}
.square {list-style-type:square;}

.content-header {
	margin-top: 0;
	margin-bottom: 30px;
	box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.6) inset;
	-webkit-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.6) inset;
	padding: 12px 20px 10px 20px;
	border: 1px solid rgba(252,252,252,.4);
	border-radius: 3px;
}
.content-header h1 {
	margin: 8px 0;
	font-weight: normal;
	color: #f0f0f0;
}
.content-header.inpage {margin: 40px 0 24px 0;}
.homedonate,
.overview,
.disclaimer {
	background: rgba(252,252,252,.6);
	padding: 8px 12px;
	margin: 0 0 24px;
	font-size: 17px;
	color: #35291F;
	border-radius: 3px;
}
.homedonate {margin: 24px 7px 0;}
.overview {font-family: 'Fontin';}
.disclaimer {margin-top: 24px; font-family: 'Forum';}
.overview.lightfont {background: rgba(133,111,98,.7); color: #CFD5D8;}
.overview.lightfont a {color: #EEDB74;}
.overview.lightfont a:hover {color: #AFCA90;}

.page-alert {
	padding: 6px;
	background: rgba(237, 115, 59,.7);
	border-radius: 3px;
	color: #f8f8f8;
	font-size: 16px;
}

/*------------------------------------*\
    HEADER, FOOTER & SIDEBAR
\*------------------------------------*/
header {
	/*background: rgba(51,40,30,.65);*/
	background: rgba(0,0,0,.65);
	padding: 8px 0 0 0;
}
#logo {margin-bottom: 8px;}
.branding {text-align:center;}
#site-brand {
	font-family: 'GoodDog',	Arial, sans-serif;
	font-size: 28px;
	letter-spacing: .09em;
	color: #EEDB74;
}
#brand-sub {
	max-width: 720px;
	margin: 0 auto;
	font-family: 'Anivers', Verdana, sans-serif;
	color: #CFD5D8;
	text-align: left;
	font-size: 15px;
	padding: 6px 24px 0 20px;
}
.home #brand-sub {padding: 20px 24px 0 20px;}
/*Sidebar*/
.sbwidget {
	margin-bottom: 24px;
	padding: 24px;
	background: rgba(152,143,118,.5);
	border: 1px solid #333;
	border-radius: 3px;
}
.sbhwidget .sbtitle {
	background: none!important;
	border: none!important;
	font-size: 18px;
	font-weight: bold;
	color: #35291F;
}
.sbhwidget.sbmenu {text-align: center;}
.sbwidget:last-child {margin-bottom: 0;}
.sbwidget h4 {margin: 0 0 6px 0;}

.sbhwidget h4 {margin: 0 0 6px 0;}
.sbwidget.sbmenu ul,
.sbhwidget.sbmenu ul {padding-left: 0;}
.sbwidget.sbmenu ul li,
.sbhwidget.sbmenu ul li {
	margin-bottom: 4px;
	background: rgba(255,255,255,.7);
	border: 1px solid #777;
	border-radius: 3px;
}
.sbhwidget.sbmenu ul li {display: inline-block; margin: 0 5px;}
.sbwidget.sbmenu ul li:hover,
.sbhwidget.sbmenu ul li:hover {
	background: rgba(182,154,113,.5);
}
.sbwidget.sbmenu ul li a,
.sbhwidget.sbmenu ul li a {
	padding: 8px 16px 8px 16px;
	display: block;
	color: #333C1A;
}
.sbwidget.sbmenu ul li a:hover,
.sbhwidget.sbmenu ul li a:hover {color: #f0f0f0;}

.footer-grid {display: flex; gap: 24px;}
.col-item.ci1 {flex-basis: calc(30% - 24px);}
.col-item.ci2 {flex-basis: calc(40% - 24px); max-width: 400px; margin: 0 auto;}
.col-item.ci3 {flex-basis: calc(30% - 24px);}
.col-item.ci1 a,
.col-item.ci2 a {color: #f0f0f0;}
.col-item.ci1 a:hover,
.col-item.ci2 a:hover {color: #C57200;}

.footertop-img {
	height: 110px;
	background:	url(/media/layout/footer-top-bg.png) top center no-repeat;
}
footer {
	background:	linear-gradient(to top, #99AF7F 0%, #B69A71 50%, #0B0A11 100%);
	padding-top: 20px;
	color: #202020;
}
footer .inner {padding:12px;}
footer h4 {
	margin: 12px 0;
	color: #CFD5D8;
}
.hdr-donate-button {margin-top: 8px; text-align: right;}
.hdr-donate-button a {
	padding: 2px 14px;
	background: #dec899;
	color: #101010;
	border: 1px solid #dddddd;
	border-radius: 6px;
}
.hdr-donate-button a:hover {
	background: #dddddd;
	color: #101010;
	border: 1px solid #ffffff;
}

.donate-button {margin-top: 30px; text-align: center;}
.donate-button a {
	padding: 7px 30px;
	background: #101010;
	color: #EEDB74;
	border: 1px solid #EEDB74;
	border-radius: 6px;
}
.donate-button a:hover {
	background: #dddddd;
	color: #101010;
}

.masto {margin-top: 16px;}

.footer-menu {padding-left:0;}
.footer-menu li a {
	display: block;
	background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,rgba(238,219,116,.8) 100%);
	margin-bottom: 4px;
	padding: 6px 12px;
}
.footer-menu li a:hover {background: linear-gradient( to bottom, rgba(228,228,228,0.3) 0%, rgba(228,228,228,1) 100%);}
.twit {margin-top: 12px;}
.post-block {margin-top: 12px; text-align: center;}
.twit img,.post-block img {max-width: 170px;}
.footer-bottom {
	background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,rgba(238,219,116,.8) 100%);
	padding: 10px 0;
}
.footer-bottom .container div {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
}
.footer-bottom .container .copy {text-align: right;}





#showLoader {
	position:absolute;
	top:1px;
	left: calc(50% - 140px);
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
@media all and (max-width:959px) {
	.span.twelve.mmu:before {
		content: '';
		display: table;
		height: 0px;
		clear: both;
	}
	.span.twelve.mmu {float: none; width: 100%;}
}
@media all and (min-width:769px) {
	/* MENU REGULAR */
	#mbl-menu,
	#mbl-trigger,
	.mbl-header,
	.mbl-submenu {display: none;}
	
	#main-menu,
	.menu-img,
	.header-menu,
	.header-submenu {display: block;}
	
	.menu-img {width:100%;}
	nav#main-menu {margin-top: 12px; text-align: center;}
	.header-menu {
		position: relative;
		white-space: nowrap;
		margin: 4px 0 1px 0;
		padding-left: 14px;
	}
	#main-menu li a {
		display: block;
		padding: 10px 12px;
		color: #fdfdfd;
		font-size: 15px;
	}
	#main-menu li a:hover,
	#main-menu li a:active {color: #101010;}
	#main-menu li {
		background: #000;
		background-image: linear-gradient(to bottom, #000, #333);
	}
	#main-menu li:hover {
		background-image: linear-gradient(to bottom, #996633, #bb9977);
	}
	.header-menu > li {
		display:inline-block;
		transform: skew(20deg);
		border-top:1px dotted #eee;
		border-right:1px dotted #eee;
		border-left:1px dotted #eee;
	}
	.header-menu div {transform: skew(-20deg);}
	
	.header-submenu {
		position: absolute;
		background: #101010;
		padding: 0;
		margin: 0 0 0 -1px;
		text-align:left;
		display:none;
		border-right:1px dotted #eee;
		border-bottom:1px dotted #eee;
		border-left:1px dotted #eee;
	}
	.header-submenu li {
		width:168px;
		border:1px solid #444;
	}
}
@media all and (max-width:768px) {	
	#main-menu,
	.menu-img,
	.header-menu,
	.header-submenu {display: none;}
	#mbl-trigger {display: block;}
	#mbl-menu, .mbl-submenu {display: none;}
	#mbl-trigger {
		display: block;
		position: fixed;
		top: 2px;
		right: 2px;
		padding: 22px;
		background: url(/media/layout/mbl-trigger.png) top center no-repeat;
		background-size: contain;
		cursor: pointer;
		z-index: 20;
	}	
	#mbl-trigger:hover {opacity:.8; text-decoration:none;}
	#mbl-menu {
		position: fixed;
		top: 0;
		right: 0;
		width: 50%;
		z-index: 10;
	}
	.mbl-header a {white-space: nowrap;}
	.mbl-header {margin:0; padding-left: 0; list-style: none;}
	.mbl-header > li {
		background: linear-gradient(to bottom, #000, #333);
		border-right: 1px dotted #eee;
		border-bottom: 1px dotted #eee;
		border-left: 1px dotted #eee;
	}
	.mbl-header > li:hover, .mbl-header > li.current {
		background: linear-gradient(to bottom, #996633, #bb9977);
	}
	.mbl-header > li > a {color:#C7CED1;	text-decoration:none;}
	.mbl-header > li > a {
		display: block;
		font-size: 18px;
		padding: 14px 24px;
		font-weight: normal;
	}
	.mbl-header > li > ul {padding: 0;}
	.mbl-header > li li {
		background: linear-gradient(to bottom, #333c1a 0%,#516C32 100%);;
		border-top: 1px dotted #eee;
		border-right: 1px dotted #eee;
		border-bottom: 1px dotted #eee;
		padding: 0;
	}
	.mbl-header > li li:hover, .mbl-header > li li.current {
		background: linear-gradient(to bottom, #55642B, #66883F);
	}
	.mbl-header > li li > a {color:#F0F0F0;	text-decoration:none;}
	.mbl-header > li li > a {
		display: block;
		font-size: 17px;
		padding: 14px 34px;
		font-weight: normal;
	}
}
@media all and (max-width:480px) {
	#mbl-menu {width: 100%;}
}

/*------------------------------------*\
    Parent Pages
\*------------------------------------*/
.grid-parent {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
}
.link-item {flex-basis: calc(33.333% - 12px);	text-align: center;}
.link-item > div {
	background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,rgba(238,219,116,.8) 100%);
	padding: 12px;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(85,85,85,.8);
	box-shadow: 1px 1px 4px 0px rgba(85,85,85,.8);
}
.link-item h4 {margin: 0 0 12px 0;}
.link-item a:hover h4 {color: #C57200;}
.link-item img {border: 1px solid #f0f0f0; border-radius: 3px;}
.link-item:hover img {filter: brightness(75%) contrast(150%);}
.prcaption {max-width: 280px; font-size: 14px; margin: 2px auto 0; text-align: left;}

/*------------------------------------*\
    RSS FEEDS & MAPS
\*------------------------------------*/
.feed-lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	padding: 0;
}
.feed-lists li {
	flex-basis: calc(33.333% - 12px);
	flex-grow: 1;
}
.feed-lists li > div {
	padding: 16px;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(85,85,85,.8);
	box-shadow: 1px 1px 4px 0px rgba(85,85,85,.8);
}
.feed-title {
	margin: -16px -16px 8px -16px;
	padding: 10px;
	font-size: 18px;
	background: rgba(252,252,252,.6);
}
.feed-title a {color: #202020;}
.feed-title a:hover {color: #C57200;}
.feed-date {
	text-align: right;
	margin-bottom: 4px;
	font-size: 14px;
	color: #695B4E;
}
.feed-image {
	max-width: 300px;
	margin: 0 auto;
}
.feed-content {
	font-size: 15px;
	padding: 12px 0;
}
.feed-more a {
	display: block;
	background: linear-gradient(to bottom,  rgba(228,228,228,0.3) 0%,rgba(238,219,116,.8) 100%);
	margin-top: 12px;
	padding: 6px 12px;
	font-size: 18px;
	border: 1px solid #cccccc;
	border-radius:3px;
	box-shadow: 0px 1px 3px 0px rgba(2, 2, 2, 0.3),
	0 1px 5px rgba(0,0,0,0.25),
	0 0 50px rgba(0,0,0,0.1) inset;
}
.feed-more a:hover {
	background: linear-gradient( to bottom, rgba(228,228,228,0.3) 0%, rgba(228,228,228,1) 100%);
}

/*------------------------------------*\
    MEDIA CENTER
\*------------------------------------*/
/*FRAMEWORK*/
.art-grid,
.cat-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
}
.gal-grid,
.feat-grid,
.vid-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 12px;
}
.grid-single {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1px;
}

.art-item {width: calc(50% - 12px);}
.scr-item {width: calc(33.333% - 12px);}
.gal-item {flex-basis: calc(25% - 9px);}
.feat-item,
.vid-item {flex-basis: calc(33.333% - 12px); margin-bottom: 12px;}
.image-item {
	overflow: hidden;
	box-shadow: inset 0 0 1px 0 #000;
	cursor: pointer;
}

.art-inner {
	background: rgba(240,240,240,.9);
	padding: 24px;
	border: 1px solid rgba(252,252,252,.6);
	border-radius: 3px;
}
.art-content {
	max-width: 940px;
	margin: 0 auto;
	padding: 24px;
	box-shadow: 1px 2px 12px 3px rgba(0,0,0,.3);
}
.art-content p {line-height: 24px;}
.mclist li {list-style-type: disc;}
.mclist br {display: none;}
.art-item a.reference-art {display: none;}
a.reference-art {
	display: block;
  background: #f9f9f9;
	padding: 14px 20px;
  border: 1px solid #ddd;
  border-radius: 9px;
  font-family: 'Aniverse';
  font-size: 16px;
}
a.reference-art:hover {background: #dddddd;}

.gal-inner {position: relative;}
.fitem-inner,
.vitem-inner {
	background: rgba(240,240,240,.2);
	padding: 12px;
	border: 1px solid rgba(238, 219, 116,.02);
	box-shadow: 0 0 40px 8px rgba(0,0,0,.4) inset;
	border-radius: 3px;
}
.cat-section {
	margin-bottom: 30px;
	box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3) inset;
	padding: 24px;
	border: 1px solid rgba(252,252,252,.4);
	border-radius: 3px;
	margin-bottom: 24px;
}

.art-full,.scr-full {}
.art-inner.art-full {
	background: rgba(240,240,240,.9);
	/*background: rgba(240,240,240,.9) url(/media/layout/content-bot-rt-drgn.png) bottom right no-repeat;*/
	background-size: 200px;
}
.artfull-feature {max-height: 400px; overflow: hidden; margin-bottom: 24px; text-align: center;}

/*PAGINATION*/
.pg-section {margin-bottom: 24px;}
.pg-section span {font-size: 18px; padding-right: 12px;}
.pg-section a {
	background: rgba(255,255,255,.7);
	margin: 2px;
  padding: 4px 10px;
  display: inline-block;
	font-size: 18px;
  color: #333C1A;
	border: 1px solid #777;
	border-radius: 3px;
	cursor: pointer;
}
.pg-section a:hover,
.pg-section a.iscurrent {
	background: rgba(182,154,113,.5);
  color: #f0f0f0;
}

/*MEDIA CENTER MAIN PAGE*/
.tab-section {
	margin-top: -1px;
	border: 1px solid rgba(252,252,252,.9);
	border-radius: 0 3px 3px 3px;
}
.tab-section > div {display: none;}
.tab-section > div.tabactive {display: block;}
.tab-nav ul {margin: 0; padding: 0;}
.tab-nav ul li {
	background: rgba(0,0,0,.65);
	display: inline-block;
	margin: 0;
	padding: 6px 24px 6px 24px;
	font-size: 18px;
	color: #F0F0F0;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: rgba(252,252,252,.9);
	border-radius: 3px 3px 0 0;
	cursor: pointer;
}
.tab-nav ul li:hover {
	background: #EEDB74;
	color: #35291F;
}

.results {padding: 24px;}
.results.art,
.results.scr {background: rgba(240,240,240,.7);}
.results.gal,
.results.vid {background: rgba(0,0,0,.7);}

/*ARTICLES & SCRAPBOOK*/
.article-category .art-header,
.article-single .art-header {
	margin-bottom: 20px;
	border: 1px solid rgba(252,252,252,.4);
	border-radius: 6px;
}
.art-title-meta {
	background: linear-gradient(
		to bottom,
		rgba(228,228,228,0.3) 0%,
		rgba(175,202,144,.8) 100%
	);
	padding: 6px 8px;
	border: 1px solid rgba(102, 136, 63,.02);
	border-radius: 3px;
}
.art-title-meta div {display: inline-block;}
.art-title {font-size: 24px;font-weight: normal;}
.art-meta {margin-bottom: 12px;}

.art-name {float: right; text-align: right; font-size: 18px; line-height: 31px;}
.art-categories {margin-top: 24px; font-size: 14px;}
.catname {
	display: inline-block;
	background: #CFD5D8;
	padding: 3px 8px;
	margin: 4px 2px 0;
	font-size: 16px;
	border-radius: 3px;
}
.cat-section h3 {margin: 0 0 12px 0;}

.art-date {float: right; text-align: right;}
.art-feature {max-height: 250px; overflow: hidden; margin-bottom: 24px; text-align: center;}
.art-overview {margin-bottom: 24px; font-size: 18px; font-style: oblique;}
.art-body {margin-bottom: 24px; font-family: 'Forum'; font-size: 20px;}
.art-link {background: rgba(182,154,113,.5); text-align: center; font-weight: bold;}
.art-link a {display: block; padding: 8px 14px;}
.art-link:hover,
.art-link a:hover {background: rgba(255,255,255,.4);}

/*ART CATEGORY & GAL GROUP BUTTONS*/
.cat-item .ctgy,
.gal-groups {
	background:#e4e4e4;
	background: linear-gradient(to bottom,  rgba(228,228,228,0.3) 0%,rgba(238,219,116,.8) 100%);
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius:3px;
	box-shadow: 0px 1px 3px 0px rgba(2, 2, 2, 0.3),
	0 1px 5px rgba(0,0,0,0.25),
	0 0 50px rgba(0,0,0,0.1) inset;
	cursor: pointer;
}
.cat-item .ctgy {padding: 5px 10px;}
.cat-item .ctgy:hover,
.gal-groups:hover {
	background: linear-gradient(
		to bottom,  rgba(228,228,228,0.3) 0%,
		rgba(228,228,228,1) 100%);
}
.cat-item .ctgy span {
	background: url(../media/layout/cat-icon.png) center right no-repeat;
	background-size: contain;
	padding: 2px 0 2px 30px;
}
.cat-item .ctgy:hover span {
	background: url(../media/layout/cat-icon-hov.png) center right no-repeat;
	background-size: contain;
}

/*SINGLE ARTICLES - SCRAPS*/
.art-body:after {content: ''; display: block; margin: 24px auto 0 auto; height: 1px; background: #ACB5BA; width: 300px; text-align: center;}
.art-summary {font-family: 'Fontin'; font-size: 18px; color: #45525D;}
.index-articles .art-body img {max-width: 200px;}

#mod-feature img {display: block; max-height: 200px; margin: 0 auto;}
.art-pic img {max-width: 100px;}
.art-pic,
.thumb-display ul li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.art-pic img,
.thumb-display img {display: block; max-height: 80px;}

.art-body .imgfull {text-align: center;}
.art-body .imgleft {float: left; margin-right: 20px; max-width: 50%;}
.art-body .imgright {float: right; margin-left: 20px; max-width: 50%;}

/*GALLERY/VIDEO TITLES*/
.title-meta {
	background: linear-gradient(
		to bottom,
		rgba(240,240,240,0.6) 0%,
		rgba(102, 136, 63,.6) 100%
	);
	margin: 24px 0;
	padding: 8px;
	font-family: 'Forum';
	border: 1px solid rgba(238,219,116,.2);
	border-radius: 3px;
	box-shadow:
		0px 1px 3px 0px rgba(2, 2, 2, 0.3),
		0 1px 5px rgba(0,0,0,0.25),
		0 0 50px rgba(0,0,0,0.1) inset;
	color: #482714;
}
.title-meta:first-child {margin: 0 0 24px;}
.title-meta a {color: #482714;}
.title-meta a:hover {color: #f0f0f0;} 

.title-meta .gcaption {
	font-size: 17px;
	text-align: center;
	color: #f0f0f0;
}
.nocontent {
	margin: 0 0 12px 0;
	color: #CFD5D8;
	font-size: 16px;
}

/*GALLERIES*/
.gallery-groups,
.gal-media {margin-bottom: 24px;}
.gallery-groups {
	background: rgba(133,111,98,.7);
	padding: 8px 12px;
}
.gal-groups {display: inline-block; margin: 4px 1px;}
.gal-groups a {
	display: block;
	font-size: 16px;
	padding: 5px 12px;
}
.grp-other {
	padding-right: 16px;
	font-size: 20px;
	color: #EEDB74;
}
.gal-name {
	position: absolute;
	top: 0;
	padding: 16px 0;
	background: rgba(0,0,0,.5);
	color: #f0f0f0;
	text-align: center;
	width: 100%;
	font-size: 20px;
	z-index: 10;
}
.gal-inner a {display: block;}
.gal-inner img {border-radius: 3px;}
.gal-caption {
	background: rgba(182,155,114,.4);
	margin-top: -4px;
	padding: 8px 12px;
	font-size: 15px;
	color: #CFD5D8;
}
.gcaption,
.vcaption {
	background: rgba(133,111,98,.7);
	padding: 10px 12px;
	margin-bottom: 24px;
	font-family: 'Fontin';
	font-size: 16px;
	font-style: oblique;
	color: #EEDB74;
	border-radius: 3px;
	letter-spacing: .03em;
}

/*SINGLE GALLERY*/
.gal-inner:hover a img,
.image-item:hover img {filter: brightness(75%) contrast(150%);}

/*VIDEOS*/
.poster img {border-radius: 3px;}
.vtitle,
.vtitle-ftr {
	font-family: 'Fontin';
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 12px 0;
	text-align: center;
	color: #EEDB74;
}
.vtitle-ftr {background: rgba(102, 136, 63,.7);	padding: 2px 0;}
.poster {max-height: 214px; overflow: hidden;}
.vmcaption {
	font-family: 'Fontin';
	font-style: oblique;
	color: #ACB5B9;
	letter-spacing: .03em;
}
.vmcaption {
	font-size: 14px;
	padding: 4px 8px 6px 8px;
}

.vlinks {text-align: center;}
.vlinks,
.vlinks a {
	color: #B69A71;
	font-size: 18px;
}
.vlinks a:hover {color: #AFCA90;}

.vsize {margin: -6px 0 0 0;}
.vsize ul {margin: 0 0 30px 0; padding: 0;}
.vsize ul li {
	display: inline-block;
	margin: 0 5px;
}
.vsize ul li a {
	position: relative;
	top: 3px;
	display: block;
	background: linear-gradient(to bottom, rgba(228,228,228,0.1) 0%,rgba(238,219,116,.9) 100%);
	font-size: 20px;
	padding: 2px 18px;
	border-style: solid;
	border-color: #45525D;
	border-width: 0 2px 2px 2px;
	border-radius: 0 0 8px 8px;
}
.vsize ul li a:hover {
	background: linear-gradient(to bottom, rgba(228,228,228,0.1) 0%,rgba(72,39,20,.9) 100%);
	color: #CFD5D8;
}
.vsize ul li a:before,
.vsize ul li a:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 10px;
	border-color: #45525D;
	border-style: solid;
}
.vsize ul li a:before {
	left: -22px;
	top: -4px;
	border-radius: 0 50% 0 0;
	border-width: 0 2px 0 0;
}
.vsize ul li a:after {
	right: -22px;
	top: -4px;
	border-radius: 50% 0px 0 0%;
	border-width: 0px 0px 0px 2px;
}

/*------------------------------------*\
    MEDIA CENTER ADMIN
\*------------------------------------*/
/*FRAMEWORK*/
.mcdash section {border: 1px solid #f0f0f0; border-radius: 3px; margin-bottom: 30px;}
.mca-inner,
.mcs-inner,
.mcg-inner,
.mcv-inner,
.mcce-inner,
.mcvp-inner,
.mcve-inner {background: rgba(240,240,240,.7); padding: 24px;}
.mcag-inner,
.mcsg-inner,
.mcgg-inner,
.mcvc-inner {background: linear-gradient(to bottom,  rgba(228,228,228,0.3) 0%,rgba(238,219,116,.8) 100%); padding: 24px;}
.mcvp-inner {text-align: center;}

.mca-grid,
.mcag-grid,
.mcs-grid,
.mcsg-grid,
.mcg-grid,
.mcgg-grid,
.img-grid,
.mcvc-grid,
.mcce-grid,
.mcve-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
}
.img-grid {align-items: center; overflow: hidden;}

.mca-item,
.mcs-item,
.mcce-item,
.mcve-item {flex-basis: calc(33.333% - 12px);}

.mcg-item,
.mcgi-item {flex-basis: calc(25% - 12px);}
.mcag-item,
.mcgg-item {flex-basis: 12.5%; text-align: center;}
.mca .img-item {flex-basis: 15%;}
.mcvc-item {flex-basis: calc(50% - 12px);}

.mca-item-inner,
.mcs-item-inner {background: #f0f0f0; padding: 12px; border: 1px solid #C7CED1; border-radius: 3px;}
.mcg-item-inner {
	position: relative;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
}
.art-images {margin-bottom: 24px;}
.mca-inner .mca-img {display: inline-block; width: 25%; vertical-align: top;}

/*OUTLINE FUNCTIONAL SECTIONS*/
.mcdash h5 {margin: 0 0 12px 0;}
.x_fieldset {
	padding: 24px;
	border: 2px outset #9E924C;
	border-radius: 6px;
}
.x_fieldset {position: relative;}
.x_fieldset:after {
	content: '';
	height: 0px;
	display: table;
	clear: both;
}
.x_legend {
	font-size: 18px;
	padding: 0 6px;
	position: absolute;
	top: -12px;
	left: 24px;
	background: #F3E7A1;
}

/*ADMIN MAIN PAGE*/
.mca ul {margin:0; padding: 0 0 8px 0;}
.mca ul li {
	float: left;
	width: 25%;
	text-align: center;
}
.mca ul li a {
	display: block;
	font-size: 20px;
	color: #EEDB74;
}
.mca ul li a:hover div {color: #f0f0f0;}
.mca ul li a div {
	position: relative;
	background: rgba(0,0,0,.6);
	margin-top: -54px;
	padding: 12px 0;
}
.mca ul li a img {border-radius: 3px;}
.mca ul li a img:hover {filter: brightness(75%) contrast(150%);}

/*FORMS & BUTTONS*/
.catRmv {
	background:#e4e4e4;
	margin-top: 6px;
	background: linear-gradient(to bottom,  rgba(228,228,228,0.3) 0%,rgba(72,39,20,.8) 100%);
	color: #EEDB74;
	font-size: 12px;
	border: 1px solid #C57200;
	border-radius:3px;
	0 1px 5px rgba(0,0,0,0.25),
	0 0 50px rgba(0,0,0,0.1) inset;
	cursor: pointer;
}
.catRmv {padding: 4px 12px;}
.catRmv:hover {
	background: linear-gradient(
		to bottom,  rgba(228,228,228,0.2) 0%,
		rgba(228,228,228,.8) 100%);
	color: #482714;
}
.mc-galimg-mods {position: relative;}
.mc-galimg {max-height: 175px; overflow: hidden;}
.del-l,.fav-r {
	position: absolute;
	top: 0;
	background: rgba(240,240,240,.8);
	padding-left: 2px;
}
.del-l {left: 0;}
.fav-r {right: 0;}

/*ADMIN BUTTON STYES*/
.navi-btn,
.create-btn,
.edit-btn,
.delete-btn,
.cancel-btn {
	padding: 6px 14px;
	border: 1px solid rgba(69,82,93,.7);
	border-radius: 3px;
	font-size: 13px;
	cursor: pointer;
}
.long {width: 100%; margin-bottom: 4px; padding: 6px 0; text-align: center;}
.browse-btn {
	background: rgba(182,154,113,.7);
	padding: 4px 14px;
	border: 1px solid rgba(69,82,93,.7);
	border-radius: 3px;
	font-size: 13px;
	cursor: pointer;
}
.navi-btn {background: rgba(182,154,113,.7);}
.create-btn {background: rgba(102,136,63,.7);}
.btn-big {font-size: 17px;}
.edit-btn {background: rgba(238,219,116,.7);}
.delete-btn {background: rgba(197,114,0,.7);}
.cancel-btn {background: rgba(172,181,186,.7);}
.navi-btn:hover,
.browse-btn:hover,
.create-btn:hover,
.edit-btn:hover,
.delete-btn:hover,
.cancel-btn:hover {
	background: rgba(69,82,93,.7);
	color: #f0f0f0;
}
label.block {display: block;}
.hide-btn {opacity:0;position:absolute;z-index: -10;}/*hide ugly browse button*/

/*ART, SCRAP FORMAT*/
h2.aa-id,
h3.aa-id {margin: 0 0 20px 0;}
.aa-add {text-align: center; margin-bottom: 24px;}

.aa-author,
.aa-cats,
.aa-overview,
.aa-feature,
.aa-body,
.aa-summary {margin-bottom: 12px;}
.aa-pic {max-width: 33.333%;}

.aa-author {float: right;}
.aa-cats {color: #695B4E;}
.aa-overview {font-style: oblique;}
.aa-summary {color: #482714;}

.aa-edit {text-align: center;}
.aa-edit > div {display: inline-block; padding: 4px;}

.mca-newcat {margin-bottom: 24px;}
.mca-catitem {text-align: center;}
.preview-link {text-align: center; margin-bottom: 12px;}
.preview-link a {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

/*IMAGE LIB FORMAT*/
.imgupl {margin-bottom: 30px;}
.img-img {position: relative; overflow: hidden;}
.img-img img {
	width: 175px;
	height: 175px;
}
.img-info {
	text-align: center;
	font-size: 14px;
	color: #45525D;
}
.img-delete {
	position: absolute;
	top: 0;
	right: 0;
	height: 24px;
	width: 24px;
	color: #C57200;
	padding: 0 5px;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #C57200;
	border-radius: inherit;
	cursor: pointer;
}
.img-delete:hover {background: #45525D; color: #f0f0f0;}
.revert {margin: 12px 0;}
.cb-add {
	position: absolute;
	top: -3px;
	left: -4px;
}
.rd-feat input {
	position: absolute;
	top: -1px;
	right: -1px;
	opacity: 0;
	z-index: 4;
	height: 22px;
	width: 22px;
	cursor: pointer;
}
.rd-feat label {
	position: absolute;
	top: -10px;
	right: 0;
	font-size: 30px;
	color: #f0f0f0;
	z-index: 2;
}
.rd-feat input:checked + label {color: #C8140E;}
	
/*GALLERY FORMAT*/
.mc-gal-fields,
.mc-feature {width:50%; float: left;}
.mc-feature-inner {padding-left: 24px;}
.mc-feature-inner img {border: 1px solid rgba(240,240,240,.7); border-radius: 3px;}
.mcgal-id {
	background: rgba(0,0,0,.7);
	color: #f0f0f0;
	font-size: 14px;
	text-align: center;
	padding-bottom: 2px;
}
.mcgal-name {
	position: absolute;
	top: 0;
	padding: 16px 0;
	background: rgba(0,0,0,.5);
	color: #f0f0f0;
	text-align: center;
	width: 100%;
	font-size: 20px;
	z-index: 10;
}
.mcgal-caption {
	background: rgba(182,155,114,.4);
	margin-top: -4px;
	padding: 4px 8px 8px;
	font-size: 13px;
}
.mcgal-link {text-align: center;}
.mcgal-link a {
	display: inline-block;
	width: 100px;
	margin: 2px 0;
	padding: 6px 0;
}
#gal-delete {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0;
}
/*VIDEO FORMATS*/
.mcccaption {
	margin-bottom: 16px;
	font-family: 'Fontin';
	font-style: oblique;
	letter-spacing: .03em;
	color: #333C1A;
}
.vupl {margin-top: 24px;}

/*------------------------------------*\
    FORM ELEMENTS
\*------------------------------------*/
.formnote {font-style: oblique; font-size: 18px; color: #333C1A;}
.fieldnote {margin-top: 4px; font-style: oblique; color: #45525D;}
.fieldtitle {font-weight: bold;}

.fieldgroup {margin: 4px 0 8px;}
.fieldgroup span:nth-child(2) {padding-right: 8px;}
.formfield {margin-bottom: 24px;}
.formfieldsm {margin-bottom: 4px;}
.fieldtiny {padding-left: 12px;}
.fieldtiny input {max-width: 20px;}

.pct25 {display: inline-block; width: 25%; margin-right: 16px;}
.label {font-size: 16px; margin-bottom: 2px;}
label {cursor: pointer;}
.grplabel {font-weight: bold;}

input:focus,
textarea:focus {
	outline: none;
	background: #F3E7A1;
	border: 1px solid #45525D;
}
.catinput {width: 240px; padding: 4px 8px!important;}

.finput,
.ftxtarea,
.fselect {
	width: calc(100% - 18px);
	font-family: 'Fontin';
	font-size: 16px;
	padding: 7px 8px;
	border: 1px solid #66883F;
	border-radius: 3px;
}
.finputsm,
.ftxtareasm,
.fselectsm {
	width: calc(100% - 14px);
	font-family: 'Fontin';
	font-size: 14px;
	padding: 4px 6px;
	border: 1px solid #66883F;
	border-radius: 3px;
}
.multichk {padding: 0 10px 0 0;}
.fradio:focus {outline: none;}
.fradio {
	position: relative;
	top: 3px;
  width:20px;
  height:20px;
	margin-right: 0;
	cursor: pointer;
}
.fchk {margin-left: 0;}

/*custom checkbox*/
input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
	padding: 1px;
  color: #66883F;
  width: 18px;
  height: 18px;
  border: 2px solid #45525D;
  border-radius: 3px;
  display: inline-flex;
  place-content: center;
	cursor: pointer;
}
input[type="checkbox"]::before {
  content: "";
  width: 12px;
  height: 12px;
}
input[type="checkbox"]:checked::before {
	box-shadow: inset 0px 0px 0px 4px #C57200;
}
/*Contact Form Specific*/
.pg-contactform {max-width: 800px;}
.ctinput,
.cttxtarea {
	width: calc(100% - 22px);
	padding: 10px;
	border: 1px solid #66883F;
	border-radius: 3px;
}
.buttoncontact[type=submit] {
	background: rgba(182,154,113,.7);
	padding:10px 24px;
	font-size:16px;
	float:right;
	margin-right:0;
	border: 1px solid rgba(69,82,93,.7);
	border-radius: 3px;
	cursor: pointer;
}
.buttoncontact[type=submit]:hover {
	background: rgba(69,82,93,.7);
	color: #f0f0f0;
}
.error-contact {
	padding-bottom:24px;
	font-size:20px;
	color:#ED1C24;
}
.success-contact {
	padding-bottom:24px;
	font-size:20px;
	color:#458B00;
}
.error-block {
	margin: 3px 0;
	padding: 3px 8px;
	font-size: 12px;
	border-radius: 3px;
}
.error-block {
	background: #E4AFB7;
	color: #AF0F28;
	border: 1px solid #AF0F28;
}
.alert-success {
	background: #9CE39D;
	padding: 8px;
	font-weight: bold;
	border: 1px solid #689768;
	border-radius: 3px;
}
.alert-fail {
	background: #E4AFB7;
	padding: 8px;
	color: #AF0F28;
	font-weight: bold;
	border: 1px solid #689768;
	border-radius: 3px;
}

.index .isoButton .button {margin: 0;}

@media all and (min-width:1329px) {
	.image-item {
		flex-basis: calc(20% - 1px);
		max-height: 175px;
	}
}
@media all and (max-width:1328px) {
	.container {margin: 0 24px;}
}
@media all and (min-width:960px) and (max-width:1328px) {
	.image-item {
		flex-basis: calc(25% - 1px);
		max-height: 150px;
	}
}
@media all and (min-width:769px) and (max-width:959px) {
	#header .four {width: 36%;}
	.about .four {width: 100%;}
	.twelve.brn {width: 64%;}
	.twelve.mmu {width: 100%;}
	#logo {margin-bottom: 0;}

	.sbhwidget .sbtitle {font-size: 17px;}
	.sbhwidget.sbmenu ul li a {
		padding: 6px 12px;
		font-size: 14px;
	}
	.contact .four,
	.contact .twelve {width: 50%;}

	.gal-item {flex-basis: calc(33.333% - 6px); flex-grow: 1;}
	.image-item {flex-basis: calc(25% - 1px);	max-height: 112px;}
	.feat-item, .vid-item {flex-basis: calc(50% - 12px);}
}
@media all and (min-width:769px) {
	aside.mobile {display:none;}
}
@media all and (min-width:556px) and (max-width:768px) {
	.sbhwidget.sbmenu ul li {margin: 0;}
	.sbhwidget.sbmenu ul li a {
		padding: 3px 8px 3px 8px;
		font-size: 16px;
	}
}
@media all and (max-width:768px) {
	header {padding:0 0 12px 0;}
	.span {display:block; float:none; clear:both;}
	.twelve,.eleven,.ten,.eight,.six,.four,.three {width: 100%;}
	/*.desktop {display:none;}*/
	#logo {text-align:center;}
	#logo img {max-width:280px;}
	aside.mobile {display:none;}
	#brand-sub {padding:6px 24px 4px 20px;}
	.homedonate,
	.overview {font-size: 16px;}
	
	h1 {font-size:24px;}
	.footer-grid {display:block;}
	.col-item.ci1,
	.col-item.ci2,
	.col-item.ci3 {
		max-width: 300px;
		margin: 0 auto;
	}
	
	.inner-mbl {padding-bottom: 24px;}
	sidebar .sbwidget {margin:0 24px 24px 24px;}

	.grid-parent,
	.feed-lists,
	.feed-lists li,
	.link-item {display: block; margin-bottom:16px;}

	.art-grid {display: block;}
	.art-item {width: 100%; margin-bottom: 24px;}
	.image-item {flex-basis: calc(50% - 1px);max-height: 120px;}
	.feat-grid,.vid-grid {display: block;}
	.art-body .imgleft,
	.art-body .imgright {
		float: none;
		padding: 20px;
		margin: 0 auto;
		max-width: none;
	}
	.art-content {
		margin: inherit;
		padding: inherit;
		box-shadow: none;
	}

	.footer-bottom .container .bottom-text {display: none;}
	.footer-bottom .container .copy {width: 100%; text-align: center;}
}
@media all and (max-width:555px) {
	.sbhwidget.sbmenu ul li {display: block; margin: 0;}
	.sbhwidget.sbmenu ul li a {padding: 3px 8px 3px 8px; font-size: 16px;	}
}
@media all and (min-width:481px) and (max-width:768px) {
	.home #brand-sub {padding:8px 24px 0 20px; font-size:14px;}
	.tab-nav ul li {
		margin: 0;
		padding: 5px 17px;
		font-size: 16px;
	}
	.art-body {font-size: 18px;}
	.gal-item {flex-basis: calc(50% - 6px); flex-grow: 1;}
}

@media all and (max-width:480px) {
	.container {margin:0;}
	#site-brand {font-size:22px;}
	#brand-sub {display:none;}
	.inner.withbg,.inner.darkbg {padding: 12px;}
	.overview {font-size:16px;}
	.results {padding: 12px;}
	.art-inner {padding: 12px;}

	.tab-nav ul li {padding: 4px 9px 4px 8px; font-size: 16px;}
	.art-body {font-size: 17px;}
	.gal-grid {display: block;}
	.gal-item {margin-bottom:12px;}
	.gal-groups a {
		display: block;
		font-size: 15px;
		padding: 4px 8px;
	}
}