@charset "UTF-8";
/* Author J-F Simard for netdiver.net */
/* Last revision March 11 2014 */

/* 1. Small Elements - Global Generic Styles  */

* {
  margin: 0;
	padding: 0;
	outline: 0;
}
body {
	color: #010101;
	background: #FFFFFF;
	font-family: Georgia, Times New Roman, serif;
	font-size: 78.5% !important;
}
a {
	text-decoration: underline;
	color: #010101;
}
acronym, abbr, q.for, span.sponsor {
	cursor: help;
}
br {
	margin: 0;
	padding: 0;
}
dl, p, li {
	font-size: 1.4em;
	line-height: 1.5;
}
dl {
	background-color: transparent;
	color: #010101;
	margin: 0 0 1.5em 0;
	padding: 0;
}
dt {
	margin: 1.6em auto 0 15px;
	padding: 0 0 0.8em 0;
}
dd {
	background-color: transparent;
	color: #010101;
	margin: 1.4em auto auto 15px;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
h1, h2.main_sub_title {
	font-family: Georgia, Times New Roman, serif;
	color: #010101;
	font-size: 32px;
	margin: 0 0 0 0;
	padding: 2px;
	line-height: 28px;
	text-align: center;
}
/*h1, h2.main_sub_title {font-family: Georgia, Times New Roman, serif; color: #010101; font-size: 28px; margin: 0 0 0 0; padding: 2px; 0 0 0; line-height: 24px; text-align: center; }*/
/*body.map h2.main_sub_title {font-family: Georgia, Times New Roman, serif; color: #010101; font-size: 36px; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 1.2; }*/
h2.main_sub_title {
	font-size: 23px;
	font-style: italic;
}
/*h2.main_sub_title{font-size: 13px; font-style: italic;}*/
h2.main_sub_title br {
	display: none;
}
h1 a:link, h1 a:visited {
	text-decoration: underline;
	color: #010101 !important;
	padding: 0 2 0 0;
}
h1 a:hover, h1 a:active {
	text-decoration: none;
	color: #010101 !important;
}
h2 a:hover, h2 a:active {
	text-decoration: none;
	color: #010101 !important;
}
h2, h3, h4, h5, h6, dt {
	font-size: 1.3em;
	font-weight: bold;
	color: #010101;
	font-family: Verdana, Geneva, sans-serif;
	background-color: transparent;
	margin: 16px auto 11px 0px;
	padding: 0 0 0.8em 0;
}
/* new styles for WKND Bare Bones */

img {
	border: 0;
}
a img {
	border: 0;
	background-color: transparent;
}
p {
	background-color: transparent;
	color: #010101;
	margin: 1.4em 0 0 0;
	padding: 0;
}
figure figcaption {
	margin: 0.6em 0 0 0;
	font-size: 0.8rem;
	font-style: italic;
}
ul {
	margin: 0 0 0 30px;
}
ul li {
	list-style-type: none;
	margin: 1.4em 0 0 0;
	padding: 0;
}
.bytes p {
	margin-left: 50px;
}
.first {
	margin-top: 0;
	padding-top: 0;
}
.greytxt {
	color: #808080;
}
.hide {
	display: none;
}
.inline {
	display: inline;
}
.issn {
	font-size: 30px;
}
.logo {
	text-align: center;
	padding: 0 0 0 0;
}
.nine {
	color: #eeb;
	font-size: 7.15em;
	margin: 2px;
	padding: 0;
}
.no-underline {
	text-decoration: none;
}
.notes {
	vertical-align: super;
	color: #D14C29;
	font-weight: bold;
	font-size: 0.9em;
}
.padbot {
	margin-bottom: 0;
	padding-bottom: 3em;
}
.margtop {
	margin-top: 10px;
}
.q {
	font-weight: bold;
	margin-top: 30px;
}
.review {
	margin: 2em 0 0 0;
}
.riprev {
	margin-left: 15px;
}
.ruler {
	border-bottom: 1px solid #010101;
}
.ruler-two {
	border-bottom: 2px solid #010101;
	padding: 0 0 8px 0;
}
.ruler-fat {
	border-bottom: 20px solid #010101;
	padding-bottom: 20px;
}
.smallcnt {
	font-size: 1em;
}
.smalldots {
	font-size: 0.9em;
	font-weight: normal;
}
.ten {
	color: #DDDDAA;
	font-size: 7.5em;
	margin: 0px;
	padding: 0;
}
.title {
	color: #D14C29;
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
a.one:visited {
	text-decoration: underline;
	color: #010101;
}
a.one:link {
	text-decoration: underline;
	color: #010101;
}
a.one:hover {
	text-decoration: none;
	color: #39F;
}
a.one:active {
	text-decoration: none;
	color: #39F;
}
a.two {
	font-size: 1em;
}
a.two:link {
	text-decoration: underline;
	color: #39F;
}
a.two:visited {
	text-decoration: none;
	color: #39F;
}
a.two:hover {
	text-decoration: underline;
	color: #39F;
}
a.two:active {
	text-decoration: none;
	color: #39F;
}
a.img:link {
	text-decoration: none !important;
}
a.img:visited {
	border-bottom: 0 !important;
}
h2.bkleg {
	padding: 0 0 0 0;
}
h2.bkleg span {
	font-weight: normal;
	color: #010101;
	padding: 0 0 0.25em 0;
}
li.title {
	color: #39F;
	font-weight: bold;
	font-size: 1em;
}
p.one {
	margin: 6px auto 6px 0px;
	font-size: 0.9em;
}
p.two {
	margin: 0.7em auto 0.9em auto;
	text-align: center;
}
p.dot {
	line-height: 1.6;
	background: #F6F7F2;
	margin-left: 30px;
	margin-right: 20px;
	text-align: left;
	text-indent: -1000px;
	clear: both;
}
p.empty {
	width: 200px;
	height: 108px;
}
p.lastimg {
	margin-bottom: 160px;
}
p.pgirls {
	background-image: url(../images/overall/ip.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
ul.bkleg {
	list-style-type: none;
	margin: 1em 0 0 10px;
	padding: 0 0 0 0;
}
ul.bkleg li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
}
#msg {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
}
p#access {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* 2. Container Elements - Layout Styles */

#content {
	float: left;
	background-color: transparent;
	width: 460px;
	margin: 0 0 0 0; /*padding: 32px 0 1.4em 0;*/
	padding: 0 0 1.4em 0;
}
#extra {
	margin: 0 0 0 770px;
	padding: 0 0 1em 0;
	background-color: transparent;
	width: 218px;
}
#footer {
	font-family: Georgia, Times New Roman, serif;
	clear: both;
	width: 1024px;
	background-color: #FFFFFF;
	margin: 30px auto 5px auto;
	padding: 5px 0 10px 0;
	border-top: 24px solid #010101;
}
#main {
	background-color: #FFFFFF;
	background-image: url(../images/overall/bk/1cw856.gif);
	background-position: -50px 0;
	background-repeat: repeat-y;
	width: 1024px;
	margin: 30px 0 0 2px;
	padding: 0 0;
}
#navi-one {
	border-top: 1px solid #010101;
}
#navi-two {
	border-bottom: 1px solid #010101;
	padding: 0 0 23px 0;
}
#navi-one.sweets {
	margin: 10px 0 0 0;
}
#navi-two.sweets {
	margin: 0;
}
#navrow1 {
	color: #010101;
	background-color: #FFFFFF;
	padding: 0 0 8px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin: 6px 0 0 2px;
	border-bottom: 2px solid #010101;
}
#navrow2, #navrow3 {
	margin: 0 0 0 0;
	width: 1024px;
	font-family: Georgia, Times New Roman, serif;
}
#navrow2 {
	color: #010101;
	background-color: #FFFFFF;
	padding: 0 0 0 0;
	margin-top: 15px;
}
#navrow3 {
	background-color: #FFFFFF;
	padding: 15px 0 0 2px;
}
#spot, #side {
	float: right; /*width: 320px;*/
	width: 260px;/*margin: 0 80px 10px 0;*//* padding-top: 28px;*/
	background-color: transparent;
	background-image: url("../images/overall/bk/1cw856.gif");
	background-position: -150px 0;
	background-repeat: repeat-y;
}
#spot {
	border-left: 1px solid #585858;
}
#sweetbox {
	border-top: 1px solid #010101;
}
#wrapper {
	width: 1024px;
	background-color: white;
  /*margin: 0 0 0 23px;*/
	margin: 0 auto;
}
.back-to-top {
	display: none;
}
.centerbox {
	margin: 0 112px 0 112px;
	padding: 25px 0px 0px 0px;
}
/*.centerbox, .leftbox, .rightbox {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left;text-align: center; width: 260px; }*/
.leftbox {
	margin: 0 0 0 0px;
	padding: 25px 0px 0px 0px;
}
.mapbox {
	width: 1024px;
	background-color: #FFFFFF;
	color: #000;
	margin: 0;
	margin-top: 10px;
	padding: 15px 0 23px 0;
	display: flex;
	gap: 10%;
}
.rightbox {
	margin: 0 0 0 0;
	padding: 25px 0px 0px 0px;
}
.sweets div {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	text-align: center;
	width: 260px;
}
.sweets {
	background-color: #FFFFFF;
	color: #000;
	margin: 0;
}
.xing {
	background: transparent url(../images/overall/bkz.gif) bottom repeat-x;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 36px;
	padding: 0px 0 40px 0;
	width: 395px;
}
.xingsml {
	background: transparent url(../images/overall/bkzr.gif) bottom left repeat-x;
	margin-left: 15px;
	margin-top: 0px; /*margin-bottom: 0px;*/
	padding: 0px 0 40px 0;
	margin-bottom: 36px;
}
/* 3. Small Elements - Container Specific Styles */
.mapbox h2 {
	margin: 0.6em auto 0 15px;
	padding: 0 0 0 0;
}
.mapbox p {
	margin: 1.1em auto 0 15px;
	padding: 0;
}
.mapbox p a:hover {
	background-color: #FFFFFF;
}
.mapbox ul {
	list-style-type: none;
	padding: 0;
	margin: 1.1em 0 0 15px;
}
.mapbox ul li {
	list-style-type: none;
	padding: 0;
	margin: 0.9em 0 0 0;
}
.sweets a {
	font-size: 1.6em;
	display: inline-block;
	color: #010101;
}
.sweets a:link, .mapbox a:link {
	text-decoration: underline;
	color: #010101;
}
.sweets a:hover, .mapbox a:hover {
	border-bottom: 0;
	background-color: #FFFFFF;
}
.sweets a:active, .mapbox a:active {
	border-bottom: 0;
	background-color: #FFFFFF;
}
.sweets a:hover {
	background-color: #FFFFFF;
}
.sweets h2 {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.sweets h3 {
	font-weight: bold;
	color: #010101;
	margin: 17px auto 11px 15px;
	padding: 0 0 0.8em 0;
}
.sweets .circle {
	margin: 7px auto 0 15px;
	padding: 0;
	float: none;
	width: auto;
}
.sweets p {
	font-size: 1em;
	line-height: 1.2;
	margin: 7px auto 0 0;
	padding: 0;
}
.sweets ul {
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0 15px;
}
.sweets ul li {
	list-style-type: none;
	font-size : 1em;
	padding: 0;
	margin: 11px 0 0 0;
}
.sweets strong {
	color: #010101;
}
#content a:visited {
	color: #010101;
}
#content dt {
	font-size: 1em;
}
#content dt {
	font-size: 1em;
}
#content h2, #shots h2 {
	font-family: Georgia, Times New Roman, serif;
	color: #010101;
	font-size: 36px;
	font-style: italic;
	margin: 0 0 0 0;
	padding: 0 0 28px 0;
	line-height: 1;
}
#content h2 + h3 {
	margin: 10px 0 0 15px;
}
#content h2#new {
	position: relative;
	margin: 0 0 0 15px;
	padding: 0 0 63px 0;
}
#content h2#new span.date {
	position: absolute;
	top: 37px;
	left: 0;
}
#content dl, #content p, #content li {
	font-size: 1.7em;
	line-height: 1.65;
}
#content .similar-posts dl, #content .similar-posts p, #content .similar-posts li {
	font-size: 1.3em;
	line-height: 1.65;
}
#content p.date {
	margin: 10px 0 0 0;
	line-height: 1.1;
}
#content p.q {
	font-size: 1em;
}
#content .ruler {
	margin: 14px auto 42px 0px;
	padding-bottom: 48px;
}
#content .ruler h2, #content .ruler h3 {
	margin: 0px 0 0 15px;
}
/* Right Side Column */
#extra a, #spot a, #side a {
}
#extra a.inline, #spot a.inline, #side a.inline {
	display: inline-block;
	width: auto;
}
#extra a:hover, #spot a:hover, #side a:hover {
	color: #010101;
	text-decoration: none;
}
#extra p span#current, #spot p span#current, #side p span#current {
	color: #39F;
}
#extra ul li, #spot ul li, #side ul li {
	margin: 0.5em 0 0 0;
	padding: 0;
}
#extra ul, #spot ul, #side ul {
	margin: 10px 0 0.5em 16px;
	padding: 0;
}
#extra h3 + p, #spot h3 + p, #side h3 + p {
	margin-top: 10px;
}
#extra div.text, #spot div.text, #side div.text {
	width: 234px;
	margin: 0px 0px 0 0;
}
#extra p, #spot p, #side p {
	margin: 10px 0 0 16px;
	padding-right: 0;
}
#side p {
	width: 220px;
}
#extra .ruler, #spot .ruler, #side .ruler {
	margin: 10px 0 18px 16px;
	padding-bottom: 26px;
}
#utw_160x160 {
	margin: 10px 0 18px 16px;
	padding-bottom: 18px;
	border-bottom: 1px solid #39F;
}
#extra .ruler p, #spot .ruler p, #side .ruler p {
	margin: 1.4em 0 0 0;
}
#extra ul.ruler, #spot ul.ruler, #side ul.ruler {
	width: 200px;
}
#extra iframe, #spot iframe, #side iframe {
	border-bottom: 1px solid #E9EAE2;
	width: 160px;
	height: 160px;
	margin: 10px 0 18px 16px;
	padding-bottom: 18px;
}
#extra h2, #extra h3, #spot h2, #side h2, #spot h3, #side h3, #spot h4, #side h4 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.5em;
	margin: 0 auto 0 16px;
	padding: 0 0 0 0;
}
#extra p + h2, #spot p + h2, #side p + h2 {
	margin-top: 20px;
}
#extra p + h3, #extra p + h4, #spot p + h3, #spot p + h4, #side p + h3, #side p + h4 {
	margin-top: 40px;
}
#extra div + h3, #extra div + h4, #spot div + h3, #spot div + h4, #side div + h3, #side div + h4 {
	margin-top: 40px;
}
#extra h2.margtop, #spot h2.margtop, #side h2.margtop {
	margin-top: 20px;
}
#extra dt, #spot dt, #side dt {
	margin: 1.6em 0 0 15px;
	padding: 0 0 0.8em 0;
}
#extra dd, #spot dd, #side dd {
	margin: 0 0 0 15px;
}
#footer a {
	display: inline;
	color: #010101;
}
#footer a:link, a.foot:link, #footer a:visited, a.foot:visited {
	text-decoration: none;
}
#footer a:hover, a.foot:hover, #footer a:hover, a.foot:active {
	text-decoration: underline;
}
#footer a.underline:link, a.foot.underline:link, #footer a.underline:visited, a.foot.underline:visited {
	text-decoration: underline;
}
#footer a.underline:hover, a.foot.underline:active, #footer a.underline:active, a.foot.underline:active {
	text-decoration: none;
}
#footer p {
	font-size: 1.2em;
	color: #010101;
	margin: 6px 0 0 0;
}
#footer .ruler {
	padding: 0 0 8px 0;
}
#footer .ruler-two {
	margin: 6px 0 0 0;
}
#main a {
	color: #010101;
	text-decoration: underline;
}
#main a:hover, #main a:active {
	border-bottom: 0;
}
#main a.dycy, #spot p > br + a, #side p > br + a {
	color: #39F;
}
#main #content a {
	color: #010101;
	text-decoration: underline;
}
#main #content a:hover, #main #content a:active {
	text-decoration: none;
}
#main #content ul.inline li {
	display: inline;
}
#main #content dl.dlint dt a:link, #main #content dl.dlint dt a:visited {
	background: transparent;
	color: #010101;
	text-decoration: underline;
}
#main #content dl.dlint dt a:hover, #main #content dl.dlint dt a:active {
	background: transparent;
	color: #010101;
	text-decoration: none;
}
#main #content p.more-news {
	margin-bottom: 32px;
}
#main #content .more-news a:link, #main #content .more-news a:visited {
	background: transparent;
	color: #010101;
	text-decoration: underline;
}
#main #content .more-news a:hover, #main #content .more-news a:active {
	color: #999999;
	text-decoration: none;
}
#wrapper .up, #main #content .up, #main .up {
/*	margin-top: 25px;*/
	/* bottom: -42px;
	left: -5px; */
	display: flex;
	justify-content: right;
	position: sticky;
	bottom: 20px;
	/* left: -10px; */
	visibility: hidden;
	opacity: 0;
	transition: all 1s;
	width: 100%;
}
#main #content .up.visible, #main .up.visible {
	visibility: visible;
	opacity: 0.8;
}
#wrapper .up a, #main #content .up a, #main .up a, body.map .up a {
/*	text-indent: -9999px;*/
	/* background: black url(../images/overall/up.gif) center center no-repeat; */
	background-color: #ffffff;
	border-radius: 50%;
	border: 1px solid #000;
	/* background-size: contain; */
	display: block;
	/* padding: 2px 2px 0; */
	height: 30px;
	/* padding-top: 2px; */
	width: 30px;
	text-align: center;
	/* background-color: #010101; */
	color: 000;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	text-decoration: none;
}
#wrapper .up a::after, #main #content .up a::after, #main .up a::after, body.map .up a::after {
	/* content: "\2191"; */
	/* content: "^"; */
	content: "\2227";
}
#main #shots a {
	color: #010101;
}
#main #shots a:link {
	color: #010101;
	text-decoration: underline;
}
#main #shots a:visited {
	color: #010101;
	text-decoration: none;
}
#main #shots a:hover {
	text-decoration: none;
}
#main #shots a:active {
	text-decoration: none;
}
#navrow1 ul {
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0;
}
#navrow1 ul li {
	display: inline;
	list-style-type: none;
	margin: 0 7px 0 0;
	padding: 0;
	font-size : 1em;
}
#navrow1 ul li.title {
	color: #FFFFFF;
}
#navrow1 a {
	font-size: 1em;
}
#navrow1 a:link, #navrow1 a:visited, #navrow1 a:hover, #navrow1 a:active {
	color: #010101;
	border-bottom: none;
}
#navrow1 a:link, #navrow1 a:visited {
	text-decoration: none;
}
#navrow1 a:hover, #navrow1 a:active {
	text-decoration: underline;
}
#navrow2 a:link, #navrow2 a:visited {
	color: #010101;
	text-decoration: underline;
}
#navrow2 a:hover, #navrow2 a:active {
	color: #010101;
	text-decoration: none;
}
#navrow2 a {
	display: block;
	float: left;
}
#navrow2 ul {
	background-color: transparent;
	border-top: 1px solid #010101;
	list-style: none;
	float: left;
	margin: 0 0 0 0;
	padding: 3px 0 7px 5px;
}
#navrow2 ul li {
	font-size : 2.4em;
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
}
#navrow3 ul, #navrow4 ul {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#navrow3 ul li, #navrow4 ul li {
	font-size : 1em;
	display: inline;
	list-style-type: none;
	margin: 0 5px 0 0;
	line-height: 1.0;
}
#navrow3 ul li.title, #navrow4 ul li.title {
	font-weight: normal;
	font-style: italic;
	color: #010101;
}
#navrow3 a:visited {
	text-decoration: underline;
}
#navrow3 a#current:link, #navrow3 a#current:visited {
	font-weight: bold;
}
#wrapper a.six {
	text-decoration: underline;
	display: inline-block;
}
#wrapper a.six:hover, #wrapper a.six:active {
	text-decoration: none;
	border-bottom: 0;
}
.mapbox a {
	font-size: 13px;
	color: #010101;
	display: inline-block;
	font-family: Georgia, Times New Roman, serif;
}
.xing p {
	margin: 1.4em 0 0 0px;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
	background: none;
}
.xing #flashcontent {
	margin: 2em 0 0 0;
}
.xing h3 {
	background: transparent url(../images/overall/bkz.gif) top repeat-x;
	margin: 0 auto 0 0px;
	padding: 28px 0 0 0;
	font-weight: normal;
	color: black;
}
/* Special care */

