@charset "utf-8";
/* Yodergeothermal.com default template Layout Document */

/* imports to typography / reset and form */
@import '/wp-content/themes/yoder-blog/default-copy.css';
@import '/wp-content/themes/yoder-blog/default-form.css';

/* ------------------ Body and Generic classes not present in the RTE ------------------ */
body{background-color:#000;}
			
.center{width:960px; margin:0 auto;}
			
.access{position:absolute; left:-9000px;}

.group:after{
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	}

/* ------------------ Branding Area ------------------ */
#brandingWrapper{
	position:relative;
	z-index:1;
	float:left;
	width:100%;
	background:#83e5ed url(/wp-content/themes/yoder-blog/img/branding-bg.png) repeat-x left bottom;
	}
	
	#brandingWrapperClouds{
		float:left;
		width:100%;
		background:url(/wp-content/themes/yoder-blog/img/branding-clouds-lrg-bg.png) repeat-x 34% bottom;/*334*//*34*/
		}
		
		#brandingWrapperCloudsSm{
			float:left;
			width:100%;
			background:url(/wp-content/themes/yoder-blog/img/branding-clouds-sm-bg.png) repeat-x 192% bottom;/*37*//*192*/
			}
		
			#brandingWrapperScene{
				float:left;
				width:100%; height:228px;
				background:url(/wp-content/themes/yoder-blog/img/branding-scene-bg2.png) no-repeat center bottom;
				}
				
				#branding{
					position:relative;
					float:left;
					width:520px; height:228px;
					padding:0 10px 0 430px;
					color:#2e7ca0;
					}
	
					#logo{
						position:absolute;
						left:-70px; top:-20px;
						border:none;					
						}
						#logo:focus{outline:1px dotted #2e7ca0;}
							
						#logo img{
							border:none;
							-webkit-transition: all .3s ease-in-out;
							}
							.csstransitions #logo:hover img, .csstransitions #logo:focus img{
								/* There is a rendering bug in Safari that kills this : - ( */
								/*transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02);*/
								}
						
					#login{
						float:right;
						padding:5px 9px;
						background:url(/wp-content/themes/yoder-blog/img/login-bg.png) repeat;
						background:rgba(255, 255, 255, .5) none;
						border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
						font-size:.85em; line-height:1.5em;
						font-weight:900;
						text-decoration:none;
						color:rgba(233, 147, 22, .9) !important;
						color:#e99316;
						-webkit-transition:background-color .4s linear;
						}
						#login:hover, #login:focus{background:#fff; background:rgba(255, 255 , 255, .9);}
						#login:focus{outline:none;}				
		
/* ------------------ Main Navigation ------------------ */
#mainNav{
	position:absolute;
	left:400px; bottom:140px;
	width:560px;
	margin:0; padding:0;
	}

		#mainNav li{
			float:left;
			margin:10px 5px 0 0; padding:0;
			background:none;
			}
		#mainNav li.last{margin-right:0;}
			
			#mainNav a{
				padding:6px;
				border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
				font-weight:900;
				text-decoration:none;
				color:rgba(46, 124, 160, 1) !important;
				color:#2e7ca0;
				-webkit-transition:background .3s linear, color .3s ease-out;
				}
				#mainNav .active a, #mainNav a:hover, #mainNav a:focus{
					background-color:#e99316;
					color:rgba(255, 255, 255, .9) !important;
					color:#fff;
					}
				#mainNav a:focus{outline:none;}
				
/* ------------------ Content Area ------------------ */		
#contentWrapperWrapper{
	position:relative;
	z-index:2;
	float:left;
	width:100%;
	background:#0b0a00 url(/wp-content/themes/yoder-blog/img/content-wrapper-texture.jpg) repeat-x left top;
	}
	
	#contentWrapperWrapper .center{position:relative;}
					
		#branding-pipes{
			position:absolute;
			z-index:2;
			left:337px; top:-20px;
			width:232px; height:390px;
			background:url(/wp-content/themes/yoder-blog/img/branding-pipes-bg.png) no-repeat left top;
			}
		
		#contentWrapper{
			position:relative;
			z-index:3;
			float:left;
			width:910px;
			margin:60px 0 0 0; padding:20px 25px 20px 25px;
			background:url(/wp-content/themes/yoder-blog/img/content-wrapper-bg.png) repeat;
			background:rgba(29, 20, 2, .9) none; /* BG 2 */
			border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
			}		

