/*
Theme Name: Empowered To Connect
Theme URI: http://empoweredtoconnect.org/
Description: A custom wordpress design for Empowered To Connect.
Version: 1.0
Author: Matt Donovan
Author URI: http://donovanhouse.com/
Tags: this is a custom theme

*/


/*-----------------------------------------------

TYPOGRAPHY

-----------------------------------------------*/

@font-face {
	font-family: "CartoGothicStd";
	src: url('type/cartogothicstd-book-webfont.eot');
	src: local('?'), url('type/cartogothicstd-book-webfont.woff') format('woff'), url('type/cartogothicstd-book-webfont.ttf') format('truetype'), url('type/cartogothicstd-book-webfont.svg#webfontPRnbG6ge') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	html{font-family: "CartoGothicStd";}
			

@font-face {
	font-family: "CartoGothicStd Bold";
	src: url('type/cartogothicstd-bold-webfont.eot');
	src: local('?'), url('type/cartogothicstd-bold-webfont.woff') format('woff'), url('type/cartogothicstd-bold-webfont.ttf') format('truetype'), url('type/cartogothicstd-bold-webfont.svg#webfontUcXA2Ens') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	strong{font-family: "CartoGothicStd Bold"; font-weight: normal;}

@font-face {
	font-family: "CartoGothicStd Italic";
	src: url('type/cartogothicstd-italic-webfont.eot');
	src: local('?'), url('type/cartogothicstd-italic-webfont.woff') format('woff'), url('type/cartogothicstd-italic-webfont.ttf') format('truetype'), url('type/cartogothicstd-italic-webfont.svg') format('svg');
	}
	
	em{font-family: "CartoGothicStd Italic"; font-weight: normal; font-style: normal;}

@font-face {
	font-family: "CartoGothicStd Bold Italic";
	src: url('type/cartogothicstd-bolditalic-webfont.eot');
	src: local('?'), url('type/cartogothicstd-bolditalic-webfont.woff') format('woff'), url('type/cartogothicstd-bolditalic-webfont.ttf') format('truetype'), url('type/cartogothicstd-bolditalic-webfont.svg') format('svg');
	}
	
	strong em{font-family: "CartoGothicStd Bold Italic";}

body{
	background:#002631 url(images/header-bkg.jpg) top left repeat-x;
	text-align: center;
	}

a{
	color:#0099c8;
	text-decoration:none;
	border-bottom: 1px solid #0099c8;
	}

a:hover,
a:focus{
	border-bottom:none;
	}

div#top{
	}

div.invisible_fence{
	width:960px;
	margin:0 auto;
	}

div.right{
	float:right;
	}

div.left{	
	float:left;
	}

.alignleft{
	float:left;
	margin:0 20px 20px 0;
	}
	
/* =Clearfix (all browsers)--------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
	/* IE6 */ 
	
	* html .clearfix {
		height: 1%;
		}
		
	/* IE7 */
	
	*:first-child+html .clearfix {
		min-height: 1px;
		}
	



/*  LOGO
----------------------------------*/

h1#logo{
	width:170px;
	float:left;
	}

h1#logo a{
	float:left;
	width:170px;
	height:74px;
	background: url(images/logo.jpg) no-repeat;
	color:#071418;
	font-size:.01em;
	border:none;
	}
	
	

/*  MAIN NAVIGATION
----------------------------------*/

body#interior ul#main_nav{
		float:left;
		height:54px;
		margin:20px 0 0 60px;
    }

body#interior ul#main_nav li{
		float:left;
		display:inline;
    }

body#interior ul#main_nav a{
		float:left;
		text-decoration:none;
		text-transform: uppercase;
		color:#3386a5;
		font-size: 18px;
		line-height: 24px;
		font-family: "CartoGothicStd Bold";
		border-bottom:4px solid #001a21;
		margin:0 30px 0 0;
		padding: 0 0 8px 0;
		text-shadow: #000 1px 1px 1px;
    }
    

		body#interior ul#main_nav a:hover,
		body#interior ul#main_nav a:focus{
			border-bottom:4px solid #00adef;
			color:#00adef;
		}
		
		body#interior ul#main_nav li.current a{
			color:#00adef;
			border-bottom: none;
			}
			