/* This is a way to clear float developed by Tony Aslett put together by Holly n John at
   http://www.positioniseverything.net/easyclearing.html */
.clearie {
	height: 1px;
	overflow: hidden;
	clear: both;
}
.clear:after, .mapbox:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
/* End of clearing - IE hacks stored separately using conditional comments */ 

/*  Sitemap boxes Reset the margin-top to 0 because no 1px jog */
.mapbox {
	margin-top: 0;
}
/* 5. Galleries Section, Body Class and ID Specific styles */

div.thumbs {
	float: left;
	width: 200px;
	height: 178px;
	margin: 18.85px 37px 10px 16px;
	padding: 0 0 0 0;
}
div.thumbs p {
	width: 200px;
	margin: 1em 0 0 0;
}
body.galleries #wrapper #main {
	background-image: none;
	border-bottom: none;
	padding-bottom: 5px;
	margin-top: 30px;
}
body.galleries #shots a:visited {
	color: #010101;
}
body.galleries #main #content, body.galleries #main #shots {
	float: none;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
body.galleries #main #spot, body.galleries #main #side {
	display: none;
}
body.map h2.map-header {
	font-family: Georgia, Times New Roman, serif;
	color: #010101;
	font-size: 36px;
	font-style: italic;
	margin: 0 0 0 0;
	padding: 0 0 28px 0;
	line-height: 1;
}
body.galleries .up, body.map .up {
	/* position: static; */
}
body.map #main {
	background-color: #FFFFFF;
	background-image: none;
	border-top: 3px solid #010101;
	margin: 20px 0 0 0;
}
body.map #wrapper {
	background-color: #FFFFFF;
}
body.map #navrow2 + div.mapbox {
	margin-top: 20px;
}
body.map #footer {
	margin: 0 auto 5px auto;
}
/* G Galleries */