/* ------------------ Sub Nav Area ------------------ */		
#subNavArea{width:210px;}
	
	#subNav{
		float:left;
		width:210px;
		margin:0 0 1em 0; padding:0;
		}
		
		/* -=- Global Stuff -=- */
		#subNav div{float:left; width:210px;}
			
			#subNav ul{
				float:left;
				margin:0; padding:0;
				}
				
				#subNav li{
					float:left;
					margin:0; padding:0;
					}
						
					#subNav a{
						display:block;
						float:left;
						text-decoration:none;
						}
		
		/* -=- Level 1 -=- */
		#subNav li.sn-L1{
			padding:0 0 2px;
			background:url(/wp-content/themes/yoder-blog/img/subnav-li1-bg.png) repeat-x left bottom;
			}
		#subNav li.sn-L1:last-child{padding:0; background:none;}
		#subNav li.sn-L1.last{padding:0; background:none;} 
			
			#subNav a.sn-L1{
				width:210px;
				padding:.4em 0;
				font-size:1.54em; line-height:1.25em;
				color:rgba(233, 147, 22,.9) !important;
				color:#e99316;
				}				
				#subNav a.sn-L1:hover, #subNav a.sn-L1:focus, #subNav.sn-L1 .current a.sn-L1{
					position:relative;
					margin-left:-45px; padding-left:45px;
					background:#0e0a01;
					background:rgba(0,0,0,.4);
					color:rgba(255, 255, 255, .9) !important;
					color:#fff;
					}
				
		/* -=- Level 2 -=- */
		#subNav ul.sn-L2{padding:0 0 0 20px;}
		
			#subNav li.sn-L2{
				padding:0 0 2px 0;
				background:url(/wp-content/themes/yoder-blog/img/subnav-li2-bg.png) repeat-x left bottom;
				}
			#subNav li.sn-L2:last-child{padding:0; background:none;}
			#subNav li.sn-L2.last{padding:0; background:none;} 
		
				#subNav a.sn-L2{
					width:190px;
					padding:.25em 0;
					/* default 13px font */
					color:rgba(172,204,54,.9) !important;
					color:#accc36;
					}				
					#subNav a.sn-L2:hover, #subNav a.sn-L2:focus, #subNav ul.sn-L2 .current a.sn-L2{
						position:relative;
						margin-left:-45px; padding-left:45px;
						background:#0e0a01;
						background:rgba(0,0,0,.4);
						color:rgba(255, 255, 255, .9) !important;
						color:#fff;						
						}
			
		/* -=- Level 3 -=- */
		#subNav ul.sn-L3{padding:0 0 1em 20px;}
		
			#subNav li.sn-L3{}

				#subNav a.sn-L3{
					width:170px;
					font-size:.92em; line-height:1.5em;
					text-decoration:underline;
					color:rgba(173, 155, 125, .9) !important;
					color:#ad9b7d;
					}				
					#subNav a.sn-L3:hover, #subNav a.sn-L3:focus, #subNav ul.sn-L3 .current a.sn-L3{
						text-decoration:none;
						color:rgba(255, 255, 255, .9) !important;
						color:#fff;
						}

/* ------------------ Sub Nav Additional ------------------ */
/* -=-=-=- Association Callouts -=-=-=- */
#association-co{
	float:left;
	width:100%;
	margin:0 0 1em;
	text-align:center;
	}

	#association-co a{
		display:inline-block;
		margin:0 8px 2em 8px;
		vertical-align:top;
		}
	
		#association-co img{
			border:none;
			border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
			}
		
/* -=-=-=- Legal and Address -=-=-=- */	
#legal-address{
	margin:0 0 1.5em;
	font-size:.92em; line-height:1.83em;
	font-style:normal;
	color:rgba(173, 155, 125, .9) !important; 
	color:#ad9b7d;	
	}
	
	#legal-address .street-address, #legal-address .tel, #legal-address .adr{display:block;}
	
	#legal-address .tel .type:after{content:": ";}

/* ------------------ Content ------------------ */
#contentArea{
	float:right;
	width:640px;
	}
.content-full #contentArea{width:100%;}

	#content{
		float:left;
		width:100%;
		}
		
		#content a img{
			border-color:#e99316; border-color:rgba(233, 147, 22, .9);
			transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out;
			}
		
		#content a:hover img, #content a:focus img{border-color:#accc36; border-color:rgba(172, 204, 54, .9);}
		.csstransitions #content a:hover img, .csstransitions #content a:focus img{
			transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02);
			}
			
/* ------------------ Bread Crumb ------------------ */		
#breadCrumb{margin:0 0 1em 0;}
	
	#breadCrumb li{
		display:inline;
		margin:0 .25em 0 0; padding:0;
		background:none;
		font-size:.92em; line-height:1.5em;
		color:rgba(255, 255, 255, .9) !important;
		color:#fff;
		}
		
		#breadCrumb a{
			padding:0 1em 0 0;
			background:url(/wp-content/themes/yoder-blog/img/breadcrumb-a-bg.gif) no-repeat right center;
			color:rgba(233, 147, 22, .9) !important;
			color:#e99316;
			}
			#breadCrumb a:hover, #breadCrumb a:focus{color:rgba(172, 204, 54, .9) !important; color:#accc36;}		
	
/* ------------------ Extras (image gallery, related files, form) ------------------ */
#extras{
	float:left;
	width:100%;
	margin:1em 0 0;
	}
	
	.extras-box{
		float:left;
		width:45%;
		margin:0 4% 20px 0;
		background:url(/wp-content/themes/yoder-blog/img/extras-box-bg.png) repeat left top; 
		background:rgba(49, 36, 9, .9) none;		
		/*border:1px solid #4a412e; border-color:rgba(85, 75, 56, .9);*/
		border:none;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}
		
		.extras-box img{
			border-radius:0;
			-moz-border-radius:0;
			-webkit-border-radius:0;
			}
		
		.extras-box .pad{margin:0; padding:10px;}
	
			.extras-header{
				display:block;
				margin:.2em 0 .4em;
				font-size:1.42em; line-height:1.5em;
				font-weight:900;
				color:#ebfcff;
				}
				
				.extras-header .note{
					font-size:.59em;
					font-weight:500;
					}

	/* -=-=-=- Image Gallery -=-=-=- */
	#gallery{ width:50%; }
		
		#lrg-image{
			float:left;
			text-align:center;
			width:300px;
			}
			
			#imgSlide{
				border:1px solid #ededed; 
				margin:0 auto;
				}
		
			#lblAltText{
				margin:0;
				font-size:.83em; line-height:1.25em;
				}
		
		#thumbs{
			float:right;
			width:300px;
			margin:10px 0 0;
			}
			
			#thumbs li{
				display:inline;
				margin:0 6px 0 0; padding:0;
				background:none;
				}
				
				#thumbs a img{
					max-width:55px;
					border:1px solid #ededed;
					}

	/* -=-=-=- File Upload Gallery -=-=-=- */
	#fileGallery{
		float:left;
		margin:0 0 15px;
		}

		#fileGallery li{
			margin:0 0 4px 4px; padding:0; width:260px;
			background:none;
			}			
			
			#fileGallery a{
				display:block;
				padding:2px 0 2px 25px;
				background-repeat:no-repeat;
				background-position:left 1px;
				background-image:url(/wp-content/themes/yoder-blog/img/icon-txt.png);
				color:#78ab44;
				}#fileGallery a:hover, #fileGallery a:focus{color:#e9a70c;}
				
			#fileGallery .pdf a{background-image:url(/wp-content/themes/yoder-blog/img/icon-pdf.png);}
			#fileGallery .word a{background-image:url(/wp-content/themes/yoder-blog/img/icon-word.png);}
			#fileGallery .excel a{background-image:url(/wp-content/themes/yoder-blog/img/icon-excel.png);}
			#fileGallery .ics a{background-image:url(/wp-content/themes/yoder-blog/img/icon-ics.png);}

