@import "style2.css";


/* ---------------------------------------------------------------- 
 *  FONT GUIDELINES - used thoughout
 * ---------------------------------------------------------------- 
	
	Post headers:
	color: #686868;
	font-size: 1.3em;
	
	Body copy:
	color: #5d676a;
	font-size: 1em;
	
	Blue hover for nav links:
	color: #4897b6;
	
	Background cream:
	background: #f7efdd;
	
	Background tan:
	background: #d9c8a1;
	

*/ 


/**********************************************
	Global styles 
***********************************************/

body {
	background: url(../images/bg_tile.png) repeat;
	background-color: #edeeef;
	color: #5d676a !important;
}


a:hover {	
	text-decoration: none !important;
}


#wrap {
	margin: 0;
    padding: 0;
    width: 100%;
	background: url(../images/bg_tile_top_shadow.png) repeat-x;	
}


#container {
	background: none;
	padding: 30px 0 0 0;
}

#logo {
	float: right;
	margin: 0;
	padding: 0 20px 0 0;
}

.banner-full {
	width: 100%;		
}

.meta {
	border-top: none !important;
	border-bottom: 1px #999 dashed !important;
	color: #999 !important;
}


.dropcap {
	float: left;
	font-size: 70px;
	color: #5d676a;
	line-height: 38px;
	padding-top: 10px;
	margin-right: 5px;
	font-family: Rockwell, Georgia;
}

.blue-arrow {
	background: url(../images/blue_arrow_right_32.png) left top no-repeat;
	height: 32px;
	padding-left: 40px;
}


h5 {
	border-bottom: 1px #999 dashed;	
}

h3 {
	font-size: 14px;
	color: #4896B5;
}

/**********************************************
	Dividers
***********************************************/

.divider {
	clear: both;
	width: 100%;
	border-bottom: 1px #999 dashed;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
}

hr {
	border-bottom: 1px #999 dashed;	
}


.line {
	width: 100%;
	border-bottom: 1px #999 dashed;	
}


.box.boxstyle-partners {	
	background-color: #f7efdd;
	border: 1px #d9c8a1 solid;
	color: #564f3e;
}


/**********************************************
	Layout
***********************************************/


.col1 {
	float: left;
	width: 65%;
	
}

.col2 {
	float: right;
	width: 279px;
}


/**********************************************
	Three Column layout
***********************************************/


.col1-alt {
	float: left;
	width: 31%;
	padding-right: 30px;
}

.col2-alt {
	float: left;
	width: 31%;	
}

.col3-alt {
	float: right;
	width: 279px;	
}


.col2-combo {
	float: right;
	width: 55%;
}


/**********************************************
	Colors - local stylings
***********************************************/

.bark {
	color: #564f3e !important;
}

.grass {
	color: #678232 !important;
}

.copper {
	color: #b95d2f !important;
}

.ocean {
	color: #900 !important;
}


/**********************************************
	Navigation
***********************************************/


ul#navigation {	
	float: left !important;
	margin: 38px 0 0 0 !important;
	font-family: "Rockwell" , "Georgia";
}

ul#navigation li {	
	margin: 0 !important;
	padding: 0 8px 0 8px !important;
}

ul#navigation li a {	
	color: #444;	
	text-decoration: none;
}


ul#navigation li a:hover {
	color: #900;
}


.pagenavigation .wp-pagenavi a, .pagenavigation .wp-pagenavi a:link, .pagenavigation .wp-pagenavi a:visited, .pages, .current {	
	border: none !important;
	color: #5d676a !important;
	background-color: #d9c8a1 !important;
	padding: 3px 8px !important;
	margin: 0 3px !important;
}


.pagenavigation .wp-pagenavi a:hover, .current {	
	color: #fff !important;
	background-color: #4897b6 !important;
}


.pages {
	background: none !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
} 


/**********************************************
	Blog posts 
***********************************************/

.feature .post-title, .normal .post-title {
	margin-top: 15px !important;
}

.post .post-title a {
	font-size: 30px !important;
	letter-spacing: .01em !important;
}

.post.thumb a.thumb-link  {	
	color: #5d676a !important;
}

/* Thumbs for Proof page */
.postimage-proof {	
	margin: 0 0 10px 0;
	padding: 0;
}



/**********************************************
	Slider stylings 
***********************************************/

.slides {
	margin: 0 auto;
	/* border: 1px solid #999; */
	}

.slides h1 {
	font-size: 40px !important;
	padding: 80px 0 0 0 !important;
	}

.slides img {
	margin-right: 40px;
	}

.slides h2 {
	font-size: 16px;
	margin: -.5em 0 0 0 !important;
	letter-spacing: .01em !important;
}



/**********************************************
	Quovolver
***********************************************


/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	width: 520px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: url(../images/bg_quote.png) left top no-repeat;
	padding: 40px 0 30px 60px;
	}



/**********************************************
	MailChimp form
***********************************************/

/* container */
#mc_embed_signup {
	position: relative;
	width: 100%;
	margin: -20px 0 0 0;
	padding: 0;
}

#mc_embed_signup fieldset {
	padding: 0;
	margin: 0;
}

.mc-embedded-subscribe-form {
    font-size: 30px;
}

/* Container for Email txt and input area */
.mc-field-group {
	overflow: hidden;
}


/* Email txt */
.mc-field-group label {
	display: block;
	margin: 0 0 .3em 0 ;
	padding: 0;
	font-family: "Trebuchet MS";
	color: #4897b6;
}