body#interior li#blog a{
		margin:0 20px 0 0;
    }


	/*These nav styles are unique to the home page*/

	body#home ul#main_nav{
		float:left;
		height:54px;
		margin:20px 0 0 60px;
		}
	
	body#home ul#main_nav li{
		float:left;
		display:inline;
		}

	body#home ul#main_nav a{
		float:left;
		text-decoration:none;
		text-transform: uppercase;
		color:#00adef;
		font-size: 18px;
		line-height: 24px;
		font-family: "CartoGothicStd Bold";
		border-bottom:4px solid #001a21;
		margin:0 30px 0 0;
		padding: 0 0 8px 0;
		text-shadow: #000 1px 1px 1px;
		}
		
		body#home ul#main_nav a:hover,
		body#home ul#main_nav a:focus{
		border-bottom:4px solid #00adef;
		}
			
	
		body#home ul#main_nav li#blog a{
		margin:0 20px 0 0;
			}
		
	/*
	
	body#home li#guide a{
		width:320px;
		background: url(images/nav-sg.jpg) top left no-repeat;
		background-position:0 0;
		}
	
	body#home li#book a{
		width:318px;
		background: url(images/nav-bk.jpg) top left no-repeat;
		background-position:0 0;
		margin:0 1px;
		}
	
	body#home li#blog a{
		width:320px;
		background: url(images/nav-bg.jpg) top left no-repeat;
		background-position:0 0;
		}
	
	body#home ul#main_nav a:hover,
	body#home ul#main_nav a:focus{
		background-position:0 -115px;
		}
	
	*/

	/*End home page specific navigation rules*/
	
	div.navigation{
		padding:0 0 20px 0;
		}
		
		div.alignright{
		float:right;
		}
		
		div.alignleft{
		float:left;
		}
	

/*----------------------------------
    The following rules are for
    layout of the homepage.
-----------------------------------*/


	/*  EQUATOR
	----------------------------------*/
	div#equator{
		color:#c2a986;
		background:url(images/eq-bkg.jpg) top left repeat-x;
		background-color: #002f3d;
		width:100%;
		font-size: 20px;
		line-height:30px;
		text-align: left;
		padding:30px 0 0 0;
		}
	
	div.feature{
		background: #002631;
		float:left;
		padding:4px 0 8px 0;
		margin:0 0 10px 0;
		width: 100%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		 border-radius: 5px;
		}
		
		
		div.feature h2{
			background: url(images/feature.gif) left no-repeat;
			font-size: 14px;
			float:left;
			padding:0 0 0 28px;
			margin:0 0 0 8px;
			}
		
		div.intro{
			background: #002631 url(images/intro-left.jpg) bottom left no-repeat;
			margin-top:-8px;
			}
			
			div.intro p{
				background: url(images/intro-right.jpg) bottom right no-repeat;
				color:#fff;
				width:600px;
				padding:15px 20px 50px 20px;
				float:right;
				}
							
			div.intro strong{
				color:#0099c8;
				}
				
					
	/*  LATEST
	----------------------------------*/
	
	div#latest{
		background-color: #002F3D;
		color: #e4e0b4;
		padding-bottom: 40px;
		}
		
	div#latest div.invisible_fence{
		text-align: left;
		}
	
	div#lvid{
		float:left;
		width:290px;
		padding:5px 20px 0 0;
		}
		
		div.post div#lvid {
			border-top:1px dotted #0099C8;
			clear:left;
			margin:30px 0 0;
			padding:30px 20px 0 0;
			}
			
			div.post div#lvid p{
				width:290px;
				}
				
	div#laud{
		float:left;
		width:288px;
		padding:5px 20px 50px 20px;
		border-left: 1px dotted #0099c8;
		border-right:1px dotted #0099c8;
		}
		
		div.post div#laud {
			border-right:medium none;
			border-top:1px dotted #0099C8;
			margin:30px 0 0;
			padding:30px 20px 50px;
			}
			
			div.post div#laud p{
				width:288px;
				}
	
	div#lart{
		float:left;
		width: 290px;
		padding: 5px 0 0 20px;
		}
	
	div#latest p.details{
		color:#fff;
		font-size: 12px;
		}
	
	div#latest p.details a.ctype{
		color:#00adef;
		text-decoration: none;
		border-bottom: none;
		}
	
	div#latest p.details a.comment_link{
		color:#00adef;
		text-decoration: none;
		border-bottom: none;
		}
	
	div#latest a.more{
		color:#00adef;
		text-decoration: none;
		font-size: 12px;
		margin-right: 10px;
		}
	
	div#latest a.more:hover,
	div#latest a.more:focus{
		color:#fff;
		}
	
	div#latest p.details a:hover,
	div#latest p.details a:focus{
		color:#fff;
		}
	
	div#latest h2 a{
		font-size: 30px;
		font-weight: normal;
		line-height: 34px;
		padding:0 0 5px 0;
		text-decoration:none;
		color: #00adef;
		border:none;
		}
	
	div#latest h2 a:hover,
	div#latest h2 a:focus{
		color:#fff;
		}
	
	div#latest p{
		color:#fff;
		font-size: 12px;
		line-height: 18px;
		padding:0 0 10px 0;	
		}

	/*End home page specific layout rules*/
	
	

