/*
THEME NAME: Visionary Home Builders
THEME URI: http://visionaryhomebuilders.com
DESCRIPTION: Visionary Home Builders Main Website Template
VERSION: 1.00
AUTHOR: Curtis Henson
AUTHOR URI: http://curtishenson.com/
*/

body { background-color: #ececec; margin: 0px; font-size: 12px; }

a { color: #27397b; }
a:hover { color: #46245b; }

ul { list-style-type: square; }

/*** HEADER STYLES ***/
#header { padding-top: 38px; background: #ececec url('images/top_bg.png') repeat-x; width: 100%; height: 75px; }
	ul.menu { color: #fff; list-style-type: none; margin: 0px 0px 20px 0px; }
		.menu > li { padding-bottom: 10px; display: inline-block; height: 32px; }
			.menu li:first-child a { border-left: 1px solid #777; padding-left: 5px; }
			.menu li > a { border-right: 1px solid #777; color: #fff; padding: 5px 5px 8px 2px; font-size: 1.2em; text-decoration: none; line-height: 2em; }
				.menu li a:hover { color: #ddd; }
				.menu li.current_page_item, .current_page_ancestor, .current_page_parent { background: url('images/menu_bottom.png') center 25px no-repeat; }
			.menu .search { margin-left: 5px; border-right: none; }
				.search input#s { background: #fff url('images/search_icon.png') left center no-repeat; width: 230px; border: 1px solid #999; padding: 2px 2px 2px 25px; height: 15px; }
				.search input#searchsubmit { background: none; border: none; color: #FFF; font-size: 1.2em; padding-left: 0px; cursor: pointer; }
	#header h1 { height: 100px; margin-bottom: 10px; background: url('images/logo.png') top left no-repeat; text-indent: -9999px; }
		#header p { font-style: italic; margin-bottom: 0px; }
/* Page Headers */
	#header .container { position: relative; }
		.page_img { position: absolute; top: 53px; right: 0px; background: url('images/page_img_bg.png') top right no-repeat; width: 398px; height: 228px; }
			.page_img img { position: absolute; top: 11px; right: 12px; overflow: hidden; }
			
/*** CONTENT STYLES ***/
#content { margin-top: 130px; margin-bottom: 2em; }
/* Homepage content and featured boxes */
#homepage #content { background: url('images/home_bg.png') repeat-x; height: 259px; color: #fff; }
	#homepage #content h2 { color: #fff; margin-bottom: .2em; margin-top: 5px; }
	#homepage #content .container { position: relative; margin-bottom: 35px; }
		.home_img { position: absolute; top: -52px; right: 0px; background: url('images/home_img_bg.png') top right no-repeat; width: 476px; height: 316px; }
		.home_img img { padding-top: 10px; padding-left: 18px; position: absolute; }
	.welcome { height: 245px; margin-top: 10px; }
		.welcome h2 { font-size: 1.7em; }
		.welcome p { margin-bottom: .7em; }
		.welcome a { color: #eee; }
	.feature { min-height: 137px; border: 4px solid #ccc; width: 442px; padding: 10px; position: relative; }
		#homepage #content .feature h2 { color: #e7e7e7; margin-top: 0px; line-height: 1em; }
		.feature img { float: left; margin-right: 10px; border: 1px solid #111; }
		.blue { background: #27397b url('images/blue_bg.png') top left repeat-x; }
		.purple { background: #46245b url('images/purp_bg.png') top left repeat-x; }
		.feature_button { padding: 2px; padding-left: 25px; position: absolute; bottom: 0px; right: 0px; text-decoration: none; font-size: 1.2em; display: block; }
			.blue .feature_button { color: #27397b; background: #ccc url('images/blue_arrow.png') 4px no-repeat; }
			.purple .feature_button { color: #46245b; background: #c2c1c1 url('images/purple_arrow.png') 4px no-repeat; }
		.feature_button:hover { color: #000; }
.welcome h1, .welcome h2, .welcome h3, .welcome h4, .welcome h5 { color: #fff; }
/* Homepage submenu */
#submenu { background: url('images/submenu_bg.png') repeat-x; height: 151px; margin-top: 205px; color: #111; }
	#submenu .container > div { overflow: hidden; padding-top: 5px; padding-left: 7px; height: 146px; min-height: 146px; max-height: 146px;}
		#submenu .container div:first-child { border-left: 1px solid #999; padding-left: 7px; }
		#submenu .container div:last-child { margin-right: 0px; }
		#submenu h3 { margin-bottom: .3em; }
			#submenu p { margin-bottom: 0px; height: 100px; overflow: hidden; line-height: 1.3em; }
		.button { color: #aaa; margin-left: -7px; height: 22px; padding: 2px 0 0 5px; display: block; background: url('images/button_arrow.png') right top no-repeat; text-decoration: none; }
			.button:hover { color: #FFF; background-color: #466bb2; }
		div.border { padding-right: 0px; margin-right: 0px; border-color: #999; }
/* Single Page Styles */
#page #content { background: url('images/page_bg.png') top left repeat-x; padding-top: 10px; }
	#page h2.heading { font-weight: bold; color: #2f4b82; margin-bottom: 40px; font-size: 2.3em; }
	#page h3.heading { font-weight: bold; color: #2f4b82; margin-bottom: 5px; font-size: 1.7em; margin-top: 20px; }
	#page .box {  padding: 10px; background-color: #f3f3f3; border: 1px solid #ccc; margin-bottom: 1.5em; }
/* Community Styles */
.communities { margin: 0px; list-style-type: none; }
#content .community { margin-bottom: 0; border-bottom: none; position: relative; }
	#content .community:last-child { border-bottom: 1px solid #ccc; }
	.community img { float: left; margin-right: 10px; margin-bottom: 20px; }
	.community h4 { margin-bottom: 0px; font-size: 1.3em; }
		.community h4 a { color: #27397b;}
			.community h4 a:hover { color: #000;}
	.community p { margin-bottom: 20px; }
	/*.community a.button { position: absolute; bottom: 0px; right: 0px; float: left; margin-left: 0px; padding-top: 0px; background-position: right -2px; background-color: #46245b; height: 18px; width: 125px; }*/
	.community a.button { color: #2f4b82; width: 80px; position: absolute; bottom: 0px; right: 0px; padding-left: 25px; background: #ccc url('images/blue_arrow.png') 4px no-repeat; }
		.community a.button:hover { color: #46245b; }
/* Counseling Styles */
.classes { position: relative; }
	.classes h3 { border-bottom: 1px solid #999; color: #2F4B82; }
	.classes h5 { margin-bottom: 0px; float: left; font-size: 1.2em; }
	.classes .date { float: right; }
	.classes hr { background-color: #AAA; height: 1px; margin-bottom: .5em; }
	.classes p { clear: both; }
	.classes .button { color: #2f4b82; width: 80px; position: absolute; bottom: 0px; right: 0px; padding-left: 25px; background: #ccc url('images/blue_arrow.png') 4px no-repeat; }
		.classes .button:hover { color: #46245b; }
		
/* BLOG */
.post h3 { margin-bottom: .2em; }
	.post h3 a { font-weight: bold; font-size: 1.2em; text-decoration: none; color: #2f4b82; }
		.post h3 a:hover { color: #46245b; }
.post {background-color: #FFFFFF;}

.post-meta { border-top: 1px solid #ccc; }
	.post-meta p{ font-style: oblique; float: left;}
	.comment-link { float: right; text-decoration: none; }
.post img.alignleft { float: left; margin: 10px 10px 10px 0; }
.post img.alignright { float: right; margin: 10px 0px 10px 10px; }
.post img.alignnone { float: none; margin: 10px; }
.author img { float: left; margin-right: 10px; }
	.author p { margin-bottom: 0px; }
/** COMMENTS **/
ol.comments { list-style-type: none; margin: 0 0 2em; }
	ol.comments li { border: 1px solid #ccc; padding: 10px; background-color: #f3f3f3; }
		ol.comments li.even { background-color: #ddd; }
		 ol.comments li.highlight { background: #46245b url('images/blue_bg.png') top left repeat-x; color: #fff; }
			.highlight a { color: #fff; }
		.comment-meta span { display: block; }
#comments-form form fieldset { border: none; padding: 0; }
	#comments-form form fieldset p { border: 1px solid #ccc; padding: 5px; background-color: #f3f3f3; }
	#comments-form  label { vertical-align: top; width: 130px; float: left; }
	#comments-form input, #comments-form textarea { float: left; width: 300px; margin-right: 200px; margin-bottom: 1em; }
		#comments-form input { padding: 5px; border: 1px solid #bbb;}
		#comments-form textarea { margin-top: 0px; border: 1px solid #bbb; }
	#comments-form button { clear: left; display: block; }
/* SEARCH */
.nav-previous { float: left; }
.nav-next { float: right; }
	
/*** SIDEBAR ***/
.sidebar { margin-bottom: 1.5em; }
.sidebar ul.submenu { list-style-type: none; margin: 0 0 1em 0; padding: 10px 0 10px 0; background-color: #f3f3f3; border: 1px solid #ccc; }
	ul.submenu li a { font-weight: bold; font-size: 1.3em; display: block; background: url('images/subnav_bg.png') left bottom no-repeat; padding-left: 10px; text-decoration: none; }
		ul.submenu li a:hover { background: url('images/subnav_over_bg.jpg') left no-repeat; }
		ul.submenu .current_page_item { background: url('images/subnav_over_bg.jpg') left no-repeat; }
	/* sub items */
	ul.submenu ul { list-style-type: none; margin-bottom: 0px;  }
		ul.submenu ul li a { font-weight: normal; margin-left: -19px; padding-left: 30px;}
.widget h3, .sidebar h3 { color: #27397B; font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.widget ul { list-style-type: none; margin: 0px; margin-bottom: 1.5em;}
	.widget ul li { margin-bottom: .2em; }
		.widget a { text-decoration: none; display: block; padding: 2px 10px 2px 20px; }
			.widget a:hover { border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.widget_archive ul li { background: url('images/calendar_icon.png') left no-repeat; }
.widget_recent_entries ul li{ background: url('images/page.png') 0px 2px no-repeat; }
.vhb_widget_upcoming_classes ul li h5, .vhb_widget_upcoming_classes hr { margin-bottom: 0px; }
	.vhb_widget_upcoming_classes ul li .date { background: url('images/calendar_icon.png') left no-repeat; padding-left: 20px; }
	.vhb_widget_upcoming_classes ul li a { padding: 0px; }
.widget_rss ul li { background: url('images/feed-icon.png') left no-repeat; }
.sidebar .box { position: relative; }
.sidebar .box .button { color: #2f4b82; width: 150px; position: absolute; bottom: 0px; right: 0px; text-align: right;  padding-right: 25px; background: #ccc url('images/blue_arrow.png') 160px 6px no-repeat; }
	.sidebar .education .button { width: 125px; background-position: 135px 6px; }
	.sidebar .foreclosures .button { width: 140px; background-position: 150px 6px; }
	.sidebar .resources .button { width: 100px; background-position: 110px 6px; }
		.sidebar .box .button:hover { color: #46245b; }
ul.sidebar_meta { list-style-type: none; margin: 0;}
	.sidebar_meta li { margin-left: 10px;}
	.sidebar_meta li.heading { margin-left: 0px; font-weight: bold; font-size: 1.3em; color: #2f4b82; border-bottom: 1px solid #ccc; }
	.sidebar_meta li.label { margin-left: 0px; font-weight: bold; font-size: 1.1em; }
	
/*** CONTACT FORM ***/
form#cformsform fieldset { border: none; padding: 0px; }
	#cformsform legend {  }
	#cformsform ol { list-style-type: none; margin: 0; }
		#cformsform ol li label { width: 100px; margin-bottom: 1em; float: left; height: 1.5em; clear: left; }
		#cformsform ol li input { padding: 2px 5px; margin-right: 10px; width: 250px; height: 1.5em; float: left; border: 1px solid #aaa; }
		#cformsform ol li textarea { float: left; margin-top: 0px; border: 1px solid #aaa; }
	.failure, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
	.failure {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
	.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.cf_hidden, .linklove { display: none; }

/*** FOOTER STYLES ***/
#footer { padding-top: 10px; color: #FFF; background: #27397b url('images/footer_bg.png') left top repeat-x; min-height: 130px; }
	#footer .container { position: relative; }
	#footer h4 { margin-bottom: .2em; font-size: 2em; color: #FFF; }
	#footer ul { list-style-type: none; margin-left: 0px; }
		#footer ul ul { margin-top: 1em; }
		#footer ul ul li { display: inline; }
			#footer ul ul li.page_item:after { content: " | "; }
			#footer ul ul li a { color: #fff; text-decoration: none; }
				#footer ul ul li a:hover { text-decoration: underline; }
	.logos { position: absolute; top: 30px; right: 0px; text-align: right; }
		.logos img { margin-right: 10px; }
	#wpstats {display: none;}

/*** CALENDAR STYLES ***/
.calnk a:hover {
     background-position:0 0;
     text-decoration:none;  
     color:#000000;
     border-bottom:1px dotted #000000;
     }
.calnk a:visited {
     text-decoration:none;
     color:#000000;
     border-bottom:1px dotted #000000;
    }
.calnk a {
    text-decoration:none; 
    color:#000000; 
    border-bottom:1px dotted #000000;
    }
.calnk a span { 
    display:none; 
    }
.calnk a:hover span {
    color:#333333; 
    background:#F6F79B; 
    display:block;
    position:absolute; 
    margin-top:1px; 
    padding:5px; 
    width:150px; 
    z-index:100;
    }
 .calendar-table {
    border:none;
    width:100%;
 }
 .calendar-heading {
    height:25px;
    align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
 }
 .calendar-next {
    width:25%;
    text-align:center;
 }
 .calendar-prev {
    width:25%;
    text-align:center;
 }
 .calendar-month {
    width:50%;
    text-align:center;
    font-weight:bold;
 }
 .normal-day-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.8em;
    border:1px solid #DFE6DE;
    background-color:#EBF2EA;
 }
 .weekend-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.8em;
    border:1px solid #DFE6DE;
    background-color:#EBF2EA;
    color:#FF0000;
 }
 .day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border:1px solid #DFE6DE;
 }
 .no-events {

 }
 .day-without-date {
    width:60px;
    height:60px;
    border:1px solid #E9F0E8;
 }
 span.weekend {
    color:#FF0000;
 }
 .current-day {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border:1px solid #BFBFBF;
    background-color:#E4EBE3;
 }
 span.event {
    font-size:0.75em;
 }
 .kjo-link {
    display:none;
 }
 .event-title {
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
 }
 .event-title-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
 }
 .event-content-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
 }
 .calendar-date-switcher {
    height:25px;
    align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
 }
 .calendar-date-switcher form {
    margin:0;
    padding:0;
 }
 .calendar-date-switcher input {
    border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
    border:1px #D6DED5 solid;
 }
 .cat-key {
    width:100%;
    margin-top:10px;
    padding:5px;
    border:1px solid #D6DED5;
 }