/*
Theme Name: Friends of Chesapeake Gateways Custom Theme
Theme URI: http://friendsofchesapeakegateways.org/
Description: Custom Wordpress theme for Friends of Chesapeake Gateways
Version: 1.0
Author: E-Moxie Data Solutions, Inc.
Author URI: http://www.e-moxie.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Friends of Chesapeake Gateways Custom Theme

	This theme was designed and built by E-Moxie Data Solutions, Inc.
	whose site you will find at http://www.e-moxie.com/

	The CSS, XHTML and design is copyright Friends of Chesapeake Gateways.

*/

/* Browser Reset Styles ================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
strong {
	font-weight: bold;	
}
small {
	font-size: 75%;	
}
em {
	font-style: oblique;	
}

/* Basic Definitions ==================== */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #355559 url('images/bg.gif') 0 0 repeat-x;
	line-height: 1.3em;
}

h1 {
	font-size: 24px;
	color: #252f2f;
	font-family: Georgia, serif;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.1em;
}
h2 {
	font-size: 24px;
	color: #252f2f;
	font-family: Georgia, serif;
	margin: 25px 0 10px 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.1em;
}
div.hilite h2, div.hilite_dark h2 {
	margin: 0 0 10px 0;
}

h3 {
	font-size: 18px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
	font-family: Georgia, serif;
	line-height: 1.1em;
}
h3 span.dark {
	color: #252f2f;
}

a:link, a:visited, a:active {
	color: #d17b23;
	text-decoration: none;
}

p {
	line-height: 1.3em;
	margin: 5px 0 10px 0;
	padding: 0;
}

ul, ol {
	margin: 10px 0 10px 25px;
	padding: 0;
	list-style: disc;
}
	li {
		margin-bottom: 5px;
	}

hr {
	border: 0;
	width: 100%;
	color: #41666b;
	background-color: #41666b;
	height: 1px;
        clear: both;
}

/* Classes ============================== */
.clear {
	clear: both;
	height: 2px;
}
.left, .alignleft {
	float: left;
	margin-right: 15px;
}
.right, .alignright {
	float: right;
	margin-left: 15px;
}
.styled {
	width: 250px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.callout {
	padding: 10px;
	width: 150px;
	background: #fff;
	font-size: 10px;
	color: #333;
}
.callout.left {
	margin: 20px 20px 20px 0;
	float: left;
}
.callout.right {
	float: right;
	margin: 20px 0 20px 20px;
}
.callout img {
	margin: 0 auto;
	width: 142px;
	border: 1px solid #e1e0d6;
	padding: 3px;
}
.callout h4 {
	font-size: 14px;
	font-family: Georgia, serif;
	color: #355559;
	margin-bottom: 10px;
}

/* Container */
#container {
	width: 937px;
	margin: 0 auto;
}

/* Header */
#header {
	background: #597477 url('images/bg.gif') 0 0 repeat-x;
	height: 392px;
}

#header_logo {
	width: 237px;
	float: left;
}

#header_right {
	width: 700px;
	float: right;
}

#header.interior {
	height: 266px;
	background: none;
	overflow: hidden;
}

#header.interior div.clear {
	height: 11px;
}

#header_logo.interior {
	width: 178px;
	height: 266px;
	position: absolute;
	margin-left: 25px;
	z-index: 9999999;
}

#header_right.interior {
	width: 937px;
	float: none;
}

#header_text {
	font-size: 12px;
	font-family: Georgia, serif;
	font-style: oblique;
	padding: 20px;
}
#header_text p {
	margin: 5px 0 0 0;
}

#slideshow_top_wrap {
	margin: 9px 0 0 0;
	padding: 0;
	border-right: 10px solid #fff;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}
#slideshow_top {
	margin: 0;
	padding: 0;
	width: 690px;
	height: 232px;
}

.slideshow_text {
	position: absolute;
	z-index: 999999;
	margin-top: 170px;
	background: #252f2f;
	opacity: .72;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=72)";
	filter: alpha(opacity=72);
	color: #fff;
	font-size: 18px;
	font-family: Georgia, serif;
	font-style: oblique;
	padding: 10px 20px;
	text-align: center;
	width: 650px;
	line-height: 1.2em;
}

#header_right.interior #slideshow_top_wrap {
	margin: 0;
	padding: 0;
	border: 10px solid #fff;
	width: 916px;
	height: 190px;
	overflow: hidden;
}
#header_right.interior #slideshow_top_wrap #slideshow_top {
	margin: 0;
	padding: 0;
}
#header_right.interior #slideshow_top_wrap #slideshow_top .slideshow_text {
	width: 706px;
	margin-top: 145px;
	padding-left: 190px;
}


/* Navigation */
#navigation {
	margin: 0;
	padding: 0 0 0 10px;
	height: 42px;
}
#header_right.interior #navigation {
	width: 700px;
	float: right;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	float: left;
	border-right: 1px solid #657273;
	padding: 12px 10px 14px 10px;
	text-decoration: none;
	margin: 0;
}
#navigation ul li a:hover {
	background: #aedfe4;
	color: #273234;
}
#navigation ul li a#current {
	background: #aedfe4;
	color: #273234;
}
#navigation ul li a.orange {
	color: #ff9b4d;
	font-weight: bold;
	margin-right: 0;
	padding-right: 0;
	border: none;
}
#navigation ul li a.orange:hover {
	background: none;
	color: #fff;	
}