/*body.galleries.home #extra {
	margin: 0;
	float:right;
	width: 510px;
}
body.galleries.home #extra h2 {
	font-size: 22px;
}
body.galleries.home #extra p {
	padding-right: 40px;
	font-size: 22px;
}

body.galleries.home #featured {
	float: left;
	width: 510px;
}
body.galleries.home #featured .thumbs {
	margin: 0 37px 10px 16px
}
body.galleries.home #featured .thumbs p:first-child {
	margin: 0;
}*/

body.map .centerbox {
	margin: 0 0px 0 32px;
}
body.map .leftbox, body.map .centerbox, body.map .rightbox {
	width: 223px;
}
body.map .rightbox {
	margin: 0 0 0 30px;
}
body.singlepost {
	height: 100vh;
}
body.singlepost #content {
	margin: 0 0 0 0;
}
ul.sitemap {
	margin: 20px 0 0 0;
	float: none;
}
ul.sitemap.first, ul.sitemap.second {
	padding: 0px 0 0 0px;
}
ul.sitemap h2 {
	font-size: 34px;
	margin: 0 0 0 0px;
	padding: 0 0 10px 15px;
}
ul.sitemap p {
	margin: 0px 0 0 15px;
	padding: 0 20px 0 0;
	font-size: 1em;
}
ul.sitemap li {
	float: left;
	width: 242px;
	padding-bottom: 10px;
	margin: 0 5px 10px 0;
}
/*ul.sitemap li#x {max-height: 90px;}
ul.sitemap li#xi {min-height: 90px;}
ul.sitemap li#xii, ul.sitemap li#xxi {min-height: 90px;}
ul.sitemap li#xxi {min-height: 75px;}
ul.sitemap li#xviii {min-height: 130px;}
*/
ul.sitemap.second li {
	width: 247px;
	min-height: 150px;
}
ul.sitemap li ul li {
	min-height: 0;
	max-width: 220px;
	margin: 5px 0 0 0;
	padding: 0;
}
body.map #main ul.sitemap li a {
	font-size: 1em;
}
body.map #main ul.sitemap li a:link {
	color: #010101;
	text-decoration: none;
	border-bottom: 0;
}
body.map #main ul.sitemap li a:visited {
	color: #010101;
	text-decoration: none;
	border-bottom: 0;
}
body.map #main ul.sitemap li a:hover {
	color: #39F;
	text-decoration: none;
	border-bottom: 0;
}
body.map div#legend h2 {
	font-size: 34px;
	margin: 20px 0 0 15px;
	padding: 0 0 10px 0;
}
body.newsarchive #main {
	margin: 30px 0 0 2px;
	padding: 0 0;
}
body.newsarchive #navrow3 {
	margin: 9px 0 0 2px;
	padding: 0 0;
}
body.newsarchive #sweetbox1, body.newsarchive #sweetbox2, body.boty #sweetbox1, body.boty #sweetbox2 {
	margin-top: 10px;
}
body#zero #sweetbox1 {
	margin-top: 10px;
}
body.toolbox #extra, body.interviews #extra, body.forms #extra, body.tenyears #extra, body.editorials #extra, body.poster #extra, body#about #extra, body#oops #extra {
	padding-top: 28px;
}
body#map #navrow3 {
	margin: 0 0 0 0px;
}
body.scouts #extra dt {
	font-weight: normal;
	margin: 1.6em 0 0 15px;
	padding: 0 0 0 0;
}
body.scouts #extra dt#current, body.scouts #extra dt#current + dd {
}
body.scouts #extra dd {
	margin: 0 0 0 15px;
	padding: 0;
}
body#whatsnew #navi {/*display:block;*/
}
body#whatsnew #sweetbox1, body#whatsnew #sweetbox2, .mapbox {/*padding: 17px 0 17px 0; margin-top: 10px;*/
}
body#whatsnew #extra dt {
	font-size: 0.9em;
	font-weight: normal;
}
body#whatsnew #extra dt a {
	text-decoration: underline;
	color: #010101;
}
body#whatsnew #main {
	margin-top: 30px;
}
body#whatsnew #content {
	margin: -13px 0 0 0;
}
/* Start Galleries and Posts BackMore navigation */