/*  MAIN CONTENT
----------------------------------*/

div#content{
	background-color:#f9f4ed;
	border-top:1px solid #fff;
	color:#332f28;
	text-align: left;
	padding-bottom:40px;
	}

div#content div.invisible_fence{
	width:960px;
	padding:40px 30px;
	}
	
div#content h2{
	padding:0 0 28px 0;
	margin:0 0 35px 0;
	border-bottom:1px solid #d8c5aa;
	font-family:'Georgia', Times, serif;
	font-size: 24px;
	line-height: 33px;
	font-weight: normal;
	}
	
	div#content div.section h2{
	border-bottom:none;
	padding:0;
	}
	
	div#content div.feature h2{
		border-bottom: none;
		font-size: 14px;
		padding:0 0 0 28px;
		margin:0 0 0 8px;
		}

div#content h2 strong{
	font-size: 33px;
	color:#3386A5;
	font-family: "Georgia", serif;
	font-weight: bold;
	}

div#content h3{
	font-size:22px;
	padding:0 0 10px 0;
	font-weight: normal;
	}

div#content h4{
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	margin:20px 0 10px 0;
	}
	
	div#right h4{
		margin:0 0 10px 0;
		}

div#content p{
	font-size: 14px;
	line-height: 18px;
	padding:0 0 10px 0;
	width:650px;
	}
	
	div#content .nivo-caption p{
		padding:5px;
		}

div#content object{
	float:left;
	margin-bottom: 20px;
	}
	
	div#content div.post object{
		float:none;
		}

div.video_description{
	width:260px;
	float:right;
	padding:0 20px;
	}
	
	div#content div.video_description p{
		width:260px;
		font-size: 16px;
		line-height: 22px;
		}
	
	div#content div.endorsements p{
		width:220px;
		font-size: 14px;
		line-height: 20px;
		font-style: italic;
		color:#5e5a53;
		padding: 0 20px 0 0;
		}
		
		div#content div.endorsements p em{
			font-size: 16px;
			font-family:"CartoGothicStd Bold";
			display:block;
			}
		
		div.endorsements blockquote{
			padding:0 0 20px 0;
			float:left;
			display:inline;
			}

div.bio{
	width:560px;
	float:left;
	clear:left;
	padding:0 40px 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #D8C5AA;
	}
	
	div#content div.bio p{
	width:auto;
	float:left;
	padding:0 0 10px 0;
	}
	
	div#content div.bio h3{
		float:left;
		}
	
	div.bio img{
		margin:0 20px 10px 0;
		float:left;
		}

div.form{
	width:280px;
	float:left;
	margin:0 0 0 30px;
	}

div.portrait{
	padding:19px;
	background-color: #dfd0bb;
	border:1px solid #d5c0a3;
	margin:20px 19px 0 0;
	width:151px;
	float:left;
	}

div.portrait img{	
	border:1px solid #fff;
	float:left;
	}

div#contributors{
	width:560px;
	float:left;
	margin-right: 80px;
	}


