b/*
File:			custom.css
Description:	Custom styles for... Thesis fresh start

colors
2e2f1f text small/dark
666666 h1 gray
f7950e h2 orange
219BAB h3 blue & top nav blue, or new blue 008EBD
f7950e nav orange
33a3b2 links, or new blue 008FBD (for diff from h3)
33a3b2 blockquote text 008FBD (for diff from h3)
f1f9fa blockquote border
e2e2e2 footer bg

Blue color change impacts:
text: h3 headings, link color
images: logo, bg-button, bullet, bullet1, bullet2, bullet3

*/

/* reset borders, etc */
.custom .post_box, .custom .top, .custom #sidebars { border: none; }
.custom #header, .custom #footer { border: none; margin: 0; padding: 0; }
.custom #content_box { background: none; }
.custom .post_box, .custom .teasers_box,
.custom .full_width #content_box .page { margin-left: 0; }
.custom form, .custom input { margin: 0; padding: 0; border: 0; background: none; }

/* hide comments closed */
.custom .comments_closed p { text-indent: -3000px;}

.custom table, .custom tr, .custom td { vertical-align: top; }
.custom a { outline: 0; text-decoration: underline; cursor: pointer; }
.custom a:hover { text-decoration: none; }
.custom .headline_meta a { border: none; }
.custom .menu a { cursor: pointer; }

/* =body
------------------------------------------------ */
body.custom {
	color: #2E2F1F;
}

/* =layout
------------------------------------------------ */
.custom .full_width .page {
	width: 969px;
}
body.home #content_area .page {
	position: relative;
	z-index: 10;
}
.custom #content_area .page {
	background: none;
	padding-top: 0;
}
body.home #content_area .page {
	position: relative;
}
.custom #content_box {
}
.custom #content {
	width: 652px;
	background: transparent url('images/graydots.gif') 629px top repeat-y;
	margin-bottom: 1.5em;
}
.custom .post_box,
.custom #archive_intro {
	padding-top: 0;
	margin-left: 60px;
	margin-right: 60px;
}
.custom .comments,
.custom .teasers_box,
.custom .prev_next {
	margin-left: 60px;
}
.custom .teasers_box {
	width: 55em;
}
.custom .teaser {
	width: 26em;
}
.custom #sidebars {
	width: 300px;
}
.custom #sidebars .sidebar {
	width: 260px;
}

/* =header
------------------------------------------------ */
.custom #header_area {
	position: relative;
	background: transparent url('images/bg-nav.jpg') 50% 59px no-repeat !important;
	z-index: 999;
	background-size: cover !important;
}
.custom #header_area .page {
	position: relative;
	height: 110px;
	background: none;
}
.custom #header #logo {
	background: none;
}
.custom #header #logo a {
	position: absolute;
	top: 20px;
	left: 63px;
	text-indent: -4444px;
	background: transparent url('images/logo4.gif') left top no-repeat;
	width: 172px;
	height: 93px;
	z-index: 100;
}

/* =forms
------------------------------------------------ */
form#mc-embedded-subscribe-form {
	background: transparent url('images/bg-form.gif') left top no-repeat;
	border: 0;
	width: 190px
	height: 19px;
	margin-top: 3px;
}
form#mc-embedded-subscribe-form label {
	position: absolute;
	text-indent: -999em;
}

/* =menu
------------------------------------------------ */
.custom .menu-main-menu-container {
	position: absolute;
	top: 62px;
	height: 18px;
	padding: 0 0 0 316px;
	margin: 0;
	text-align: left;
}
.custom .menu li {
	padding: 0;
	margin-right: 10px;
}
.custom .menu a {
	display: block;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	background: none;
	padding: 0;
	margin: 0;
}
.custom .menu-main-menu-container a {
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 12px;
	margin: 0;
}
.custom .menu a:hover {
	text-decoration: underline;
}


 /* -SUB MENU STYLES
 id 214 is How it works
 id 201 is About
--------------------------- */
.custom .sub-menu {
	border: 2px solid #f7950e;
	background-color: #FFF;
	margin-left: -2px;
	z-index: 50;
}

