/* 
	Designed by: Ken Ojuka
	Date: 01/05/10
	
	Primary Colors: 
	header gray: #e9e8e8;
	dark blue: #152857;
	lighter blue: #21498d;
	green: #3a8511;
	h1 blue: #7fbae0;
	h3 red: #cc0000;
	sidebar box 1: #2288c9;
	sidebar box 2: #3b6ec5;
	list blue: #03497e;
	link blue: #03497e;

*/

/*
Theme Name: VA Loan Network
Theme URI: http://www.valoannetwork.org
Version: 1.0
Description: 2 Column theme 
Author: VA Loan Network
Author URI: http://www.valoannetwork.org
*/
html { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

body { background: #21498d url('images/main_bg.jpg') repeat-x; color: #000; text-align: center;}

ul, li, img, body, html { margin: 0; padding: 0; }

#container { margin-top: 0px; padding-top: 0px; width: 930px; margin: 0px auto; display: block; text-align: left;  }
h1 { color: #7fbae0; padding-bottom: 5px; border-bottom: 2px solid #cae3f2; }
h3 { color: #cc0000;}
h4 a { color: red; }

a { text-decoration: none; color: #03497e; }
a:hover { text-decoration: underline; }

a img { border: none; }

/* header */

#header { margin-top: 22px; padding-top: 0px; height: 163px; width: 100%; overflow: hidden; background: url('images/header_bg.png') no-repeat top left;  }

#header #logo_container { float: left; width: 338px; height: 90px; margin-top: 11px; margin-left: 23px; }

/*menu*/

#menu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 113px 0;
	padding: 0;
	list-style-type: none;
	background-color: #fff;
	font-size: 12px;
	height: 45px;
}
#menu li {
	float: left;
	margin: 0;				
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 18px;
	line-height: 41px;
	color: #666;
}
#menu li a:hover, #menu li.active a {
	background: url('images/blue_mid.png');
/*	border-bottom: 2px solid #DDD;
*/	height: 45px;
	color: #999;
}
#menu_wrapper ul {margin-left: 0px; height: 45px; border: none; }
#menu_wrapper { padding: 0 0 0 0; }
#menu_wrapper div {float: left; height: 45px; width: 21px; }


/* Blue Menu */
#menu_wrapper.blue ul {background: url('images/blue_mid.png') repeat-x; border-top: 1px solid #fff;}
#menu_wrapper.blue a {color: #fff;}
#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {color: #90CDFF; /*border-bottom: 2px solid #356AA0;*/ background: url('images/blue_mid.png'); }
/*#menu_wrapper.blue {background: url('images/blue.png') no-repeat right;}
*/
#menu li .selected { color: #90CDFF; }


#info_box { float: right; margin-top: 29px; margin-right: 46px; line-height: 1.4em;  }
#info_box ul, li { list-style-type: none; }
#info_box a, a:hover { color: #000; }




#mid { background: #fff; width: 930px;  margin-top: -10px;}


/*sidebar*/

#sidebar { float: left; clear: both; width: 297px; margin-left: 10px; font-size: 14px; line-height: 1.8em; }
#sidebar #side_menu { margin-top: 0px; padding-top: 0px; border-top: 1px solid #b0cef4; height: 197px; background: #fff url('images/menu_bg.jpg') repeat-x; }
#sidebar #side_menu ul { list-style-image: url('images/menu_bullet.png'); margin-left: 38px; margin-top: 18px; }


#sidebar #short_va_form { background: #fff url('images/short_va_form.jpg'); width: 297px; height: 306px; margin-top: 10px; }

#sidebar #short_va_form #form { padding-top: 139px; color: white; font-size: 12px;}
#sidebar #short_va_form #form #row { width: 260px; margin-left: 17px; padding-bottom: 8px; }
#sidebar #short_va_form #form #label { float: left; clear: both; width: 97px; text-align: right; padding-right: 10px; font-weight: bold;  }
#sidebar #short_va_form #form #value { float: left; width: 64px; }
#sidebar #short_va_form #form #submit { float: left; clear: both; width: 260px; margin-top: 5px; margin-left: 17px; text-align: center; }

#sidebar #side_list { margin-top: 10px; color: #fff; line-height: 1.8em; color: #fff; font-size: 12px;} 
#sidebar #side_list .list { background: #2288c9; color: #fff; }
#sidebar #side_list .list2{ background: #3b6ec5; color: #fff; }
#sidebar #side_list #list a { color: #fff; }
#sidebar #side_list #list ul { list-style: disc url('images/recent_article_bullet.png') ; margin-left: 38px; padding-top: 18px; }
#sidebar #side_list #list li { padding-bottom: 6px;}

/* main */

#main { float: right; width: 605px; margin: 0 10px 0px 0px; background-color: white; min-height: 500px; font-size: 14px;}
#main #banner { padding: 0px; background: url('images/banner.jpg') no-repeat; width: 605px; height: 192px;  }
#main #banner .blocked { position: relative; width: 172px; height: 30px; display: block; top: 143px; left: 186px; text-decoration:none; }
#main #content { padding: 0 0 0 11px; margin-top: 35px; }
#main #content h1 { padding-top: 0px; margin-top: 0px; }
#main #content h1 a:hover { padding-top: 0px; margin-top: 0px; text-decoration: none; }

#main #content ul {list-style: disc url('images/content_bullet.png') inside; /*color: #03497e;*/ color: #333;}

#main #content ol { list-style-type: decimal; }
#main #content li { list-style-type: decimal; padding: 6px 0px; margin-left: 12px; }
#main #content li li { list-style: circle inside; padding: 6px 0px; }

/* blank template main */
#blank_main { float: left; padding: 20px; width: 890px; min-height: 500px; font-size: 12px; font-family: arial;  }
#blank_main #content ol {  }
#blank_main #content li { list-style-type: decimal; }
#blank_main #content li li { list-style-type: lower-alpha; }

.ddsg-wrapper ul { margin-left: 10px;  }
.ddsg-wrapper li { margin-left: 10px; list-style-type: desc; }
/*footer*/

#footer { padding: 0; font-size: 12px; margin-top: 5px; background: #fff url('images/footer_mid.gif');}
#footer #footer_mid { padding: 0 20px; margin: 0px; background-color: #fff; width: 891px; }
#footer ul { clear: none; float: right; list-style-type: none; margin: 0px; padding: 0 0px;}
#footer li { display: inline; list-style-type: none; padding: 0px; margin: 0px;  }
#footer #left { float: left; margin-left: 10px;  }
#footer #right { float: right; clear: none; margin-right: 10px; }
#footer img { margin: 0px; padding: 0px; }
/* blog */
.blog_title { border: 0; padding: 0px; margin: 0px; }
.blog_title a { color: #a30418; }
.blog_title a { color: #a30418; text-decoration: none; }

#breadcrumbs { padding: 0px; margin: 0px; background: #f5f5f5; font-size: 10px; padding: 2px; }

.state { margin-bottom: 20px; }



/* 1 minute quote request */
#one_minute_quote_request{
	background: url("/wp-content/themes/valoannetwork/images/1_minute_quote_bg.jpg") no-repeat top left;
	width: 580px;
	height: 104px;
	margin: 20px auto;
	font-family: arial;
}	

#one_minute_quote_request #label { 
	float: left;
	clear: both;
	width: 90px;
	padding-top: 3px;
	height: 26px;
	text-align: right; 
	margin-right: 20px;
}

#one_minute_quote_request #value { 
	float: left;
	clear: none;
	padding-bottom: 3px;
	height: 26px;
}


#one_minute_quote_request #form_left { 
	float: left;
	width: 270px;
	margin-top: 24px;
	margin-left: 45px;
}

#one_minute_quote_request #form_right { 
	float: right; 
	width: 163px;
	margin-right: 72px;
	margin-top: 30px;
	text-align: center;
	font-size: 10px;
}


#one_minute_quote_request #form_right input { 
	margin-bottom: -0px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* categories */

.post-info {margin-bottom: 10px; color: #000; font-size: 10px;}




/* clearfix */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */