/* === == == = = =
	CUSTOM CLASSES
=== == == = = = */

h1, h2, h3, h4, h5, h6 { line-height: 100%; }

/* --- Text Navigation Links - any Page but home */
.textNavigation { padding:20px; }
.textNavigation h3 { font-family: 'Open Sans', sans-serif;
	font-size:1em; font-weight:700;
	color:#fff;
	padding: 15px 0;
	line-height:90%;
	}
.textNavigation a, .textNavigation a:link, .textNavigation a:visited {color:#fff; text-decoration: none; background-color:#333; padding: 1px 3px; }
.textNavigation a:hover, .textNavigation a:active { text-decoration: underline }

/* --- Events on the Left Side - Home Page */
.eventsSection { padding:20px; }
.eventsSection h3 { font-family: 'Open Sans', sans-serif;
	font-size:1.1em; font-weight:700;
	color:#fff;
	padding: 15px 0;
	line-height:90%;
	}
.eventsSection h2 { font-family: 'Open Sans', sans-serif;
	font-size:2.2em; font-weight:700;
	color:#fff;
	padding: 15px;
	line-height:100%;
	}
.eventDate { font-family: 'Open Sans', sans-serif;
	font-size:1em; font-weight:700;
	color:#000;
	padding: 15px 0;
	line-height:90%;
	}
.event { font-size:0.9em;
	background-color:#00baff;
	padding: 3px 7px 14px 7px;
	line-height:120%;
	}
.event p { font-size:0.85em; line-height:120%; }
.event h4 { font-family: 'Open Sans', sans-serif;
	font-size:1em; font-weight:700;
	color:#900;
	padding: 0;
	line-height:120%;
	}

/* --- Title of Any Single Item Page */
.titlePanel	{ padding:20px; }
.titlePanel h3 { font-family: 'Open Sans', sans-serif;
	font-size:1.3em; font-weight:700;
	color:#fff;
	padding: 7px 14px;
	line-height:100%;
	text-align:right;
	}
.titlePanel h2 { font-family: 'Open Sans', sans-serif;
	font-size:2em; font-weight:700;
	color:#fff;
	padding: 21px 14px 7px 14px;
	line-height:100%;
	}
.titlePanel a, .titlePanel a:link, .titlePanel a:visited {color:#fff; text-decoration: none; }
.titlePanel a:hover, .titlePanel a:active { text-decoration: underline }

/* --- Any Post Styles -- for use in many posts per page */
.postSection { padding:0; margin:0; }
.post { padding: 10px; } /* --- post class can serve single posts too */
.post p, .post ul { font-size:0.85em; padding: 2px 17px; }

.post h3 { font-family: 'Open Sans', sans-serif; font-size:1em;
	font-weight:700;
	padding: 20px 17px 10px 17px;
	line-height:95%;
	}
.post h4 { font-size: 1.3em; padding: 20px 17px 7px 17px; }
.post h5 { font-size: 1em; padding: 14px 17px 7px 17px; }

/* --- image with Caption tratment */
.image { position: relative; 
   width: 100%; /* for IE 6 */ }
.image h2 {
   font-size: 1.7em;
   font-family: 'Open Sans', sans-serif;
   position: absolute; 
   top: 75%; left: 0; 
   width: 100%; 
}
.image h2 span { color: white; 
   /* letter-spacing: -1px; */  
   /* background:#008CBA ; /* fallback color */
   /* background: rgba(0, 140, 186, 0.75); */
  background:#FFDD00; 
   padding: 7px; 
}
.image h2 span.spacer { padding:0 5px; }

/* --- render content of small items (usualy next to images) */
.found { padding:10px; }
.found p { padding: 2px 17px 2px 0; font-size: .9em; }

/* --- small screen exception treatment */
@media only screen and (max-device-width: 480px) {
	.post { padding: 0; }
	.found { padding: 0; }
}

.highlight { 
	padding: 10px 10px 20px 10px;
	/* background-color:#fff; */
	}
.typical { font-size:0.9em; color:#444;}
.typical { 
	padding: 10px 10px 20px 10px;
	background-color:#ddd;
	}

/* --- Single Post Styles */
.logo { max-width:200px; max-height:140px; padding:17px; } 
.stepDown { margin-top: 48px; }
.someTransparent { 
	/* deleted -- opacity:0825; */
	/* background:rgba() instead  of opacity -- ty  Kelly Goeken http://stackoverflow.com/questions/14822180/override-opacity-style */
	/* this way dom-children divs, images etc can have no-transarency ;) */
	background:rgba(255, 255, 255, 0.825);
}




/* --- Footer Styles */	
#footer { background-color:#333; color:#fff;
	margin-top: 48px;
	padding: 32px 0 16px 0; 
	opacity: 0.82; }
#footer p, #footer ul { font-size:0.85em }
#footer h5 { font-family: 'Open Sans', sans-serif; font-size:1em;
	color:#fff;
	font-weight:700; }

/* === == == = = =
	FIX any CSS bug
=== == == = = = */
/* --- Map Controls Fix -- ty Merianos Nikos http://stackoverflow.com/questions/20128235/google-map-css-issue */
#geomap img { max-width : none; }