/* ------------------ Utility ------------------ */		
#utilityWrapper{
	float:left;
	width:100%;
	background:#0a0a00 url(/wp-content/themes/yoder-blog/img/utility-wrapper-bg.jpg) no-repeat center top;
	}
	
	#utility{
		float:left; 
		width:930px; min-height:200px;
		margin:0 0 15px; padding:10px 15px 0 15px;
		text-align:center;
		background:#110f08;
		background:rgba(17, 15, 8, .9);
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
		color:rgba(255, 255, 255, .9) !important;
		color:#fff;
		}
		
		#utility ul{
			display:inline;
			float: left;
			width: 25%;
			}
			
			#utility ul li{
				display:block;
				}
			
			#utility ul li h3{
				display:block;
				float:left;
				width:98%;
				text-align:left;
				color:rgba(233, 147, 22, .9) !important;
				color:#e99316;
				}
			
			#utility ul li a{
				float:left;
				margin: 0 0 0 10px;
				font-size:.92em;
				text-align:left;
				text-decoration:none;
				color:rgba(255, 255, 255, .9) !important;
				color:#fff;
				}
				
				#utility ul li a:hover, #utility ul li a:focus{
					text-decoration:underline;
					}
			
			#utility ul li .posted{
				float:left;
				margin: 0 0 0 25px;
				font-size:.85em;
				color:rgba(255, 234, 204, .9) !important;
				color:#ffeacc;
				}
			
		#utility #address{
			display:block;
			float:right;
			width:25%;
			}	
			
			#utility #address img{
				margin: 0 0 5px 0;
				border:none;
				}
				
			#utility #address address{
				width: 140px;
				margin: 0 auto;
				font-size:.92em;
				font-style:normal;
				text-align:justify;
				color:rgba(173, 155, 125, .9) !important;
				color:#ad9b7d;
				}
		
		/* -=-=-=- Utility Areas (address and assoc here)  -=-=-=- */
		#utilityAddressArea{
			float:left;
			width:270px;
			text-align:left;
			}
			
			#utilityAddressArea #association-co{
				float:right;
				width:120px;
				margin:0 0 0 10px;
				}
			
				#utilityAddressArea #association-co a{margin:0 5px 1em 0;}
					#utilityAddressArea #association-co a img{width:50px;}
				
			#utilityAddressArea #legal-address{
				float:left;
				width:140px;
				}

		#utilityNavArea{
			float:right;
			width:650px;
			}		
		
		/* -=-=-=- Utility Nav  -=-=-=- */	
		#utilityNav{padding:0;}
		
			#utilityNav li{
				display:inline;
				margin:0 .25em; padding:0;
				background:none;
				}
			#utilityNav li.last{margin:0;}
	
				
				#utilityNav a{
					padding:0 1em 0 0;
					background:url(/wp-content/themes/yoder-blog/img/utilitynav-a-bg.gif) no-repeat right center;
					color:rgba(255, 255, 255, .9) !important;
					color:#fff;
					}#utilityNav a.active, #utilityNav a:hover, #utilityNav a:focus{color:rgba(233, 147, 22, .9) !important; color:#e99316;}
				#utilityNav .last a{
					padding:0;
					background:none;
					}
					
		
		/* -=-=-=- Site Copyright  -=-=-=- */
		#siteCopyright{
			font-weight:500;
			text-align:center;
			}
		#siteCopyright:before{content:"";}
		
		/* -=-=-=- TKG Brand  -=-=-=- */	
		#karcher{
			margin:1em 0 0 0;
			font-size:.92em; line-height:1.25em;
			}
		
			#karcher a{color:rgba(173, 155, 125, .9) !important; color:#ad9b7d;}
				#karcher a:hover, #karcher a:focus{color:rgba(233, 147, 22, .9) !important; color:#e99316;}	
		
		
		
/*   ~-^.¸.^-~   */