/* Neverending Neon */

@font-face {
    font-family: Neon;
    src: url(fonts/Warnes-Regular.ttf);
}
.neon { font-family: Neon; }

html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
	box-sizing: border-box;
}
body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	background-image: url( '../graphics/back.jpg' );
	background-repeat: no-repeat;
   background-attachment: fixed;
	background-size: cover;
}
DIV.envelope {
	background-color: #333333;
	margin: 0 auto 0 auto;
	max-width: 800px;
	border: none;
}
DIV.content  {
	overflow: auto;
	background-color: #ffffff;
	padding: 10px 20px 15px 20px;
	border: none;
	font-family: "Merriweather",Georgia,Times,"Times New Roman",serif;
	font-weight: 300;
	line-height: 1.6;
	color: #1f2124;
	-webkit-font-smoothing: antialiased;
}
UL { list-style-type: square; }

TT { font-family: Courier, Courier New, monospace, monospace;
	line-height: 19px;
}

a, a:visited{ color: blue; }


.header.our { text-align: center; margin: 0; padding: 0; }

/* top menu obsolete for now */

#topmenu {
	/* background-color: orange; */
	background-color: #521f6e /* #f29f00 */ /* #f1ab51 */ /* #db932a */ !important;
	border: none; 
}
#topmenu .pure-menu-has-children ul {
	background-color: #eeeeee;
}
#topmenu .pure-menu-has-children ul  .pure-menu-link.mCM_active {
	background-color: #888;
	color: #ccc;
}
#topmenu .pure-menu-has-children ul a.pure-menu-link:hover {
	background: #000000;
	color: #ffffff;
}

.top0 {
	padding-left: 50px;
}
@media (min-width: 48em) {
	.top0 {
		padding-left: 0;
	}
}

#topmenu a.pure-menu-link {
	color: #ffffff;
}
#topmenu .mCM_active.pure-menu-link {
	background-color: #bfc0d7;
}
#menu .mCM_active.pure-menu-link {
	background: #fff;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

#menu a { /* line up side menu with top (both in PURE) */
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
#menu .pure-menu-selected,
#menu .pure-menu-heading {
   background: transparent;
}

#topmenu a.pure-menu-link:hover {
	color: #333;
}
#topmenu .pure-menu-has-children UL a.pure-menu-link { color: #333; }
#topmenu .pure-menu-has-children wbr { display: none; }

.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after,
.pure-menu-has-children>.pure-menu-link:after {
    content: "▼";
}

#menu a { padding: .5em 1em; } /* PURE fix, undo side-menu value set to pure-min value */
#menu {
	background: rgba( 0,0,0,0.4);
	border: none;
	color: #616569;
}
#menu wbr {
	display: none;
}

.sidebar {
	padding: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 90%;
}
#menu a {
	color: #ffffff;
}

#menu .pure-menu ul, #menu .pure-menu .menu-item-divided {
	border: none;
}

div.mCM_thumbnails
p, ol, ul { margin-top: 5px; margin-bottom: 5px; }
ul { list-style-type: square; }
ul  ul { margin-top: 0; margin-bottom: 0; }
/* following is done as span inside head */
.mCM_WPRESS_date {
	font-family: Verdana,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding-left: 10px;
}

.content-subhead { margin: 0; }
.header.our { padding: 0; margin: 0 0 10px 0; }
p.has-drop-cap:not(:focus):first-letter { /* mimic WordPress for the most part */
    float: left;
    font-size: 6em;
    line-height: .68;
    font-weight: 100;
    margin: 10px 15px 10px 0; /* pixels are logical pixels in modern browsers */
    text-transform: uppercase;
	 font-style: normal;
}

.content.our { margin-bottom: 0; }


/* Content */

TABLE.MsoTableGrid  { margin: 10px auto; }

TABLE.wikitable, TABLE.MsoTableGrid {
	background-color: #f8f9fa !important;
   border: 1pt solid #a2a9b1 !important;
	color: #404040 !important;
	border-collapse: collapse !important;
}
TABLE.MsoTableGrid TH,
.TABLE.wikitable TH,
.th,
TABLE.wikitable.qt TR.mCM_qt_row1 TD,
TABLE.MsoTableGrid > TBODY > TR:first-child > TD {
	background-color: #eaecf0;
   border: 1pt solid #a2a9b1; color: #404040;
   text-align: center;
	padding: 2pt 4pt;
	font-size: 90%; font-weight: bold;
	vertical-align: middle;
}
TABLE.wikitable > TBODY > TR > TD,
TABLE.MsoTableGrid > TBODY > TR > TD
 {
   border: 1pt solid #a2a9b1; color: #404040;
	padding: 2pt 4pt;
}
TABLE.MsoTableGrid > TBODY > TR > TD { text-align: center; vertical-align: top; }
TABLE.MsoTableGrid > TBODY > TR > TD:first-child { text-align: left; vertical-align: top; }
TABLE.MsoTableGrid > TBODY > TR:first-child  > TD:first-child { text-align: left; vertical-align: middle; }

TABLE.wikitable caption,
TABLE.MsoTableGrid caption {
	background-color: #f8f9fa;
   border: 1pt solid #a2a9b1; color: #404040;
	padding: 2pt 4pt; margin-bottom: 2pt;
	text-align: center;
	font-weight: bold;
}

TABLE.wikitable TD.total {
	font-weight: bold;
	border-top: 2pt #000000 solid;
}

.margintop { .5em; }

.surround {
	border-left: 10px #521f6e /* # 8f7ba8 */ /*navy*/ solid;
	padding: 10px;
	background: #f0f0f0;
}
.surround_label {
	font-style: italic;
	padding-bottom: 6px;
}
.sample {
	padding: 8px;
	background: #f8f8f8;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #d0d0d0 1px solid;
	border-right: #d0d0d0 1px solid;
	
	font-family: sans-serif; /* comments outside of HTML template which we use */
}