div#contributors h4{	
	float:left;
	}

div#contributors p{
	float:left;
	width:375px;
	}

div.author{
	float:left;
	margin:0 0 20px 0;
	}

div.post{
	padding:0 22px 30px 0;
	}

div.post p{
	width:600px;
	}

div#content div.post p.postmetadata{
	border-bottom:1px solid #d8c5aa;
	padding-bottom: 30px;
	}

div.post ul li{
	padding:0 0 10px 0;
	}

blockquote{
	font-family: 'Georgia', serif;
	padding:10px 0 0 0;
	}

div#categories,
div#authors,
div#tag_cloud{
	width:267px;
	padding:20px 20px 0 20px;
	}

div#tags{
	float:left;
	width:287px;
	}

div#categories ul li,
ul.wp-tag-cloud li{
	margin-bottom: 8px;
	}

div#rss{
	float:left;
	width:287px;
	padding:0 0 0 20px;
	}

div#categories p,
div#tags p,
div#rss p{
	width:287px;
	}

div#right {
	background-color:#F9F4ED;
	background-position:center top;
	background-repeat:no-repeat;
	float:right;
	font-size:14px;
	font-weight:bold;
	width:260px;
	}
	
	div#right p{
		width:220px;
		font-weight: normal;
		}



/*  NOTIFICATION FORM
----------------------------------*/

div.section{
	float:left;
	clear:left;
	width:960px;
	border-top:1px solid #D8C5AA;
	padding:28px 0 0 0;
	margin: 28px 0 0 0;
	}

div.gform_wrapper{
	background-color:#f9f4ed;
	padding:0;
	float:left;
	margin:0;
	}
	
	div.post div.gform_wrapper{
		width:596px;
		background-color: #F2E8DA;
		padding:0 0;
		}


.gform_wrapper .notify_me h3#gform_title{
	font-size:24px;
	padding:0 0 10px 0;
	line-height: 30px;
	}

div.gform_wrapper p.input input,
div.gform_wrapper textarea{
	width:253px;
	padding:3px;
	font-size: 12px;
	color:#7f573c;
	}
	
	div.gform_wrapper form#gform_2  p.input input,
	div.gform_wrapper form#gform_2  p.input input,
	div.gform_wrapper form#gform_2  textarea{
		width:298px;
		padding:3px;
		font-size: 12px;
		color:#7f573c;
		}

div.gform_wrapper li.gfield{
	display:block;
	padding:0 0 8px 0;
	}

#gforms_confirmation_message{
	width:247px;
	float:left;
	padding:20px;
	background: #e5e2df;
	-moz-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	 border-radius: 5px;
	font-size: 14px;
	line-height: 20px;
	font-family: "CartoGothicStd Italic";
	}

.gform_wrapper .notify_me input.button,
input#submit{
	background-image: url(images/btn_submit.gif);
	background-color:#e5e2df;
	border:1px solid #e5e2df;
	height: 38px;
	width:81px;
	font-size: .01em;
	color: #e4ebf1;
	cursor: pointer;
	padding:0 0 20px 0;
	}

input#subscribe{
	background-image: url(images/btn_subscribe.gif);
	background-color:#e5e2df;
	border:1px solid #e5e2df;
	height: 36px;
	width:134px;
	font-size: .01em;
	color: #e4ebf1;
	cursor: pointer;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	}

input.text_field{
	width:215px;
	}
input.medium{
	width:298px;
	}
	
span.gform_description{
	font-size: 12px;
	line-height: 18px;
	margin:8px 0 10px 0;
	}

div.gform_body{
	margin:10px 0 0 0;
	padding:20px 20px 0 20px;
	background: #e5e2df;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	 border-radius: 5px 5px 0 0;
	}

div.gform_footer{
	padding:0 20px 20px 20px;
	background: #e5e2df;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	 border-radius: 0 0 5px 5px;
	}

label.gfield_label{
	font-size: 12px;
	padding:0 0 5px 0;
	}

div.ginput_container input.large{
	margin:5px 0 10px 0;
	width:240px;
	}

ul.gfield_checkbox li{
	font-size: 14px;
	padding:5px 0;
	}
	
	ul.gfield_checkbox li label{
		padding:0 0 0 5px;
		}