/* Email input box */
.mc-field-group input {
	float: left;
	width: 170px;
	height: 25px;
	margin-right: 1.5em;
	padding: 4px 0 2px 4px;
	font-family: "Trebuchet MS";
	color: #5d676a !important;
	font-size: .9em;
	font-weight: normal;
	background: url(../images/bg_fields.jpg) top left no-repeat;
	border: none;
	z-index: 999;
}

/* Not sure what this does */
#mce-responses {
	float: left;
	top: -1.4em;
	padding: 0em .5em 0em .5em;
	overflow: hidden;
	width: 90%;
	margin: 0;
	clear: both;
}

/* Not sure what this does */
.response-error, .response-sucess {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
	z-index: 1;
}

/* Signup button */	
#mc_embed_signup input.btn {
	position: relative;
	top: 50px;
	left: 174px;
	width: 110px;
	height: 25px;
	margin: 0;
	padding: 0 0 3px 0;
	font-family: Rockwell, Georgia, "Trebuchet MS";
	color: #4897b6;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	background: #ecdcba;
	border: 3px solid #ecdcba;
	cursor: pointer;
}

#mc_embed_signup input.btn:hover {
	color: #fff;
	background: #4897b6;
	border: 3px solid #4897b6;
}


/**********************************************
	Partners
***********************************************/

ul#list-partners li {
	list-style-type: none;
	background: transparent url(../images/pointer3.png) no-repeat 0 4px;
	font-size: .85em;
	line-height: 1.25em;
	margin: 0 0 10px -15px;
	padding-left: 15px;
}


#partners-list {
	float: left;
	width: 570px;
}

#partners-list a {
	float: left;
}


/**********************************************
	Contact
***********************************************/

.form_area input {
	width: 95%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #5d676a;
	font-size: .8em;
	padding: 2px 4px 4px 4px;
	background: #fff;
	border: none;
}

.form_area textarea {
	width: 95%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #5d676a;
	font-size: .8em;
	height: 150px;
	padding: 2px 4px 4px 4px;
	background: #fff;
	border: none;
}

.mailing {
	font-family: Rockwell, Georgia, "Trebuchet MS";
	color: #686868;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}


.mailing h2 {
	color: #4897b6;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 8px;
}

.form_area p, .required {
	font-family: Rockwell, Georgia, "Trebuchet MS";
	color: #4897b6;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2em;
}

.required {
	color: #4897b6 !important;
	padding-top: 42px;
	margin-bottom: 50px;
}

.form_area input.btn_submit {
	font-family: Rockwell, Georgia, "Trebuchet MS";
	color: #686868;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: 70px;
	height: 30px;
	background: #f7efdd;
	border: 3px solid #ecdcba;
	cursor: pointer;
}

#contact div.form_area input.btn_submit:hover {
	color: #4897b6;
	border: 3px solid #ecdcba;
	background: #ecdcba;
}


/**********************************************
	Footer 
***********************************************/

#footer {
	width: 100% !important;
	height: 60px;
	background: url(../images/bg_tile_bot_shadow.png) repeat-x;	
	margin: 20px auto -31px auto;	
}


#footer-widgets {
	border-top: 1px #999 dashed;
}

#footer-widgets h2 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Rockwell" , "Georgia";
	margin-bottom: 15px;	
}

/* Copyright */
.inside {
	width: 918px !important;
	margin: 0 auto;	
	font-size: .85em;
	color: #999; 
}

/* Follow widget */
#linkcat-10 li {
	float: left;
	padding-right: 10px;
	border: none !important;
}



/**********************************************
	Search 
***********************************************/

/* container */
.searchform {
	margin: 0;
	padding: 0;
}

.searchform .searchbox {	
	padding: 0;
	float: left;	
	width: 160px;
	border: 0;
}

.searchform a.searchicon {
	position: relative;
	top: -37px;
	left: 34px;
	background: url(../images/btn_search.png) no-repeat;
	height: 32px;
	width: 32px;
}


.searchform .searchfield {
	float:left;
	width: 160px;
	height: 25px;
	padding: 4px 0 0 4px;
	border: 0;
	background: url(../images/bg_fields.jpg) top left no-repeat;
	color: #5d676a;
	font-size: .9em;
}


/**********************************************
	Margins & padding 
***********************************************/

.mt0 { margin-top: 0; }
.mt10 {	margin-top: 10px; }
.mt20 {	margin-top: 20px; }
.mt30 {	margin-top: 30px; }
.mt40 {	margin-top: 40px; }
.mt50 {	margin-top: 50px; }
.mt60 {	margin-top: 60px; }

.mr0 {	margin-right: 0px; }
.mr10 {	margin-right: 10px; }
.mr20 {	margin-right: 20px; }
.mr30 {	margin-right: 30px; }
.mr40 {	margin-right: 40px; }
.mr50 {	margin-right: 50px; }
.mr60 {	margin-right: 60px; }

.mb0 { margin-bottom: 0px; }
.mb10 {	margin-bottom: 10px; }
.mb20 {	margin-bottom: 20px; }
.mb30 {	margin-bottom: 30px; }
.mb40 {	margin-bottom: 40px; }
.mb50 {	margin-bottom: 50px; }
.mb60 {	margin-bottom: 60px; }

.ml0 {	margin-left: 0px; }
.ml10 {	margin-left: 10px; }
.ml20 {	margin-left: 20px; }
.ml30 {	margin-left: 30px; }
.ml40 {	margin-left: 40px; }
.ml50 {	margin-left: 50px; }
.ml60 {	margin-left: 60px; }

.pt0 { padding-top: 0; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr0 { padding-right: 0px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }

.pb0 { padding-bottom: 0px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl0 { padding-left: 0px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }