/*
Theme Name: Hope4Homeowners
Theme URI: http://hope4homeowners.com
Description: Theme for Hope4Homeowners
Version: 1.1
Author: Eli Kirk
Author URI: http://elikirk.com
Tags: 

	Based on WP Blank
*/
@import url('reset.css');

html {
    background: #ede8e2;
}
body {
	padding:0px;
    margin:0px;
    font-family: Verdana, sans-serif;
    color: #666;
    font-size:12px;
    background-color:#d2d8e4;
}
.wrapper {
    width: 858px;
    margin: 0 auto;
}
.header {
	padding:0px;
    margin:0px;
    height: 149px;
    position: relative;
    background:url(images/header.jpg) repeat-x;
}
.widget { display: block; clear: both; padding-bottom: 20px; }  
#logo {
	float:left;
    display: block;
    width: 303px;
    height: 58px;
    padding:29px 0 0 14px;
}
.header2 { 
	background:url(images/body_top.png) repeat-y;
	margin:0 auto;
    width:881px;
    height:256px;
    position:relative;
    top:-44px;
}
.info { 
	background:url(images/body.png) repeat-y;
    width:881px;
    margin:0 auto;
    position:relative;
    top:-44px;
    padding:0 0 20px 0;
}
.page {
	margin:0 auto;
    width:1124px;
    background:url(images/background.jpg) repeat-y;
    background-color:#ffffff;
}
.header h1 a span {
    display: none;
}
.nav {
	float:right;
    padding:62px 10px 0 0;
    height: 15px;
}
.nav li {
    float: left;
    padding-left: 35px;
    list-style: none;
}
.nav li a {
    display: block;
    color: #1e3a79;
}
.nav li a:hover {
    text-decoration: none;
}
.nav li a span {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 24px;
    padding: 0 6px 0 10px;
    display: block;
    margin-right: 4px;
}
.nav li.current a, .nav li a:hover {
    background: url(images/nav-active.png) no-repeat right -24px;
    color: white;
    text-decoration: none;
}
.nav li.current a span, .nav li a:hover span {
    background: url(images/nav-active.png) no-repeat top left; 
}

.banner {
    padding: 18px 41px;
}
.banner .floatter {
    position:absolute;
    right:15px;
    top:-14px;
}
.banner .image_box {
    position:absolute;
    right:45px;
    top:-14px;
    border: 3px solid #c1c1c1;
    height: 222px;
    width: 334px;
    overflow: hidden;
}
.banner .gray { 
	color:#666666;
	display:block;
	font-size:14px;
	line-height:24px;
	padding:16px 0 0 25px;
	width:330px;
}
.banner .gray h2 { 
	color:#666666;
	display:block;
	font-size:14px;
	line-height:24px;
	padding:16px 0 0 0px;
	width:330px;
    font-weight:normal;
    font-style:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.banner .gray2 p { 
	color:#666666;
	display:block;
	font-size:10px;
	line-height:12px;
    width:800px;
    margin:0px 0 5px 0;
    padding:0px;
}

.banner h2 {
    color:#1E3A79;
    font: italic bold 47px/65px Georgia, serif;
    letter-spacing:-0.01em;
    width:600px;
    margin-bottom: 28px;
}
.box_title {
    display:block;
    font-size:16px;
    letter-spacing:-0.03em;
    color: #30526d;
    margin-bottom: 10px;
}
.title {
    display:block;
    font-size:22px;
    letter-spacing:-0.03em;
    color: #30526d;
    margin-bottom:10px;
    line-height:26px;
}
.main_title {
	padding:19px 0 0 25px;
    display:block;
    font-size:32px;
    letter-spacing:-0.03em;
    color: #1E3A79;
    margin-bottom:10px;
    line-height:36px;
    width:400px;
}
.main_title h1 {
    color:#1E3A79;
    display:block;
    font-size:32px;
    letter-spacing:-0.03em;
    line-height:36px;
    margin-bottom:10px;
    font-weight:normal;
}
.main_title2 h1 {
	padding:0px 0 5px 25px;
    display:block;
    font-size:32px;
    letter-spacing:-0.03em;
    color: #1E3A79;
    margin-bottom:0px;
    line-height:36px;
}
.font { display:block; font-size:28px; font-style:italic; color:#666666; }
.float { float:left; width:330px;}
.name {
	float:left;
    font-size:16px;
    color: #30526d;
    font-weight:bold;
}
.state {
	text-transform:uppercase;
    float:left;
    padding:4px 0 0 10px;
    font-size:10px;
}
.italics {
	clear:both;
	float:left;
    font-style:italic;
    padding:6px 0 40px 0;
    width:100%;
}
.italics p { float: left; padding: 0px; margin: 0px; }
.banner fieldset {
    padding: 0;
}
.banner .boxes {
	background:url(images/boxes.jpg) no-repeat;
    display:block;
    width:786px;
    height:199px;
}
.banner .boxes2 {
	background:url(images/boxes2.jpg) no-repeat;
    display:block;
    width:786px;
    height:199px;
}
.box{
    float:left;
    height:145px;
    margin:25px 0 0 55px;
    width:195px;
}
.open_box{
    float:left;
    height:145px;
    margin:25px 0 0 55px;
    width:195px;
}
.disclaimer {
	padding:0 20px 0 20px;
    font-size:8px;
}
.clear { clear:both; }
.open_box p  {
	color:#ffffff;
    font-size:10px;
}
.box p  {
    font-size:10px;
}
#searchsubmit {
	background:url(images/button_go.jpg) no-repeat;
    float:left;
    width:43px;
    height:0px;
    padding-top:39px;
    overflow:hidden;
    cursor:pointer;
    margin-bottom:10px;
}
#hyperlink { font-size:12px; font-weight:bold; }
#hyperlink ul li a { float:left; }
#hyperlink ul li { list-style:none; }
#popup .text, .banner input.text, #s {
    background:none repeat scroll 0 0 white;
    border:1px solid #D2CDC8;
    color:#CCCCCC;
    display:block;
    float:left;
    font-size:18px;
    height:29px;
    padding:4px 9px;
    width:125px;
    border-top: 1px solid #42547c;
    border-left: 1px solid #42547c;
    border-bottom: 1px solid #42547c;
}
.banner input.image {
    margin: 0;
    display: block;
    float: left;
}
.mid_left { float:left; width:235px; padding-right:5px; }
.mid_right { float:left; width:235px; padding-left:5px;}
.col { position:relative; top:-34px; height:100%; }
.col1 {
	float:left;
    width:500px;
    margin:60px 12px 0 30px;
}
.col2 {
	float:left;
    width:300px;
    margin-top:6px;
}

.hovers {
	margin:40px 0 0 11px;
    color:#1e3a79;
    font-size:15px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.hovers li {
	margin-top:35px;
	list-style:none;
}
.hovers .hover_1 {
	background:url(images/hover_1.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_2 {
	background:url(images/hover_2.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_3 {
	background:url(images/hover_3.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_4 {
	background:url(images/hover_4.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_5 {
	background:url(images/hover_5.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_6 {
	background:url(images/hover_6.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_7 {
	background:url(images/hover_7.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_8 {
	background:url(images/hover_8.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_9 {
	background:url(images/hover_9.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_10 {
	background:url(images/hover_10.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}
.hovers .hover_11 {
	background:url(images/hover_11.png) no-repeat; padding-left:35px; height:20px; cursor:pointer;
}

.info_box {
    position:absolute;
    margin:-45px 0 0 150px;
    display:block;
    width:298px;
    height:181px;
    color:#ffffff;
    font-size:11px;
}
.info_box p {
	background:url(images/info.png) repeat-y;
    margin:0px;
	overflow:hidden;
   }
.info_box .title {
	background:url(images/info_top.png) no-repeat;
    margin:0px;
	overflow:hidden;
    color:#FFFFFF;
    display:block;
    font-size:18px;
    font-weight:bold;
    padding:20px 0 5px 70px;
}
.info_box .info_bottom {
	background:url(images/info_bottom.png) no-repeat;
    margin:0px;
	overflow:hidden;
    display:block;
    height:24px;
}
.info_box p {
	display:block;
    padding:5px 20px 0 30px;
}
.wrapper a {
	color:#80BC3D;
}
.questions {
	color:#1E3A79;
}
.info_box a {
	clear:both;
    float:right;
    color:#80bc3d;
    margin:0 20px 0 0;
}

.content .edit {
    margin: 0;
}
.content .edit a {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
.nav #nav_1 { background:url(images/nav_local.jpg) no-repeat; width:58px; height:0px; padding-top:15px; overflow:hidden;  }
.nav #nav_2 { background:url(images/nav_resources.jpg) no-repeat; width:97px; height:0px; padding-top:15px; overflow:hidden; }
.nav #nav_3 { background:url(images/nav_faq.jpg) no-repeat; width:50px; height:0px; padding-top:15px; overflow:hidden; }
.nav #nav_4 { background:url(images/nav_blog.jpg) no-repeat; width:53px; height:0px; padding-top:15px; overflow:hidden; }
.nav #nav_5 { background:url(images/nav_about.jpg) no-repeat; width:63px; height:0px; padding-top:15px; overflow:hidden; }
.content:hover .edit a {
    display: block;
}
.content h2 {
    font: italic bold 36px/36px Georgia, serif;
    color: #1e3a79;
    margin-bottom:0;
    padding:9px 0 0 15px;
}
.content h3 {
    font: italic normal 16px Georgia, serif;
    color: #1e3a79;
   
}
.content p {
	color:#666666;
	font-size:12px;
	line-height:18px;
    letter-spacing:-0.05em;
    margin-bottom: 11px;
}
.content .column {
    width: 370px;
    padding: 35px 0 0 15px;
}

.local-top {
    padding:22px 0 0 327px;
    position:relative;
    height: 303px;
}
.local-top img {
    position: absolute;
    top: -10px;
    left: -5px;
}
.news_box .title {
	background:url(images/news_top.png) no-repeat;
    display:block;
    height:31px;
    width:247px;
	font-size:19px;
    color:#ffffff;
    padding:14px 0 0 23px;
    margin:0px;
}
.news_box {
	display:block;
    margin-bottom:15px;
}
.news_box .green {
	color:#80bc3d;
}

.news_box .p {
	border:1px solid #C0C0C0;
    display:block;
    margin:0 0 0 5px;
    padding:10px 10px 20px 20px;
    width:233px;
    font-size:10px;
}
.news_box .blogger {
	border:1px solid #C0C0C0;
    display:block;
    margin:0 0 0 5px;
    padding:10px 10px 10px 20px;
    width:233px;
    font-size:10px;
}
.news_box .blogger ul li {
    display:block;
    clear:both;
}
.form_image {
	background:url(images/download.png) no-repeat;
}
.form_blue {
	color:#1e3a79;
    display:block;
    float:left;
    width:65px;
    font-weight:bold;
}
.form_gray{
	color:#666666;
    display:block;
    float:left;
    padding:5px 0 0 0;
	width:90px;
	clear: both;
}
.form_gray2{
	color:#666666;
    display:block;
    float:left;
    padding:5px 0 0 5px;
	width:50px;
	clear: both;
}
.form_gray3{
	color:#666666;
    display:block;
    float:left;
    padding:5px 0 0 5px;
	width:38px;
}
.form_select {
	float:left;
    margin:5px 5px 0 0;
    border:1px solid #182f62;
    font-size:14px;
    width:52px;
}
.form_border {
	background:url(images/input.jpg) no-repeat;
    width:352px;
    height:18px;
    display:block;
    float:left;
    margin-bottom:10px;
    padding:5px;
}
.form_city {
	background:url(images/city.jpg) no-repeat;
    width:138px;
    height:18px;
    display:block;
    float:left;
    margin-bottom:10px;
    padding:5px;
}
.start {
	float:left;
    color:#1e3a79;
    font-weight:bold;
}
.form_zip {
	background:url(images/zip.jpg) no-repeat;
    width:49px;
    height:18px;
    display:block;
    float:left;
    margin-bottom:10px;
    padding:5px;
}
.form_text {
	background:url(images/text.jpg) no-repeat;
    width:352px;
    height:185px;
    display:block;
    float:left;
    margin-bottom:10px;
    padding:5px;
}
.form {
	border:1px inset #808080;
    display:block;
    float:left;
    margin-bottom:10px;
	width:100px;
    height:20px;

}
.blue {
	color:#1e3a79;
    font-size:12px;
    display:block;
    padding:0px;
}
.news_box .p a {
	clear:both;
    float:right;
    color:#80bc3d;
    margin:5px 0 0 0;
}
.form_image { 
	float:right;
}
.form_submit { 
	float:left;
    margin:0 0 0 100px;
    background:url(images/submit.png) no-repeat;
}
.news_box .author {
	float:right;
    margin-right:35px;
}
.blue2 {
	display:block;
    margin-left:100px;
    color:#1e3a79;
    clear:both;
}
.quote a {
	clear:both;
    float:right;
    color:#80bc3d;
    margin:0 35px 0 0;
}
.local-top h2 {
    font: italic bold 36px/46px Georgia, serif;
    font-style: italic;
    color: #1e3a79;
    margin-bottom: 8px;
}
h2.local-top-title {
    margin-bottom: 0;
    color: #786e64;
}
.local-top li {
    margin: 0 0 5px 25px;
    list-style: disc;
    line-height: 16px;
}
.local-top .column {
    width:236px;
}
.local-download {
    clear: both;
    background:#88C63D url(images/local-download-pdf.gif) no-repeat 128px 48px;
    border:1px solid #7BB337;
    position: relative;
    height: 220px;
    padding: 24px 230px 0 254px;
}
.local-download img.local-download-arrow {
    position: absolute;
    left:282px;
    top:-31px;
}
.local-download img.local-download-dude {
    position: absolute;
    bottom: 0;
    right: 16px;
}
.local-download form {
    display: block;
    margin: 0 auto;
    width: 350px;
}
.local-download h3 {
    font-family: Georgia, serif;
    font-size: 21px;
    font-style: italic;
    color: white;
}
.local-download fieldset {
    width: 300px;
    margin: 0;
    padding: 4px 2px;
}
.local-download label {
    display: block;
    float: left;
    color: white;
    line-height: 21px;
    width: 45px;
    margin-bottom: 12px;
}
.local-download input.text {
    display: block;
    float: left;
    background:white;
    border:1px solid #D2CDC8;
    height:21px;
    width:252px;
    line-height: 21px;
    margin-bottom: 12px;
}
.local-download p {
    color:white;
    font-size:12px;
    letter-spacing:0.01em;
    position:relative;
    text-align:right;
    top:-9px;
}
.local-download input.image {
    float: right;
    position:relative;
    right:1px;
    top:-12px;
}


/* -- Footer -- */
    
.footer {
    color: #948d86;
    font-size: 12px;
}
.footer li {
    list-style: none;
}
.footer-links {
    float: left;
    font-size:10px;
    margin-bottom:20px;
}
.footer-links li {
    float: left;
    padding-left: 5px;
}
.footer-links li a {
    color: #948d86;
}
.footer-links li a:hover {
    color: #716b66;
}
.footer-social-links {
    float: left;
    font-size:10px;
}
.footer-social-links li {
    float: left;
    padding-left: 6px;
}
.entry-title a, .additional-meta { color:#1e3a79; }

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;}

/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;overflow:hidden; float:right; clear:none;width:300px;}

label.error { display: block; float: left; margin-bottom:5px; clear: both; width:100%; }
#popup_error, #popup { position: absolute; top:200px; left: 50%; margin-left: -200px; width: 400px; z-index: 3333; border:1px solid #c1c1c1; background: white; display: none; }
#popup_error .inner, #popup .inner { padding: 10px; }

.alignleft {float: left; padding-right: 10px; }