#gform_1{
	margin:0 0 40px 0;
	}


/*  FOOTER
----------------------------------*/

div#footer{
	background-color:#002631;
	border-top:1px solid #004157;
	padding:30px 0;
	text-align: left;
	}

div#footer form{
	float:left;
	padding:0 0 0 52px;
	}

div#footer p{
	padding:0 52px 5px 0;
	color:#9fb1bc;
	font-size:14px;
	}
	
	div#footer p span.social{
	color:#fff;
	}

div#footer form p{	
	float:none;
	padding:0;
	background: url(images/textarea.gif) top left no-repeat;
	overflow: hidden;
	height: 33px;
	font-size: 18px;
	}

div#footer textarea{
	background: none;
	border-right:1px solid #969c75;
	border-bottom:1px solid #969c75;
	border-top:none;
	border-left:none;
	height:30px;
	width:461px;
	padding:7px;
	color:#1e1a12;
	font-family: 'Myriad Pro', Calibri, sans-serif;
	}


/*  BUTTONS
----------------------------------*/

ul#small_links li a{
	float:right;
	height:32px;
	overflow:hidden;
	text-indent: -9999px;
	color:#bfa886;
	border:none;
	width:102px;
	background: url(images/cu.png) no-repeat;
	background-position:0 0;
	margin:19px 0 0 0;
	display:block;
	}
	
	ul#small_links li a:hover,
	ul#small_links li a:focus{
		background-position: 0 -32px;
		}

a.button{
	float:left;
	height:33px;
	overflow:hidden;
	text-indent: -9999px;
	color:#bfa886;
	border:none;
	}

a.mats{
	width:275px;
	height:32px;
	background: url(images/mats.png) no-repeat;
	background-position:0 0;
	margin:10px 0 0 0;
	display:block;
	}
		
	a.mats:hover,
	a.mats:focus{
		background-position: 0 -31px;
		}
	
a.mvid{
	width:165px;
	background: url(images/btn_sprite-blue.gif) no-repeat;
	background-position:0 0;
	margin:20px 0 0 0;
	}

	a.mvid:hover,
	a.mvid:focus{
		background-position: 0 -33px;
		}

a.bvid {
	background:url("images/btn_sprite-beige.gif") no-repeat scroll 0 0 transparent;
	height:38px;
	margin:20px 0 0;
	width:169px;
	}
	
	a.bvid:hover, a.bvid:focus {
		background-position:0 -38px;
		}
	
a.maud{
	width:160px;
	background: url(images/btn_sprite-blue.gif) no-repeat;
	background-position:-166px 0;
	margin:20px 0 0 0;	
	}
	
	a.maud:hover,
	a.maud:focus{
		background-position: -166px -33px;
		}

a.baud {
	background:url("images/btn_sprite-beige.gif") no-repeat scroll -169px 0 transparent;
	height:38px;
	margin:20px 0 0;
	width:163px;
	}
	
	a.baud:hover, a.baud:focus {
		background-position:-169px -38px;
		}
		
a.mart{
	width:178px;
	background: url(images/btn_sprite-blue.gif) no-repeat;
	background-position:-326px 0;
	margin:20px 0 0 0;	
	}
	
	a.mart:hover,
	a.mart:focus{
		background-position: -326px -33px;
		}

a.bart {
	background:url("images/btn_sprite-beige.gif") no-repeat scroll -332px 0 transparent;
	height:38px;
	margin:20px 0 0;
	width:181px;
	}
	
	a.bart:hover, a.bart:focus {
		background-position:-332px -38px;
		}
		
.nivo-directionNav a {
background:url("images/arrows.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
height:30px;
text-indent:-9999px;
width:30px;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}

	

/*  Allows any element with the .clear class to clear itself  */
	
.clear:after{
	content: ".";
	display: block;
	visibility: hidden;

	clear: both;

	height:      0;
	line-height: 0;
	font-size:   1px;
	}

.clear{
	display: inline-block;
	}

	/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
	* html .clear { height: 1%; }
	
	.clear { display: block; }
	/**/ /* end hidden from IE 5 Mac */