div#gallerytitle, div#narctitle, div#maintitle {
	width: 570px;
	margin-bottom: 28px;
}
div#gallerytitle h2, div#narctitle h2, div#maintitle h2 {
	margin: 0;
	padding: 0 0 0 0;
	max-width: 420px;
}
div#gallerytitle div.galnav, div#narctitle div.galnav, div#maintitle div.browsenav {
	float: right;
	padding-top: 6px;
}
body.galleries div#maintitle {
	margin-bottom: 0;
	flex-basis: 100%;
}
body.galleries div.browsenav {
	float: right;
	padding-top: 6px;
}
body.galleries div.browsenav ul.prevnext {
	width: auto;
	margin: 0;
}
body.galleries #shots + .clearie + div.browsenav {
	padding-top: 20px;
	float: none;
}
body.galleries #shots + .clearie + div.browsenav ul.prevnext {
	margin: 0;
}
ul.prevnext {
	list-style: none;
	margin: 0;
}
ul.prevnext {
	padding: 20px 0 0 0;
	/* width: 160px; */
}
ul.prevnext li {
	font-size: 1.7em;
	font-style: italic;
	color: #999999;
	display: inline;
	padding: 0;
}
ul.prevnext li.bktxt {
	color: #010101;
	font-style: normal;
}
ul.prevnext li.title {
	color: #010101 !important;
	margin: 0 5px 0 0;
	font-size: 0.9em;
}
ul.prevnext li a {
	font-style: italic;
	text-decoration: underline !important;
	background: transparent !important;
}
ul.prevnext li a:link, ul.prevnext li a:visited {
	color: #010101 !important;
}
ul.prevnext li a:hover, ul.prevnext li a:active {
	color: #666666 !important;
	text-decoration: none !important;
}
/* Addition in case of using positioning */
#main {
	position: relative;
}
.browsenav-pos {
	position: absolute;
	top: 2px;
	left: 315px;
}
/* End Start Galleries PrevNext nav */