.custom .sub-menu li#menu-item-243 a, .custom .sub-menu li#menu-item-243 a:hover, /* common questions */
.custom .sub-menu li.last a, .custom .sub-menu li.last a:hover {
	background: none;
}
.custom .menu ul a {
	color: #f7950e;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0.5em 0.5em 0.5em 1em;
	background: transparent url('images/navdots.gif') 6px bottom no-repeat;	
}
.custom .menu ul a:hover {
	color: #008EBD;
	text-decoration: none;
	background: transparent url('images/navdots.gif') 6px bottom no-repeat;	
}
li#menu-item-214, li#menu-item-201 {
	background: url('images/down-arrow.gif') right 55% no-repeat;
	padding-right: 20px;
}
li#menu-item-214 a, li#menu-item-201 a {
	padding-right: 6px;
}
.custom .menu ul .current-menu-item a,
.custom .menu ul a:hover {
	color: #008EBD;
}
li#menu-item-214.current-menu-item, li#menu-item-214.current-menu-parent, 
li#menu-item-201.current-menu-item, li#menu-item-201.current-menu-parent {
	background: #FFF url('images/down-arrow-on.gif') right 55% no-repeat;
}


/* secondary menu */
.custom .menu-secondary-container {
	position: absolute;
	top: 25px;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
}
.custom #menu-top-menu li {
	float: right;
	margin: 0;
}
.custom #menu-top-menu li a {
	padding: 0 5px 0 8px;
	color: #008EBD;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url('images/bluedots.gif') left 50% no-repeat;
}
.custom #menu-top-menu li.last a {
	background: none;
}

/* Questions menu */
.menu-questions-container {
	margin-top: 1em;
	padding: 3em 0 3em 0;
	background: #FFF url('images/q.gif') 20% 50% no-repeat;
}
.custom #sidebars .menu-questions-container li {
	float: none;
	font-size: 1.1em;
	margin-left: 2em;
}

/* =links (see header presets too)
------------------------------------------------ */
.custom a, .custom h2 a:hover {
	color: #008FBD;
	font-weight: bold;
}
.custom a:hover {
}

/* =lists
------------------------------------------------ */
.custom .format_text ul {
	list-style: none;
}
.custom .format_text ul li {
	background: transparent url('images/bullet-blue2.gif') left 6px no-repeat;
	padding-left: 15px;
	width: 100%; /* Fix disppearing bullets in IE */
}
/* =headings
------------------------------------------------ */
.custom .headline_area {
	margin-bottom: 0;
}

.custom .headline_area h1,
.custom .headline_area h2,
.custom #archive_intro h1 {
	font-size: 2em;
	color: #666666;
	font-weight: bold;
}

.custom .format_text h2,
.custom #sidebars h2 {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	font-size: 1.35em;
	font-weight: lighter;
	color: #F7950E;
}
.custom li#connect h2 { margin-top: 0; }

.custom #sidebars .widget h3,
.custom #sidebars .widget h3 a {
	margin-top: 0.5em;
	text-decoration: none;
	color: #666;
}

.custom .format_text h3 {
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	font-size: 1em;
	font-weight: bold;
	color: #008EBD;
}
.custom #sidebars h3 {
	color: #008EBD;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	font-size: 1em;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 0;
}
.custom h4 .format_text {
	font-weight: bold;
}

.custom #archive_intro {
/*
	padding-top: 1.2em;
	padding-left: 0;
*/
}