/* generic blog */
.mCM_blog_date { font-size: 90%; color: #606060; white-space: nowrap; padding-left: 1em;} 
.mCM_blog_mo { color: #404040; font-size: 18px; font-family: Courier, Courier New, monospace; font-weight: bold; margin: 0; clear: left; display: block; padding-top: 4px;}

.mCM_active.mCM_blog_da, A.mCM_blog_da { color: #000000; margin: 3px 3px 0 0; display: block; float: left; padding: 0px 2px 0px 2px; border: dotted #d0d0d0 1px; width: 22px; text-align: center; background-color: #e7edf1; box-sizing: content-box; text-decoration: none; font-family: sans-serif; }
.mCM_active.mCM_blog_da { background-color: #808080; color: #ffffff; }
A.mCM_blog_da:hover { color: #f0f0f0; background-color: #a5bbc8; }

/* WordPress specific blog */
.mCM_WPRESS_blog_head {
	font-size: 24px; border-top: 1px #606060 dotted; margin-top: 10px; padding-top: 10px;
	margin-bottom: 0; padding-bottom: 0; clear: both;
}
.mCM_WPRESS_blog_head:first-of-type {
	border-top: none; margin-top: 0px; padding-top: 10px;
}
.mCM_WPRESS_share {
}
.mCM_WPRESS_share a,
.mCM_WPRESS_blog_item a {
	font-style: italic;
	text-decoration: none;
}
.mCM_WPRESS_share a:after {
	content: " ►";
}

.mCM_WPRESS_share a:hover,
.mCM_WPRESS_blog_item a:hover {
	text-decoration: underline;
}
/* wordpress items */
.MCM_WPRESS_blog_content figure { padding: 10px; border: 1px #b0b0b0 solid; }
.MCM_WPRESS_blog_content figcaption { font-size: 14px; font-family: Verdana, Calibri, Arial, Helvetica, sans-serif; text-align: center; }

/* Bing News integration R.I.P. Topix */
div.mCM_BING_news {
	clear: both;
	border-top: 1px #606060 dotted;
	padding-top: 8px;
	margin-bottom: 8px;
	display: table;
}
div.mCM_BING_item { display: table-cell; }
div.mCM_BING_news:first-of-type { border-top: none; }
div.mCM_BING_news a { text-decoration: none; display: block; }
div.mCM_BING_news a:hover { background: orange; color: #ffffff; }
div.mCM_BING_image { display: table-cell; padding-right: 10px; }
div.mCM_BING_image img { vertical-align: text-top; }
div.mCM_BING_name { line-height: 130%; margin-bottom: 6px; padding: 2px 0; }
div.mCM_BING_date { color: #707070; font-size: 85%; display: block; float: right; padding-left: 12px; }

/* Neverending Neon, additions and changes to standard */

#neonhead {
	color: #fffe97;
	font-family: Neon;
	font-style: italic;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0 12px 0;
	transition: background-color 1.5s;
	background-color: black;
	text-shadow: 2px 2px 12px currentcolor;
}
@media (min-width: 550px ) {
	#neonhead { font-size: 40px; }
}
/* #menu { font-family: Neon; } */
#menu { font-size: 15px; }
#menu a.pure-menu-link { background: transparent; }

h1,h2,h3,h4,h5,h6,p,ol,ul { margin-top: 5px; margin-bottom: 5px; }
ul>ul,ol>ol,ul>ol,ol>ul { margin-top: 0; margin-bottom: 0; }

h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 28px; color: #700979; text-shadow: 0 0 8px #d079d9; text-align: center; line-height: 28px; margin: 12px 0; }
h2 { font-size: 24px; color: purple; line-height: 30px; }

div.content.our { border-radius: 8px; }

.nn { font-family: Neon; font-weight: bold; font-style: italic; color: blue; font-size: 105%; }

#menu .pure-menu li a:hover, #menu .pure-menu li a:focus { background: #c20eaf; }

/* 840 is 800 plus content padding */
.sitetrailer { max-width: 840px; margin: 8px auto; font-size: 12px; color: #ccc; }
.sitetrailer a { color: #ccc; text-decoration: none; border: 1px #ccc dotted; padding: 0 6px; }
.sitetrailer a:hover { color: #eee; border: 1px #eee dotted; }

a.mCM_WIK_link {
	padding: 1px 3px;
	white-space: nowrap;
	border: 1px dotted blue;
	text-decoration: none;
}
a.mCM_WIK_link:hover {
	padding: 0 2px;
	border: 2px solid blue;
}
a.mCM_SITE_link {
	text-decoration: none;
}
a.mCM_SITE_link:hover {
	color: violet;
	text-decoration: underline;
}
.pagenav, .topdot {
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px #606060 dotted;
}
.pagenav { text-align: center; }

div.mCM_thumbnails_caption { font-family: sans-serif; }
div.mCM_thumbnails_caption > div { padding-right: 16px; }
div img { max-width: 100%; }

a.mCM_btn {
	margin: 0 4px;
	padding-right: 8px; /* up from default 5 to center font */
}
/* .mCM_btn { font-family: Verdana, Arial, Helvetica, sans-serif; } */
a.mCM_btn { font-family: Neon; font-weight: bold; color: violet; background: #000;
border: 4px solid violet; border-radius: 4px; text-shadow: 1px 1px 4px violet; }

.mCM_btn.mCM_active { font-family: Neon; font-weight: bold;text-shadow: 1px 1px 4px red;}

a.mCM_btn:hover {
	background-color: violet; text-shadow: 1px 1px 4px #ffffff;
}
.twoup .figure { max-width: 100%; }
.header { padding: 0 50px; border: none;}
.gallery { padding-left: 16px; }  /*centerup, shadow adds 16 to left of thumbnails*/

#slider {
    opacity:1;
    transition: opacity 1s; 
}
#slider.fadeOut {
    opacity:0;
}
#slider {
	width: 90%;
	margin: 50px 5% 0 5%;
}
#slide img {
	max-width: 100%;
}
/* to force full width on media figures */

@media (max-width: 60em) { /* for images small enough to squeeze in text but not look good */
	DIV.figure.mobile60em,
	DIV.figure.mobile60em.left,
	DIV.figure.mobile60em.right
	{
		margin-left: auto;
		margin-right: auto;
		clear: both;
		float: none;
	}
	DIV.figure.mobile IMG.figure{
		margin: 0 auto;
		clear: both;
		max-width: 100%;
		float: none;
	}
	
}

@media (max-width: 500px /* 60em */) { /* for images small enough to squeeze in text but not look good */
	DIV.figure.mobile,
	DIV.figure.mobile.left,
	DIV.figure.mobile.right
	{
		margin-left: auto;
		margin-right: auto;
		clear: both;
		float: none;
	}
	DIV.figure.mobile IMG.figure{
		margin: 0 auto;
		clear: both;
		max-width: 100%;
		float: none;
	}
	
}
#menu { overflow: hidden; }