/* 6. Form styles for voxform, add rates Search Box */
form {
	margin: 0;
	padding: 0;
}
input, textarea, select {
	width: 300px;
	font-size: 1em;
	font-family: Georgia, Times, serif;
	background-color: #F6F7F2;
	border: 1px solid #010101;
}
.radio, .check, #sweetbox2 .radio {
	width: 15px;
}
body.forms form ol:after, body.forms form li:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
body.forms form ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.forms form > ol {
	padding: 0 0 0 15px;
}
body.forms form li {
	margin: 0 0 1.4em 0;
}
body.forms form input, body.forms label {
	display: block;
}
body.forms form input[type="text"], body.forms textarea {
	background-color: transparent;
}
body.forms form input[type="text"] {
	padding: 3px 0;
}
body.forms form input[type="text"]:focus, body.forms textarea:focus {
	background-color: #FFFFFF;
	border: 1px solid #39f;
}
body.forms form input[type="text"]:focus, body.forms textarea:focus {
	background-color: #FFFFFF;
	border: 1px solid #39f;
}
body.forms form .radio-group {
	margin: 0 0 1em 0;
}
body.forms form .radio-group ol {
	padding: 10px 0 0 0;
}
body.forms form .radio-group li {
	margin: 0 0 6px 0;
	font-size: 14px !important;
	line-height: 1 !important;
}
body.forms form .radio-group input {
	margin: 0 0 0 0;
	float: left;
	width: 16px;
	height: 16px;
	padding: 0 0 0 0;
}
body.forms form .radio-group .radio {
	width: 41%;
	float: left;
}
body.forms form .radio-group label {
	float: left;
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
}
body.forms form .radio-group .label {
	font-style: italic;
}
body.forms #contentpost h1, body.forms #content .success {
	text-align: left;
}
p.form {
	color: #39F;
	background-color: transparent;
	font-weight: bold;
	margin-top: 1.2em;
	margin-bottom: 0.4em;
	padding: 0px;
}
p.tpsearch {
	width: 300px;
}
input#submit, input.submit {
	color: #fff;
	background-color: #010101;
	padding: 2px 0 4px 0;
	width: 80px;
	font-style: italic;
}
input#submit:focus, input.submit:focus {
	background-color: #ffffff;
	color: #010101;
}
fieldset {
	margin: 20px 0 0 15px;
	padding: 0 0 15px 0;
	width: 305px;
	background: #f0f0f0;
}
div#content fieldset p {
	width: 100px;
}
legend {
	margin-left: 10px;
	padding: 0 0 0 0;
}
label {
	font-style: italic;
}
label.normal {
	font-style: normal;
}
#contentpost {
	width: 732px;
	color: #000;
	background-color: #FFFFFB;
	padding-top: 4em;
	padding-bottom: 4em;
}
#sweetbox2 input.submit {
	width: 26px;
	height: 10px;
	padding: 0;
}
#extra input {
	width: 160px;
	background-color: white;
}
#extra input.submit {
	width: 38px;
	height: 14px;
	padding: 0;
}
#search form {
	margin: 15px 0 0 0;
	padding: 0;
}
#search {
	width: 250px;
	margin: 1.6em 0 0 0px; /*padding-bottom: 5px;*/ /*background: #EFEFEF;*/
}
#extra #search h2 {
	margin: 26px auto 0 15px;
	padding: 0 0 0 0;
}
#extra #search h2 + p {
	margin: 0px auto 0 15px;
	padding: 0;
}
#search input {
	font-size: 1.1em;
	background-color: #F6F7F2;
	margin-top: 1.5em; /*width: 250px;*/
	width: 230px;
}
#search input {
	background-color: #FFFFFF;
}
#search input.radio {
	width: 15px;
}
/*#search input.submit  {width: auto; height: auto; text-align: center; border: none; padding: 0;}*/
#search input#submit, #search input.submit {
	color: #fff;
	background-color: #010101;
	padding: 2px 0 4px 0;
	width: 80px;
	font-style: italic;
	margin-top: 1.5em;
	border-top: 1px solid #010101;
	border-right: 1px solid #010101;
	border-bottom: 1px solid #010101;
	border-left: 1px solid #ffffff
}
#search input[type="text"] {
	background-color: #010101;
	border: 1px solid #010101;
	height: 21px;
	padding-left: 4px;
	color: #ffffff;
}
#search input[type="text"]:focus {
	background-color: #FFFFFF;
	border: 1px solid #010101;
	color: #010101;
}
#search .label {
	position: relative;
	float: left;
}
#search .over-apply {/*color: #ffffff; position: absolute; top: 5px; left: 5px;*/
}
#search .pre {
	color: #ffffff;
	left: 5px;
	position: absolute;
	top: 3px;
}
/* Side Search Styles */
#extra #search, #spot #search {/*width: 300px;*/
	width: auto; /*margin: 1.6em 0 15px 0px;*/
	margin: 4px 0 0 0; /*padding-bottom: 5px;*/ /*background: #EFEFEF;*/
}
#extra #search input, #spot #search input, #side #search input {
	font-size: 14px;
	margin-top: 0;
}
#extra #search input[type="text"], #spot #search input[type="text"], #side #search input[type="text"] {
	height: 21px;
	padding: 0 0 0 4px;
	float: left;
	width: 196px;
	background-color: #010101;
	border: 1px solid #010101;
	color: #ffffff;
}
#extra #search form, #spot #search form, #side #search form {
	margin: 0 0 0 16px; /*padding: 30px 0 20px 0;*/ /*border-top: 1px solid #010101;*//*border-bottom: 1px solid #010101;*/
}
#extra #search input.submit, #spot #search input.submit, #side #search input.submit {
	color: #fff;
	background-color: #010101;
	padding: 0;/*width: 80px;*/
	height: 23px;
	width: 40px;
	font-style: italic;
	margin-top: 0;
	float: left;
}
#extra #search input:focus.submit, #spot #search input:focus.submit, #side #search input:focus.submit, #extra #search input:hover.submit, #spot #search input:hover.submit, #side #search input:hover.submit {/*background-color:#ffffff;color:#010101;*/
	font-weight: bold;
}
#extra #search h2, #spot #search h2, #side #search h2 {
	margin: 26px auto 0 15px;
	padding: 0 0 0 0;
}
#extra #search h2 + p, #spot #search h2 + p, #side #search h2 + p {
	margin: 0px auto 0 15px;
	padding: 0;
}
#extra #search p, #spot #search p, #side #search p {
	margin: 0;
	padding: 0;
}
/* end of form styles*/

#search #searchform.searchform .label label {
	font-style: normal;
	font-size: 14px;
}


/* Suplementary Blog Styles from Default Wordpress stylesheet */
#content .postmetadata {
	margin: 0 auto 0 0;
	padding: 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	max-width: 380px;
}
.entry {
	border-bottom: 10px solid #010101;
	margin: 14px auto 42px 0;
	padding-bottom: 48px;
}
div.post p, div.post ul, div.post ol, div.post dl {
	margin: 1.4em 0 0 0;
}
div.post figure {
	margin: 2.4em 0 0 0;
}
#content div.post h2, #content div.post h3, #content div.post h4 {
	margin: 0 0 0 0;
}
#content div.post h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	line-height: 1.1;
	margin: 16px auto 0 0;
	padding: 0 0 0 0;
}
#content div.post .xing h3 {
	font-size: 1em;
	line-height: 1.1;
	margin: 0 auto 0 0px;
	padding: 28px 0 0 0;
}
#content div.post .date {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 9px;
	line-height: 1.5;
}
div.post img, div.post .video-wrapper, div.post iframe {
  height: auto !important;
  max-width: 400px;
}
#main #content .postmetadata a:link, #main #content .postmetadata a:visited {
	color: black;
	background-color: transparent;
	text-decoration: underline;
}
#main #content .postmetadata a:hover, #main #content .postmetadata a:active {
	color: black;
	background-color: transparent;
	text-decoration: none;
}
#main #content div.post h2 a:link, #main #content div.post h2 a:visited, #main #content div.post h3 a:link, #main #content div.post h3 a:visited {
	color: black;
	text-decoration: underline;
	color: #010101;
	background-color: transparent;
}
#main #content div.post h2 a:hover, #main #content div.post h2 a:active, #main #content div.post h3 a:hover, #main #content div.post h3 a:active {
	color: black;
	text-decoration: none;
	color: #010101;
	background-color: transparent;
}
#main #content .postmetadata span.commonsphere a:link, #main #content .postmetadata span.commonsphere a:visited, #main #content .postmetadata span.edit a:link, #main #content .postmetadata span.edit a:visited {
	color: #39F;
	background-color: transparent;
	text-decoration: underline;
}
#main #content .postmetadata span.commonsphere a:hover, #main #content .postmetadata span.commonsphere a:active, #main #content .postmetadata span.edit a:hover, #main #content .postmetadata span.edit a:active {
	color: #39F;
	background-color: transparent;
	text-decoration: none;
}
body.singlepost #main #content h2 {
	margin: 1px 0 0px 0;
	padding: 0;
	max-width: 380px;
}
body.category #main #content {
	margin: 1px 0 0 0;
}
body.category #main #content div#maintitle {
	max-width: none;
}
body.category #main #content div#maintitle h2, body.tag #main #content div#maintitle h2 {
	max-width: none;
	width: auto;
}
body.category #main #side p:first-child {
	margin: 0 0 0 16px;
}
body.category #main #side p:first-child a {
	font-weight: bold;
}
body.category #main #side p:first-child + p {
	font-style: italic;
}
body.category #main #side p:first-child + p a {
	text-decoration: underline;
}
body.category #main #side p:first-child + p a:hover, body.category #main #side p:first-child + p a:active {
	text-decoration: none;
}
body.singlepost #main #content div.post {
	margin: 0 0 0 0;
}
body#whatsnew #main #content p.postmetadata {
	font-size: 13px;
	margin: 0;
	padding: 0 0;
}
body.singlepost .entry {
	margin: 14px auto 0 0;
	padding-bottom: 7px;
	border-bottom: 1px solid #010101;
}
body.page .entry {
	border-bottom: 0;
	margin: 14px 0 0 0;
	padding-bottom: 0;
}
body.singlepost #content .postmetadata {
	margin: 28px 0 0;
}
/* comments */
#content h3#respond, #content h3#comments {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background-color: #39F;
	width: 360px;
	margin: 30px 0 0 0;
	padding: 5px 10px 5px 10px;
	line-height: 1.1;
}
/*#content h3#respond {margin: 50px 0 0 15px; }*/
ol.commentlist {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
}
ol.commentlist li {
	font-size: 10px;
	margin: 10px 0 0 0;
	padding: 30px 10px 0px 15px;
}
ol.commentlist li div.commentmetadata {
	padding-left: 16px;
	font-weight: bold;
	font-size: 14px;
}
ol.commentlist li div.commentmetadata a:hover, ol.commentlist li div.commentmetadata a:active {
	text-decoration: underline !important;
}
ol.commentlist li div.comment-text {
	margin-left: 0;
	background: transparent url(../images/overall/bk/luvbars.png) 15px bottom no-repeat;
	padding: 10px 10px 20px 0;
	width: 350px; /*background: #555;*/
}
#main #content ol.commentlist li div.comment-text p {
	margin: 10px 0 0px 15px;
	width: 95%;
	font-size: 1em;
	line-height: 1.5;
}
/* comment form styles */



form#commentform input[type="text"] {
	width: 305px;
}
form#commentform textarea {
	width: 420px;
}
form#commentform input#submit {
	width: 120px;
	padding: 3px 5px;
}
textarea#comment {
	width: 420px;
	background-color: transparent;
	border: 1px solid #39F;
}
textarea#comment:focus {
	border: 1px solid #010101;
}
/* newsarchive form styles not in operation */

form#narc_form {
	border-bottom: 1px solid #E9EAE2;
	padding: 20px 0 30px 0;
	margin: 0 0 20px 15px;
}
form#narc_form select {
	background-color: #FFFFFF !important;
	width: 200px;
	padding: 2px 0;
	display: block;
	border: 1px solid #E9EAE2;
	font-size: 11px;
	color: #010101;
}
body.page #content .ruler {
	margin: 14px auto 42px 0;
	padding-bottom: 28px;
	border-bottom: 10px solid #010101;
}
body.search #content .ruler {
	margin: 14px auto 42px 0;
}
img#wpstats {
	width: 0;
	height: 0;
	overflow: hidden;
}
/* Similar Posts Plugins Styling */
body.singlepost #content div.post h4 {
	position: absolute;
	top: 26px;
	right: 70px;
	width: 400px;
}
.similar-posts li {
	margin: 0 30px 20px 0 !important;
}
.similar-posts a, .similar-posts img {
	display: block;
} /*  max-width: 300px; */
.similar-posts a {
	margin: 0 0 5px 0;
}
div.post .similar-posts {
	width: 436px;
	width: 380px;
	margin: 0;
	position: absolute;
	right: 70px;
	top: 80px;
	display: flex;
	flex-wrap: wrap;
}
div.post .similar-posts:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
div.post .similar-posts li {
	width: auto;
	margin: 0 20px 0 0;
	display: inline-block;
}
div.post .similar-posts > li + li {
	margin: 1;
}
* div.post .similar-posts {
	/* height: 1%; */
}
*+html {
	min-height: 1px;
}
/* New Updates for Sweets and Nav 06-17-14 */
nav, .navi, .nav {
	margin: 0 0 0 0;
	border-bottom: 1px solid #010101;
	padding: 0 0 20px 0;
}
nav li, .navi li, .nav li {
	margin: 10px 0 0 0;
	width: 16.6%;
}
nav ul, .navi ul, .nav ul {
	margin: 0;
	display: flex;
}
nav a, .navi a, .nav a {
	display: block;
	padding: 9px 0 10px 0;
	width: 100%;
	text-align: center;
	background-position: center 0;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 1;
}
nav a .circle, .navi a .circle, .nav a .circle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	width: 9vw;
	max-width: 100px;
	height: 9vw;
	max-height: 100px;
	width: 6.25rem;
	height: 6.25rem;
	background-color: #000;
	border-radius: 50%;
	transition: background-color 0.7s;
	margin: 0 auto;
	margin-bottom: 10px;
}
nav a hr, .navi a hr, .nav a hr {
	display: block;
	border: 1px solid #000;
	height: 1px;
	background-color: #000;
	border-radius: 5px;
	color: #000;
	width: 40px;
	margin: 10px auto 10px auto;
}
nav a .gallery-name, .navi a .gallery-name, .nav a .gallery-name {
	display: block;
}

nav a:hover, nav a:focus, nav a:active, .nav a:hover, .nav a:focus, .nav a:active, .galleries.pfo #pfo a, .galleries.ill #ill a, .galleries.ima #ima a, .galleries.mov #mov a, .galleries.ind #ind a, .galleries.pho #pho a, .category.portfolios #pfo a, .category.illustration #ill a, .category.imaginative #ima a, .category.motion #mov a, .category.industrial #ind a, .category.photography #pho a {
	text-decoration: none;
}

nav #pfo a:hover .circle, nav #pfo a:focus .circle, nav #pfo a:active .circle, .nav #pfo a:hover .circle, .nav #pfo a:focus .circle, .nav #pfo a:active .circle, .galleries.pfo #pfo a .circle, .category.portfolios #pfo a .circle,
nav #pfo a:hover hr, nav #pfo a:focus hr, nav #pfo a:active hr, .nav #pfo a:hover hr, .nav #pfo a:focus hr, .nav #pfo a:active hr, .galleries.pfo #pfo a hr, .category.portfolios #pfo a hr {
	background-color: #00C2FD;
	border-color: #00C2FD;
}