/* =text
------------------------------------------------ */
.custom #sidebars {
	font-size: 1.4em;
}
.custom #sidebars p {
	margin-bottom: 1.2em;
}
.custom #sidebars li li {
	background: transparent url('images/bullet-blue2.gif') left 6px no-repeat;
	padding-left: 15px;
	width: 100%; /* Fix disppearing bullets in IE */
	list-style: none;
}
.custom li.widget{
	font-size: 1em;
	margin-bottom: 1.5em;
}
.custom .format_text p {
	line-height: 1.2em;
}
.custom #sidebars blockquote,
.custom .format_text blockquote {
	color: #008FBD;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	line-height: 1.4em;
	border: 9px solid #f1f9fa;
	margin: 1.5em 0;
	padding: 22px 22px 0 22px;
}
.custom #sidebars blockquote p {
	font-size: 1.1em;
	line-height: 1.3em;
}
.custom .format_text blockquote p {
	font-size: 1em;
	line-height: 1.4em;
}
.custom #sidebars blockquote {
	font-size: 1.1em;
	padding: 1.5em 1em 0.5em 1em;
}
/* =headbox -featured-image -context-menu
------------------------------------------------ */
#headbox {
	position: relative;
	width: 613px;
	height: 231px;
	margin-left: -25px;
	background: url('images/bg-shadow-box.gif') left top no-repeat;
	z-index: 10;
}
.featured-image {
	position: absolute;
	top: 25px;
	left: 26px;
}
.context-menu {
	position: absolute;
	top: 30px;
	left: 346px;
}
.context-menu ul {
	list-style: disc;
	margin-left: 0;
}
.context-menu li {
	float: none;
}
.context-menu li a {
	color: #666;
}
.context-menu li.current-menu-item a {
	color: #008EBD;
}
#headbox h2 {
	color: #666666;
	font-weight: bold;
}

/* =sidebars
------------------------------------------------ */
.custom #sidebars {
}
.custom #sidebar_1 {
}
.custom #sidebar_2 {
}
.custom ul.sidebar_list {
	padding: 0 0 0 18px;
}
li#connect {
	position: relative;
	width: 256px;
	padding-bottom: 22px;
	margin-top: 18px;
	margin-bottom: 2em;
	margin-left: -21px;
	background: transparent url('images/dotbox-bottom.gif') left bottom no-repeat;
	zoom: 1; /* ie6/ie7 */
}
li#connect .innerwrap{
	width: 256px;
	padding: 10px 20px 0 20px;
	background: transparent url('images/dotbox-top.gif') left top no-repeat;
}
#content_area p.fb {
	margin-top: 0.7em;
	font-size: 0.9em;
}
#content_area p.fb img {
	margin-bottom: -3px;
}
#content_area p.fb a {
	margin-top: 0.5em;
	text-decoration: none;
	color: #464646;
}
#content_area p.fb a:hover {
	color: #008EBD;
}
#content_area p.phone {
	margin-top: 0.7em;
	color: #008EBD;
	font-size: 0.9em;
	margin-bottom: 0;
}
#text-3 h3 { /* E-news Archive */
	padding-left: 26px;
	background: transparent url('images/envelope_icon.gif') left 3px no-repeat;
}

/* =footer
------------------------------------------------ */
.custom #footer .custom_footer {
	padding: 3px 0;
}
.custom #footer {
	text-align: center;
	font-weight: bold;
	background-color: #e2e2e2;
	margin-bottom: 5em;
}
.custom #footer a, .custom #footer a:visited {
	border: none;
	text-decoration: none;
	color: #008FBD;
}
.custom #footer a:hover {
	border: none;
	text-decoration: underline;
}

/* =page-specific -home
------------------------------------------------ */
body.home .headline_area h2 {
	color: #f7950e;
	font-weight: normal;
	margin-bottom: 0.1em;
}
body.home .post_box {
	margin: 21px 18px 0 28px;
}
body.home #content {
	position: relative;
	left: 657px;
	top: 20px;
	width: 277px;
	height: 265px;
	background: url('images/bg-dot-box-home.gif') left top no-repeat;
}

/* slideshow images are 562 x 233 */
.custom #slideshow {
	position: relative;
	height: 261px; /* 285-24 */
	width: 620px;
	margin: 0 0 0 34px;
	padding-top: 24px;
	z-index: 0;
	background: url('images/bg-homephoto.gif') left top no-repeat;
}
.custom #slideshow .innerwrap {
	position: relative;
	margin: 0 29px;
	height: 233px;
	width: 562px;
	overflow: hidden;
}
.custom #slideshow img {
	height: 233px;
	width: 562px;
}

/* -columns */
body.home .col1 {
	float: left;
	width: 280px;
}
body.home .col1 .padder {
	padding-left: 66px;
}
body.home .col23 {
	float: right;
	width: 652px;
	background: transparent url('images/bg-homecol2.gif') left top no-repeat;
}
body.home .col23 h3 {
	margin-top: 0;
}

body.home .col23 h3,
body.home .col23 ul {
	padding-left: 24px;
}
body.home .col3 {
	float: right;
	width: 283px;
}
body.home .col2 {
	float: left;
	width: 320px;
}
body.home .col2 .padder {
	padding-left: 22px;
	padding-right: 4px;
}
body.home .columns .block h2 {
    margin-top: 0;
}

/* Top 3 Reasons list */
body.home .col23 ol { margin-left: 0; }
body.home .col23 ol li {
	list-style: none;
	margin-left: 0;
	padding: 5px 0 3px 30px;
}
body.home .col23 ul li { margin-left: 5px; }
/*
ol li.circle1 { background: url('images/bullet1.gif') left 5px no-repeat; }
ol li.circle2 { background: url('images/bullet2.gif') left 5px no-repeat; }
ol li.circle3 { background: url('images/bullet3.gif') left 5px no-repeat; }
*/
ol li.circle1 { background: url('images/bullet1-blue2.gif') left 5px no-repeat; }
ol li.circle2 { background: url('images/bullet2-blue2.gif') left 5px no-repeat; }
ol li.circle3 { background: url('images/bullet3-blue2.gif') left 5px no-repeat; }


body.home .bottombox {
	margin: 0.7em auto 0 auto;
	padding: 0 53px 14px 60px;
}
body.home .bottombox .padder {
	background-color: #eff8f9;
	padding-left: 27px;
}
body.home .bottombox h3.block-title {
	padding-top: 0.5em;
	margin-bottom: 0.7em;
	text-transform: uppercase;
}
body.home .bottombox .wp-caption {
	float: left;
	height: 150px;
	display: block;
}

.custom .wp-caption.alignleft {
    margin: 0 30px 15px 0;
}
body.home .bottombox .wp-caption.alignone {
	clear: none;
}



/* =misc
------------------------------------------------ */
.hide {
	position: absolute; text-indent: -999em;
}
.clearer {
	clear: both;
}
.clearleft {
	clear: left;
}
.custom img.alignleft {
	float: left;
	border: 1px solid #a8a69c;
	margin-right: 0.7em;
	margin-bottom: 0.7em;
}
.custom img.alignright {
	float: right;
	border: 1px solid #a8a69c;
	margin-left: 0.7em;
	margin-bottom: 0.7em;
}
.custom .wp-caption {
	background: none;
	border: none;
	font-style:italic;
	text-align:center;
	padding: 0;
}
.custom .wp-caption img {
	border: 1px solid #FFF;
}
.custom .edit_post {
	float: right;
	display: block;
}

/* -button link */
.buttonlink {
	color: #FFF;
	width: 197px;
	height: 24px;
/*	background: url('images/bg-button.gif') left top no-repeat; */
	background: url('images/bg-button-blue2.gif') left top no-repeat;
}
.custom .format_text p.buttonlink {
	margin-bottom: 0.5em;
}
.buttonlink a {
	color: #FFF;
	display: block;
	margin-top: 1px;
	padding: 3px 0 0 18px;
	text-decoration: none;
}