/*
Theme Name: ECTA by Gatehouse Web Design
Author: iThemes Bravo customized by Alice Winthrop for Gatehouse Web Design
Author URI: http://www.gatehouse-design.com
Version: 1.0
*/

/*AWD edits format css in one line, original iThemes code is in stacks*/

/*CSS Reset*/
@import url("css/reset.css");

/* This is where you set many of the universal defaults */
body {font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; text-align:left; padding:0;margin:0;}

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

#wrap {clear:both; width:942px; margin:-21px auto 0; padding:20px 0 10px 0; background: transparent; overflow:visible;}

/*********************************************
	Gatehouse Hacks and Additions
*********************************************/

/* fixes centered layout jump when content is too short for a scrollbar by forcing a scrollbar always. */
html {overflow-y:scroll;}

/* large images won't break the layout with this WPRecipes hack */
.post img {max-width: 900px; /* Adjust this value according to your content area size*/ height: auto;}

/* styling the byline and meta*/
p.byline,
.meta {margin:-5px 0 10px 0; color:#999; font-style:italic;}

/* .widget needed to be overflow:visible to show the special header styles. But I don't want the content entry to overflow the box if it gets too long so these fix that. */
.entry-content {overflow:hidden;}
.textwidget {overflow:hidden; height:200px;}

/*********************************************
	Universal Link Styles
*********************************************/

a, a:link, a:visited {color:#244e1d; text-decoration:none; font-weight:normal;}
a:hover, a:active {color:#244e1d; text-decoration:underline; font-weight:normal;}

p a:link, p a:visited, p a:hover, p a:active {font-weight:bold;}
ul a:link, ul a:visited, ul a:hover, ul a:active {font-weight:bold;}
ol a:link, ol a:visited, ol a:hover, ol a:active {font-weight:bold;}

/*********************************************
	Universal Text Elements
*********************************************/
ul, dd {margin: 5px 15px 15px 15px;}
ol {list-style-type: decimal; margin: 5px 15px 15px 35px;}
ul {list-style-type:disc;}
blockquote {color: #666; margin: 5px 0px 5px 10px; padding: 0px 0px 0px 10px; font-style: italic;}
img {border: 0px; background: none; }
p {padding: 0px; margin: 0 0 15px;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {}
* html acronym, abbr {}
code {font: 1.1em 'Courier New', Courier, Fixed;}
hr {display: block; clear:both; margin-bottom:20px; color:#999; background-color:#999;}
table {margin-bottom:15px; border-collapse: collapse; }
tr, td, th {margin:auto; }
td, th {padding:7px; vertical-align:top;}
th {font-weight:bold; background:#fff;}
td {border:1px solid #fff;}
strong {font-weight:bold;}
em {font-style:italic;}

/*********************************************
	Header Styles
*********************************************/

h1 {font-size:26px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; margin:0 0 20px 0; color:#222; line-height:38px;}
h1.pagetitle { /* This style used as title on archive pages and pages */}
h1.single-pagetitle { /* This style used as title on single posts */}
h1.homepagetitle {text-indent: -9999px; margin:0; padding:0; height:0;}

h2 {font-size:18px; font-weight:bold; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:24px 0 20px 0; color:#222; line-height:24px;}
#home-welcome h2 {font-size:16px; margin:-15px 0 18px 0; font-size:26px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;}
#home-bottom .widget h2 {font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; margin:0 0 10px 0;}
form.wpcf7-form h2 {border-bottom:1px dotted #333; padding-bottom:10px; margin:40px 0 20px 0; }

h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; margin:24px 0 15px 0; color:#111; line-height:24px;}
#home-bottom .widget h3 {margin:0 0 4px 0; color:#333; font-size:18px;}
.post h3 { /* This style used as the post titles on homepage/archive and comments headings */}
.entry h3 { /* This style used within the post content itself */}
h3 a, h3 a:link, h3 a:visited {}
h3 a:hover, h3 a:active {}

h4 {font-size:14px; font-weight:bold; color:#333; margin:25px 0 15px 0; line-height:18px;}
#home-welcome .left h4,
#home-welcome .left .widget h4 {position:relative; top:0; left:-38px; width:174px; height:60px; background:url(images/h4_latest_bg.png) no-repeat; overflow:visible; z-index:100; padding:7px 0 0 37px; font-size:14px; font-weight:normal; text-transform:uppercase; color:#fff; letter-spacing:0.3px; vertical-align:baseline; margin:0;}
#home-bottom .widget h4 {position:relative; top:15px; left:-38px; width:174px; height:60px; background:url(images/h4_bg.png) no-repeat; overflow:visible; z-index:100; padding:6px 0 0 37px; font-size:14px; font-weight:normal; text-transform:uppercase; color:#fff; letter-spacing:0.3px; margin:0;}
.sidebar h4 { /* This style used as the sidebar widget titles  */padding: 0; margin: 0 0 5px;}
#footer .widget h4 {display:none;}
#home-welcome .widget h4 a, 
#home-bottom .widget h4 a {color:#fff; text-decoration:none;}

h5 {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; margin:20px 0 15px 0; color:#111; text-transform:uppercase; line-height:18px;}

h6 {font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:12px; text-transform:uppercase; margin:20px 0 15px 0; font-weight:bold; line-height:18px;}

p.submit {border-top:1px dotted #333; padding-top:40px; margin:40px 0 0 0; }

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {} /*was margin-bottom: 10px; why?*/

#comments h3, #respond h3 { /* This style used as title in the comments section */}

/*********************************************
	Home Page Welcome Styles
*********************************************/
#home-welcome {position:relative; top: 0; left:0; height:298px; width:898px; margin:0 20px; padding:0; background:url(images/hero_bg_tile.jpg) repeat-x; border:1px solid #7a8b74;}
#home-welcome .entry-content {height:143px; overflow:hidden;}
#home-welcome .left {width:414px; height:262px; float:left; margin:18px; overflow:visible;}
/* The image rotator background */
#home-welcome .right {width:430px; height:280px; float:right; margin:9px; padding:0;}
#home-welcome p.entry-meta {display:none;}

/*********************************************
	Home Bottom Styles
*********************************************/
#home-bottom {position:relative; top: 0; left:0; margin:20px; padding:0;}
#home-bottom .col1 {float:left; width:290px; height:290px; padding:0; margin: 0 5px 0 0; overflow:visible; background-color:#c8d7dc; border:2px solid #fff;}
#home-bottom .col2 {float:left; width:290px; height:290px; padding:0; margin: 0 5px 0 5px; overflow:visible; background-color:#e3e2c7; border:2px solid #fff;}
#home-bottom .col3 {float:left; width:290px; height:290px; padding:0; margin: 0 0 0 5px; overflow:visible; background-color:#c4d3c0; border:2px solid #fff;}
#home-bottom .widget {margin: 0 15px; overflow:visible;} 
#home-bottom .widget ol, #home-bottom .widget ul {margin:6px 15px 10px 15px;}
#home-bottom .widget ul {list-style-type:none;}
#home-bottom .col2 .widget ul {list-style-type:none; margin:2px 15px 20px 0;}
#home-bottom .col2 .widget li {margin:0 0 15px 0;}

/*********************************************
	The Obligatory WP Styles
*********************************************/
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left; text-align: left;}
.alignright {float: right; text-align: right;}
img.alignright {margin: 0px 0px 8px 8px;}
img.alignleft {margin: 0px 8px 8px 0px;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0;padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/*********************************************
	Header Styles
*********************************************/

body {background: #ddded0 url(images/body_bg_tile.jpg) top left repeat-x;}

#header {width:942px; height:210px; margin:0 auto; padding:0; overflow:hidden;}

#logo {float:left; margin:11px 0 0 0; padding:0 0 0 0; width:204px; height:185px;}

#heading {float:left; margin:0; padding:77px 0 0 0; width:607px; height:62px;}

#join_btn {width:130px; height:53px; float:right; margin-top:71px;}
#join_btn a {display:block; width:109px; height:53px; color:#fff; padding:15px 0 0 21px; background:url(images/join_btn_sprite.jpg) no-repeat top left;}
#join_btn a:hover {background-position:0px -118px;}

/*********************************************
	Horizontal Navigation Styles 
	(with dropdowns)
*********************************************/
#menu {width:704px; float:left; margin:0; height:50px; line-height:50px;}
#menu ul {float:left; font-size:1.05em; list-style:none; margin:0 0 0 11px;}
#menu li {font-weight:normal; text-transform:uppercase; margin: 0 38px 0 0; padding:0; float:left;}
#menu li li {padding:0; margin:0;}
#menu li a,
#menu li a:link,
#menu li a:visited {color:#43623e; text-shadow: 0px 2px 3px #fff; text-decoration:none; display:block; font-weight:bold;}
#menu li a:hover, 
#menu li a:active {color:#1b3e16; text-decoration:underline; display:block;}
#menu li.current_page_item,
#menu li.current_page_item a, 
#menu li.current_page_item a:link, 
#menu li.current_page_item a:visited,
#menu ul li.current_page_ancestor {color:#1b3e16; text-decoration:underline; display:block;}
#menu li li.current_page_item,
#menu li li.current_page_item a, 
#menu li li.current_page_item a:link, 
#menu li li.current_page_item a:visited {color:#fff; text-decoration:underline;	text-shadow:none; display:block;}
#menu li ul {float:none; z-index:9999; position:absolute; left:-999em;height: auto; width:320px; margin:0; padding:0; background:#285720;}
#menu li.current_page_item ul {
	margin-top:-7px;
}
#menu li li.current_page_item ul {
	margin-top:-38px;
}
#menu li.current_page_item li {
	padding:0;
	margin: 0;
}
#menu li ul a, 
#menu li ul a:link, 
#menu li ul a:visited,
#menu li.current_page_item ul a, 
#menu li.current_page_item ul a:link, 
#menu li.current_page_item ul a:visited {display:block; width:170px; text-shadow:none; color:#fff;padding: 0px 15px;}
#menu li ul a:hover, 
#menu li ul a:active,
#menu li.current_page_item ul a:hover, 
#menu li.current_page_item ul a:active  {text-decoration:underline; text-shadow:none; }
#menu li ul li a, 
#menu li ul li a:link, 
#menu li ul li a:visited,
#menu li ul li.current_page_item ul a, 
#menu li ul li.current_page_item ul a:link, 
#menu li ul li.current_page_item ul a:visited {display:block; width:275px; color:#fff;padding: 0px 15px; text-shadow:none; }
#menu li ul ul li {text-transform:lowercase;font-size:0.9em; background-color:#50754a;}
#menu li ul ul, #menu li.current_page_item ul ul  {width:344px; margin: -50px 0 0 200px; background-color:#50754a;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}
#menu li:hover, #menu li.sfhover { 
	width:auto;
}

/*********************************************
	Container Div
*********************************************/
#container {width:942px; margin:0 auto; padding:0 0 10px 0;}


/*********************************************
	Div Adjustments For LEFT NAV WIDGET SIDEBAR
*********************************************/
#container_sidenav {width:902px; margin:0 20px 20px; padding:0; background:#f9f9f9; border:1px solid #1c3f16; min-height:300px;}
#container_sidenav #content {border:none; margin:0;}
#container_sidenav .sidebar .widget {border:none; margin: 0 0 100px 0;}


/*********************************************
	Content Div
*********************************************/
#content { background:#f9f9f9; border:1px solid #1c3f16; display:inline; float:right; padding:25px 30px 80px 0;  width:677px;}
#content-full { position:relative; top: 0; left:0; width:850px; margin:0 20px 10px 20px; border:1px solid #7a8b74; background:#f9f9f9; min-height:300px; padding:25px 30px 80px 30px; display: block;}
#content-left { background:#f9f9f9; border:1px solid #1c3f16; padding:25px 30px 80px 30px; 
	display: inline;
	float: left;
	margin: 0;
	width: 520px;
}

/*********************************************
	Post Div
*********************************************/
.post {
	clear: both;
	margin: 0 0 30px;
}

/*********************************************
	Post Meta Styles, if needed
*********************************************/
.meta {
	clear: both; /* we need this so floats in the post are cleared */
	margin: 0 0 10px;
	padding: 0;
}
.meta-date { }
.meta-author { }
.meta-comments { }
.meta-category { }

/*********************************************
	Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 0px;
	padding: 0px;
}

/*********************************************
	Button
*********************************************/

a.button {background:url(images/btn_bg_tile.gif) repeat-x; padding:6px; height:32px; color:#fff; font-size:14px; text-decoration:none; font-weight:normal;}


/*********************************************
	Sidebar
*********************************************/
.sidebar {
	font-size:12px;
	display: inline;
	float: left;
	width: 194px;
	margin: 0px; 
	padding: 0;
}
#float-right .sidebar {
	float: right;
}
.sidebar .widget { background:#f9f9f9; border:1px solid #1c3f16;
	padding: 20px;
	clear: both;
	margin: 0 0 20px;
}
.sidebar p, 
.sidebar .textwidget {
}
.sidebar img {
	margin: 0px;
}
.sidebar form {
	margin: 0px; 
	padding: 0px;
}
.sidebar ul {
	margin: 0 0 0 18px; 
	padding: 0px;
}
.sidebar ul ul {
	list-style-type:none;
	margin: 0;
}
.sidebar ul ul ul {
	margin: 0 0 0 15px;
}
.sidebar ul li {
	margin: 0; 
	padding: 0;
}
.sidebar ul li a {
}
.sidebar ul li a:hover { }
.sidebar li li {
	margin: 0; 
	padding: 0;
}

.sidebar li.current_page_item a {text-decoration:underline;}
.sidebar a.current_page_item {text-decoration:underline;}
.sidebar a.current_page_ancestor {text-decoration:underline;}


/*********************************************
	Footer Styles
*********************************************/
#footer {background-color:#1b3e16; color:#fff; height:300px; margin:0; border-top:1px solid #789871;
	font-size:11px;
	clear: both;
	display: block;
	padding:0; 
}
#footer_wrap {width:942px; margin: 0 auto;}
#footer .widget {width:292px; float:left; clear:left; margin:0 20px; padding: 30px 0; border-bottom:1px solid #446140; text-align:left;}
#footer .widget img {margin-top:5px;}
#footer .widget legend {margin-bottom:5px;}
#footer .widget label {width:80px; margin-right:210px;}
#footer .widget input {margin:10px 0;}
#footer .footer_right {width:292px; float:right; clear:right; margin:0 20px; padding: 30px 0; border-bottom:1px solid #446140; text-align:right}
#footer .footer_right p {text-align:right;}
#footer p {margin:5px 0;}
#footer a, #footer a:link, #footer a:visited {color:#fff;}
#footer a:hover, #footer a:active {color: #fff; text-decoration: underline;}