/* HTML5 Base
======================================================================================================= */

	/* Embedded image formatting
	------------------------------------------------------------------------ */
	.aligncenter { display: block; margin: 0 auto 1.5em; }
	.alignright { float: right; margin: 0 0 20px 20px; }
	.alignleft { float: left; margin: 0 20px 20px 0; }
	img.alignleft, img.alignright, img.aligncenter {  }




/* Wrappers/Layout
======================================================================================================= */
	
	/* Header
	------------------------------------------------------------------------ */
	.header-container { margin-bottom: 3em; }
		
		/* Site Logo */	
		#logo { float: left; width: 47.5%; margin: 1em 0 1em 2em; text-align: left; }
		#logo a { float: left; width: auto; }
		
		/* Site Search */
		.site-search { position: absolute; bottom: 1.75em; right: 0; float: left; width: 47.5%; margin-right: 2.5%; }
		.site-search input[type="text"] { background: #ededed; border: 0; color: #555;
			-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25); box-shadow: 1px 1px 1px rgba(0,0,0,.25);
		}		
		.site-search button { background-image: url('../images/i_search.png'); }
		
			/* Placeholder */
			.site-search input[type="text"]::-webkit-input-placeholder { color: #b2b2b2; }
			.site-search input[type="text"]::-moz-placeholder { color: #b2b2b2; }
			.site-search input[type="text"]:-moz-placeholder { color: #b2b2b2; }
		
	
	/* Main Content
	------------------------------------------------------------------------ */
		.content { float: right; width: 70.786516853%; }
		.secondary-content { float: left; width: 22.471910112%; }
		
		.one-col .content { float: left; width: 100%; }
		
	
	/* Footer
	------------------------------------------------------------------------ */
	
		/* Social Media */
		ul.social-media {}
		
		/* Newsletter */
		.join-newsletter { float: left; width: 100%; }
		.join-newsletter h2 {}
		.join-newsletter p {}
		.join-newsletter .field { float: left; width: 70%; clear: left; }
		.join-newsletter .button {  }
	
		/* Contact Info */
		.footer-container .org {}
		
		/* Copyright & Branding */
		.copyright-branding {}



/* Navigation/Menus
======================================================================================================= */

	/* Primary
	------------------------------------------------------------------------ */
	.main-menu { float: left; width: 100%; margin: 0 0 -2.25em; }
	.main-menu ul { background: #fff; text-align: center;
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
		-moz-box-shadow: inset 0 0 24px rgba(140,198,63,.5); -webkit-box-shadow: inset 0 0 24px rgba(140,198,63,.5); box-shadow: inset 0 0 24px rgba(140,198,63,.5);
	}
	.main-menu li { display: inline-block; margin: 0; background: none; border-left: 1px solid #cae2aa; font-size: 84%;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	}
	.main-menu li:first-child { border: 0; }
	.main-menu a { display: block; padding: 1.31578947368em .8947368421em; background: none; color: #5e5599; font: normal 1.26666666667em/1 "Slackey", Arial, Helvetica, sans-serif; }
	
		/* Hover */
		.main-menu li:hover { background: none; }
		.main-menu li:hover > a { color: #f15c22; text-decoration: none; }
		
		/* Current */
		.main-menu li.current-menu-item,
		.main-menu li.current-page-ancestor { background: none; }
		.main-menu li.current-menu-item > a,
		.main-menu li.current-page-ancestor > a { color: #f15c22; }
				

	/* Utility
	------------------------------------------------------------------------ */
	.utility-menu { position: absolute; top: 1.5em; right: 2.5%; float: left; width: 47.5%; }
	.utility-menu ul {}
	.utility-menu li {}
	.utility-menu a {}
	
		/* Contact */
		.utility-menu li.um-contact { float: right; margin: 0 0 1.5em; background: none;
			-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		}
		.utility-menu li.um-contact a { display: block; padding: 0 0 0 35px; background: url('../images/i_contact-us.png') no-repeat 0 50%; color: #84bf3a; font: 700 1em/16px "Averia Sans Libre", Arial, Helvetica, sans-serif; text-decoration: underline; }
		
		/* Account */
		.utility-menu li.um-account { float: left; display: inline-block; width: 48%; text-align: center; clear: both; }
		.utility-menu li.um-account a { display: block; width: 100%; padding: .5em 1em; background: #ffe400; border: 3px solid #fff17e; color: #f15c22; font: normal 1em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
			-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		
		/* Reserve */
		.utility-menu li.um-reserve { float: right; display: inline-block; width: 48%; text-align: center; }
		.utility-menu li.um-reserve a { display: block; width: 100%; padding: .5em 1em; background: #f15c22; border: 3px solid #fda17d; color: #fff; font: normal 1em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
			-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
	
		/* Hover */
		.utility-menu li:hover a { text-decoration: none; }		
		.utility-menu li.um-contact:hover { background: none; }		
		.utility-menu li.um-account:hover {}
		.utility-menu li.um-reserve:hover {}
	
	
	

/* Homepage Specific
======================================================================================================= */


	/* Featured Heroes
	------------------------------------------------------------------------ */
	.main-container .featured-heroes { margin-top: 3em; }
	
	
	/* Welcome Message
	------------------------------------------------------------------------ */
	.welcome {}
	.welcome .wrapper { padding: 1em; background: #f15c22; border: 3px solid #fda17d;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	}
	.welcome .entry-content { float: left; width: 60%; }
	.welcome figure { float: right; display: block }
	.welcome figure img { position: absolute; top: 24px; left: 16px; }
	.welcome figcaption { position: absolute; top: -30px; width: 100%; font-size: .86666666666em; font-weight: bold; text-align: center; }
	
	
	/* Highlight 1
	------------------------------------------------------------------------ */
	.highlight-1 { width: 47.5%; }
	.highlight-1 h2 { min-height: 42px; line-height: 42px; }
	.highlight-1 li { margin: 0 0 .5em; }
	
	
	/* Highlight 2
	------------------------------------------------------------------------ */
	.highlight-2 { float: right; width: 47.5%; clear: none; }
	.highlight-2 li { margin: 0 0 .5em; }
			
	
	/* Highlight 3
	------------------------------------------------------------------------ */
	.highlight-3 {}
	.highlight-3 .section-logo { float: left; width: 47.5%; }
	.highlight-3 ul { float: right; width: 47.5%; }
	.highlight-3 .button { float: left; width: 47.5%; }
	
	
	/* Sponsors
	------------------------------------------------------------------------ */
	.become-sponsor { width: 47.5%; }
		

	/* Featured Blog
	------------------------------------------------------------------------ */
	.featured-blog { float: right; width: 47.5%; }
		
	
	/* User Base
	------------------------------------------------------------------------ */
	.user-base { clear: both; }