nav #ill a:hover .circle, nav #ill a:focus .circle, nav #ill a:active .circle, .nav #ill a:hover .circle, .nav #ill a:focus .circle, .nav #ill a:active .circle, .galleries.ill #ill a .circle, .category.illustration #ill a .circle,
nav #ill a:hover hr, nav #ill a:focus hr, nav #ill a:active hr, .nav #ill a:hover hr, .nav #ill a:focus hr, .nav #ill a:active hr, .galleries.ill #ill a hr, .category.illustration #ill a hr {
	background-color: #FDD900;
	border-color: #FDD900;
}

nav #ima a:hover .circle, nav #ima a:focus .circle, nav #ima a:active .circle, .nav #ima a:hover .circle, .nav #ima a:focus .circle, .nav #ima a:active .circle, .galleries.ima #ima a .circle, .category.imaginative #ima a .circle,
nav #ima a:hover hr, nav #ima a:focus hr, nav #ima a:active hr, .nav #ima a:hover hr, .nav #ima a:focus hr, .nav #ima a:active hr, .galleries.ima #ima a hr, .category.imaginative #ima a hr {
	background-color: #FF5500;
	border-color: #FF5500;
}

nav #mov a:hover .circle, nav #mov a:focus .circle, nav #mov a:active .circle, .nav #mov a:hover .circle, .nav #mov a:focus .circle, .nav #mov a:active .circle, .galleries.mov #mov a .circle, .category.motion #mov a .circle,
nav #mov a:hover hr, nav #mov a:focus hr, nav #mov a:active hr, .nav #mov a:hover hr, .nav #mov a:focus hr, .nav #mov a:active hr, .galleries.mov #mov a hr, .category.motion #mov a hr {
	background-color: #5B6CF5;
	border-color: #5B6CF5;
}

nav #ind a:hover .circle, nav #ind a:focus .circle, nav #ind a:active .circle, .nav #ind a:hover .circle, .nav #ind a:focus .circle, .nav #ind a:active .circle, .galleries.ind #ind a .circle, .category.industrial #ind a .circle,
nav #ind a:hover hr, nav #ind a:focus hr, nav #ind a:active hr, .nav #ind a:hover hr, .nav #ind a:focus hr, .nav #ind a:active hr, .galleries.ind #ind a hr, .category.industrial #ind a hr {
	background-color: #6E9E07;
	border-color: #6E9E07;
}

nav #pho a:hover .circle, nav #pho a:focus .circle, nav #pho a:active .circle, .nav #pho a:hover .circle, .nav #pho a:focus .circle, .nav #pho a:active .circle, .galleries.pho #pho a .circle, .category.photography #pho a .circle,
nav #pho a:hover hr, nav #pho a:focus hr, nav #pho a:active hr, .nav #pho a:hover hr, .nav #pho a:focus hr, .nav #pho a:active hr, .galleries.pho #pho a hr, .category.photography #pho a hr {
	background-color: #D4D4CF;
	border-color: #D4D4CF;
}
/*
0.png = #000000
4m.png = #2D002D
5id.png = #6E9E07
4m2.png = #5B6CF5
3c.png = #FF5500
2io.png = #FDD900
1p.png = #00C2FD
6ph.png = #282727
6ph2.png = #D4D4CF
7pw.png = #FF0083

*/

@media only screen and (max-width: 1024px) {
	#wrapper {
		width: 100%;
	}
	#wrapper, #footer {
		width: 98%;
	}
	#main {
		width: 98%;
		background: none;
		margin: 30px auto 0 auto;
	}
	#content {
		width: 62%;
	}
	#spot {
		float: right;
		width: 30%;
		max-width: 280px;
	}
	#side {
		float: none !important;
		width: 100%;
		clear: both;
		max-width: 60%;
		background-image:none;
	}
	#side h2 {
		margin: 0;
	}
	#side p {
		width: auto;
	}
	#search .label {
	 width: 87%;
	 margin: 0 0 0 0;
	}
	#extra #search input[type="text"], #spot #search input[type="text"], #side #search input[type="text"] {
		width: 98%;
		max-width: 230px;
	}
	#extra #search input.submit, #spot #search input.submit, #side #search input.submit {
		max-width: 26px;
		float: right;
	}
	div.thumbs {
		margin: 18.85px 37px 10px 0;
	}
	div.thumbs img {
		height: auto;
		max-width: 200px;
	}
	div.post .similar-posts {
		right: -15px;
		width: 35%;
	}
	body.singlepost #main {
		background-image: url("../images/overall/bk/1cw856.gif");
		background-position: 55% 0;
	}
	body.singlepost #content div.post h4 {
		right: 0;
		width: 33%;
	}
	#footer {
		margin: 52px auto 0 auto;	
	}
	body.galleries #footer, body.map #footer {
		margin: 30px auto 5px;
	}
}

@media only screen and (max-width: 768px) {
	#wrapper, #footer {
		width: 96%;
	}
	
  /*
    Navigation mobile updates
  */
	nav, .navi, .nav {
		display: none;
		margin: 20px 0 0 0;
		border-bottom: 0;
		/* display: list-item; */
		list-style: none;
	}
	nav ul, .navi ul, .nav ul {
		display: flex;
		list-style: none;
		flex-direction: column;
		align-items: center;
	}
	nav li, .navi li, .nav li {
		width: auto;
	}

	nav a, .navi a, .nav a {
		display: inline-block;
		padding: 5px 0;
		color: #000;;
	}
	nav a .circle, .navi a .circle, .nav a .circle {
		display: none;
	}
	nav a hr, .navi a hr, .nav a hr {
		display: none !important;
	}
	nav a .gallery-name br, .navi a .gallery-name br, .nav a .gallery-name br {
		display: none !important;
	}
  body.galleries #main #content, body.galleries #main #shots {
    justify-content: center;
  }
	.galleries.pfo #pfo a, .galleries.ill #ill a, .galleries.ima #ima a,
  .galleries.mov #mov a, .galleries.ind #ind a, .galleries.pho #pho a {
		text-decoration: none;
    font-weight: bold;
	}
  body.galleries div#maintitle {
    text-align: center;
  }
  body.galleries div#maintitle h2 {
    max-width: none;
  }
  body.galleries #shots + .clearie + div.browsenav {
    text-align: center;
  }
  body.galleries #shots + .clearie + div.browsenav ul.prevnext {
    display: inline-block;
  }

	
	h2.main_sub_title br {
		display: block;
	}
	#main {
		background: none;
		border-top: 1px solid #000;
		padding-top: 30px;
		margin-top: 30px;
	}
	body#whatsnew #main {
		padding-top: 40px;
	}
	#content {
		width: 100%;
		float: none;
	}
	#spot {
		float: none;
		width: 100%;
		clear: both;
		max-width: none;
		/*margin: 0 auto;*/
		border-left: 0;
		background-image: none;
	}
	#side {
		max-width: none;
	}
	#extra h2, #extra h3, #spot h2, #side h2, #spot h3, #side h3, #spot h4, #side h4 {
    margin: 0 auto 0 0;
  }
	#extra p, #spot p, #side p {
		margin: 10px 0 0 0;
	}
	#extra .ruler, #spot .ruler, #side .ruler {
    margin: 10px 0 0;
    padding-bottom: 26px;
	}
	#extra #search form, #spot #search form, #side #search form {
    margin: 0;
		width: 98%;
	}
	#extra #search input.submit, #spot #search input.submit, #side #search input.submit {
		width: 26px;
	}
	#search .label {
	 width: 85%;
	 max-width: 340px;
	 margin: 0;
	}
	#extra #search input[type="text"], #spot #search input[type="text"], #side #search input[type="text"] {
		width: 96%;
		margin: 0 5px 0 0;
		max-width: 330px;
	}
	#extra #search input.submit, #spot #search input.submit, #side #search input.submit {
		width: 28px;
		float: left;
	}
	div.post img.carole-avatar {
		width: 122px !important;
		height: 122px !important;
	}
	body.singlepost #main #content h2 {
			width: auto;
	}
	div.post .similar-posts {
		position: static;
		width: 100%;
		margin: 20px auto;
	}
	div.post .similar-posts li {
		margin:	0 0 20px 0 !important;
	}
	body.singlepost #content div.post h4 {
		width: auto;
		position:static;
		margin: 50px 0 0 0;
		font-size: 24px;
	}
	body.singlepost #main {
		background-image: none;
	}
	#footer {
		margin: 52px auto 0 auto;	
	}
	body.galleries #footer, body.map #footer {
		margin: 30px auto 5px;
	}
}