/* Content Area */
.hilite_dark {
	background-color: #e2eff0;
	padding: 20px;
	margin: 20px 0;
	color: #252f2f;
}
.hilite {
	background-color: #fff;
	padding: 20px;
	margin: 20px 0;
	color: #252f2f;
}
.home-hilite {
	background-color: #252f2f;
	padding: 20px;
	margin: 20px 0;
	color: #fff;
	float: left;
	width: 415px;
        height: 240px;
        overflow: hidden;
}
.home-hilite h1, .home-hilite h2, .home-hilite h3 {
	color: #fff;
}
.home-hilite a {
	color: #ff7e1a;
}

.home-featured {
	background: #AEDFE4 url('images/peel.jpg') top right no-repeat;
	padding: 20px;
	margin: 20px 0 0 21px;
	color: #000;
	float: left;
	width: 415px;
        height: 240px;
        overflow: hidden;
        min-height: 200px;
        border-left: 4px solid #D36369;
}
.home-featured h1 { 
        background: url('images/star.png') center left no-repeat; 
        padding-left: 38px;
}


#main-content {
	width: 587px;
	margin-right: 28px;
	float: left;
}

#sidebar {
	width: 322px;
	float: left;
	padding-top: 20px;
}

#get_started {
	background: #597477;
	font-size: 12px;
	font-family: Georgia, serif;
	font-style: oblique;
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
}
#get_started p {
	margin: 0;
	padding: 0;	
}

/* News Feed */
#feed_wrap {
	margin: 20px 0;
	padding: 0;	
}
#feed_wrap h3 {
	font-size: 24px;
	margin-bottom: 15px;
}

#signup {
	background-color: #aedfe4;
	border: 5px solid #fff;
	padding: 10px;
	color: #000;
	width: 207px;
	margin-right: 36px;
	float: left;
}

#signup.interior { 
	width: 292px;
	margin-bottom: 20px;
}

#signup h3 {
	color: #41666b;
}
#signup p {
	margin: 10px 0 0 0;
	padding: 0;	
}

#signup form {
	margin: 20px 0 10px 0;	
}

#signup #signup_submit {
	padding: 5px 3px;
	margin: 0;
	background: #355559;
	border: 1px solid #355559;
	font-size: 13px;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#signup .signup_input {
	padding: 13px;
	font-size: 11px;
	color: #41666b;
	border: 1px solid #96c2c6;
	background: #fff;
	font-style: oblique;
	width: 139px;
}

#signup.interior .signup_input {
	width: 220px;
}

#news_feed {
	background: #252f2f url('images/bg_willows.gif') bottom right no-repeat;
	margin-right: 20px;
	background-color: #252f2f;
	border: 5px solid #fff;
	padding: 10px;
	width: 292px;
	float: left;
}

#news_feed.interior {
	margin-bottom: 20px;	
}

#news_feed h3 {
	background: url('images/icon_rss.gif') center left no-repeat;
	padding-left: 30px;
	line-height: 25px;
	color: #fff;
}

#news_feed h3 span.right a {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	text-decoration: underline;
}

.news_feed_entry {
	font-size: 10.5px;
	margin-bottom: 10px;
}
.news_feed_entry p {
	margin: 0;
	padding: 0;
}
.news_feed_entry a {
	color: #ff7e1a;
}
.news_feed_entry h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #fff;
}
.news_feed_entry h4 a {
	color: #fff;
	text-decoration: none;
}
.news_feed_entry span.feed_date {
	font-size: 8.6px;
	font-style: italic;
}

#events_feed {
	background: #252f2f url('images/bg_crane.gif') bottom right no-repeat;
	background-color: #252f2f;
	border: 5px solid #fff;
	padding: 10px;
	width: 292px;
	float: left;
}

#events_feed.interior {
	margin-bottom: 20px;	
}

#events_feed h3 {
	background: url('images/icon_calendar.gif') center left no-repeat;
	padding-left: 30px;
	line-height: 25px;
	color: #fff;
}

#events_feed h3 span.right a {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	text-decoration: underline;
}

.events_feed_entry {
	font-size: 10.5px;
	margin-bottom: 10px;
}
.events_feed_entry p {
	margin: 0;
	padding: 0;
}
.events_feed_entry a {
	color: #ff7e1a;
}
.events_feed_entry h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #fff;
}
.events_feed_entry h4 a {
	color: #fff;
	text-decoration: none;
}
.events_feed_entry span.feed_date {
	font-size: 8.6px;
	font-style: italic;
}

/* Footer */
#footer {
	border-top: 1px solid #41666b;
	padding: 10px 0;
	margin-top: 20px;
}

#links {
	width: 540px;
	float: left;
}
#links ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
#links ul li {
	display: inline;
}
#links ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	border-right: 1px solid #fff;
	line-height: 10px;
	margin-right: 3px;
	padding-right: 5px;
	color: #fff;
}
#links ul li a.orange {
	color: #df8135;
	border: none;
	margin-right: 25px;
}
#links ul li a.none {
	border: none;
	margin: 0;
	padding: 0;	
}

#copyright {
	width: 390px;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 9px;
}
#copyright a {
	color: #fff;
	text-decoration: underline;
}