@media only screen and (max-width: 580px) {
	/*#wrapper {
		 width: 98%;
	 }*/
	#logo, h1 {
		width: 95%;
		float: none;
		margin: 0 auto 0 auto;
	}
	.main_sub_title, #footer {
		width: 95%;
		float: none;
		margin: 30px auto 0 auto;
	}
  div.post img, div.post .video-wrapper, div.post iframe {
		display: block;
		width: 100% !important;
		height: auto !important;
		max-width: none;
	}
	#footer {
		margin: 52px auto 0 auto;
	}
	body.galleries #footer, body.map #footer {
		margin: 30px auto 5px;
	}
	#logo + h1 {
		font-size: 28px;
	}
	#logo img {
		width: 50%;
		max-width: 185px;
		height: auto;
	}
	h2.main_sub_title {
		font-size: 20px;
		line-height: 30px;
	}
	h2.main_sub_title br {
		display: block;
	}
	nav .navi, .nav {
		margin: 0 0 0 0;
		padding: 0;
	}
	/* nav .navi, .nav a {
		padding: 80% 0 10px 0;
	} */
	#content {
		margin: 0;
	}
	.sweets div, #sweetbox1, .leftbox, .centerbox, .rightbox, #spot, #side {
		width: 100%;
		float: none;
	}
	.sweets .leftbox, .sweets .centerbox, .sweets .rightbox {
		margin: 0 !important;
	}
	#sweetbox {
		width: 98%;
		margin: 0 auto;
		display: none;
	}
	body#whatsnew #content {
			margin: 0;
	}
	body#whatsnew #main {
		padding-top: 20px;
}
	#main {
		width: 95%;
		float: none;
		margin: 30px auto 0 auto;
		background-image: none;
		border-top: 1px solid #010101;
	}
	#content {
		float: none;
		margin: 0 auto;
		width: 100%;
	}

	#content div.post h2, #content div.post h3, #content div.post h4 {
		margin: 10px 0 0 0;
		padding: 0;
	}
	body#whatsnew #main #content p.postmetadata {
		font-size: 13px;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#content .postmetadata {
		font-size: 13px;
		line-height: 1.5;
		margin: 0;
		padding: 0 0;
	}
	#content div.post p {
		margin: 15px 0 0 0;
	}
	body.galleries #wrapper #main {
		margin-top: 10px;
	}
	div#gallerytitle, div#narctitle, div#maintitle {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	div#gallerytitle h2, div#narctitle h2, div#maintitle h2 {
		font-size: 26px;
		margin: 0;
	}
	div#gallerytitle h2 {
		text-align: center;
	}
	body.galleries #maintitle .browsenav {
		display: none;
	}
	body.galleries div.browsenav {
		display: block;
	}
	body.galleries #shots + .clearie + div.browsenav ul.prevnext {
		margin: 0;
		width: 160px;
	}
	div.thumbs {
		float: none;
		width: 100%;
		height: auto;
		margin: 60px 0 0 0;
	}
	#maintitle + .thumbs {
		margin: 30px 0 0 0;
	}
	div.thumbs p {
		margin: 0 auto;
		font-size: 20px;
		width: auto;
		text-align: center;
	}
	div.thumbs p + p {
		margin: 10px auto 0 auto;
	}
	div.thumbs p + p a {
		display: block;
	}
	div.thumbs p + p img {
		display: block;
		margin: 0 auto;
		width: 75%;
		height: auto;
	}
	body.galleries .up {
		/* margin: 25px 0 0 15px; */
	}
	body.singlepost #main #content, body.category #main #content {
		margin: 14px 0 0 0;
		min-height: 0;
	}
	body.singlepost #main #content div.post {
		margin: 0 0 0 0;
		margin-left: 0;
	}
	body.singlepost #content .postmetadata {
		margin: 10px 0 0;
	}
	body.category #content .postmetadata {
		margin: 10px 0 0;
	}
	#content .postmetadata {
		margin: 10px 0 0;
	}
	body.singlepost #content div.post h4, div.post .similar-posts {
		/* display: none; */
	}
	body.singlepost #main #content h2 {
		margin: 0;
		padding: 0;
		width: auto;
	}
	#content .nocomments {
		display: none;
	}
	/*div.browsenav {display: none;}*/
	div#gallerytitle div.galnav, div#narctitle div.galnav, div#maintitle div.browsenav {
		padding-top: 0;
	}
	ul.prevnext {
		width: auto;
		margin: 0;
	}
	/*.browsenav-pos {
			display: none;
			left: auto;
			right: 10px;
			position: absolute;
			top: 0;
	}*/
	#content ul.prevnext li, ul.prevnext li {
		font-size: 16px;
	}
	#footer .back-to-top a {
		color: #ffffff;
		display: block;
	}
	#content h3#respond, #content h3#comments {
		margin: 20px 0 0 10px;
	}
	ol.commentlist {
		margin: 0;
		padding: 0;
	}
	#content ol.commentlist li {
		margin: 10px 0 0;
		padding: 30px 10px 0 0;
	}
	#content p.advice {
		margin: 10px 0 0 15px;
	}
	ol.commentlist li div.comment-text {
		width: auto;
	}
	input, textarea, select {
		width: 95%;
	}
	body.forms input[type="text"] {
		padding: 3px 0;
	}
	form#commentform input[type="text"] {
		/*width: 95%;*/
	}
	#content h3#respond, #content h3#comments {
		width: 86%;
		font-size: 20px;
	}
	form#commentform p {
		margin: 15px 0 0 15px;
	}
	form#commentform p.comment-subscription-form {
		font-size: 14px;
		line-height: 1;
		margin: 20px 0 0 15px;
	}
	form#commentform p.comment-subscription-form + p {
		margin: 10px 0 0 15px;
	}
	form#commentform textarea {
		width: 95%;
	}
	body.map h2 {
	/*font-size: 26px;*/
	}
	body.map h2 span {
		display: block;
	}
	.mapbox {
		width: 98%;
		margin: 0 auto;
	}
	ul.sitemap li {
		float: none;
		width: auto;
	}
	ul.sitemap li#xviii {
		min-height: 0;
	}
	ul.sitemap h2 {
		font-size: 14px;
	}
	ul.sitemap p {
		font-size: 16px;
	}
  #extra h2, #extra h3, #spot h2, #side h2, #spot h3, #side h3, #spot h4, #side h4 {
    margin: 0 auto 0 0;
  }
	#extra p, #spot p, #side p {
		margin: 10px 0 0 0;
	}
}