/*
-----------------------------------------------------------
Theme Name: Access Granted
Theme URI: http://www.accessgrantednow.com
Description: Custom design by <a href="http://www.blogwhatdesign.com">Blog What Design</a>
Version: 1.0
Author: Lara Chelak
Author URI: http://www.blogwhatdesign.com
-----------------------------------------------------------
*/

/* Basics */

body {
	margin: 0 auto;
	padding: 0;
	background: #FAF7F1 url('bg.png') repeat-x;
	color: #000;
	text-align: center;
	font: 14px "Lucida Sans Unicode", Helvetica, sans-serif;
	line-height:1.6em;
	text-align: center;
	}
p, ol, ul {
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	}
p {
	
	}
ol, ul {
	margin: 1.2em 0 1.2em 2em;
	}
h1, h2, h3 {
	margin: 0 0 0 0;
	padding: 0;
	color: #000;
	font-family: "Lucida Sans Unicode", Arial, sans-serif; 
        
	}
h1, h2 {
	font-size: 1.8em;
line-height: 1.2em;
	}
h3 {
	font-size: 1.3em;
line-height: 1.2em;
	}
a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #1177A8;
	}
a:hover {
	color: #000;
	background: #E0E8E7;
	text-decoration: none;
	}
blockquote {
	margin: 10px 30px 10px 30px;
	padding: 0;
	background: none;
	color: #000;
	border-left: 4px solid #0F6C99;
	padding: 0 20px 0 15px;
	}
input, textarea, select {
	background: #A0C6D6;
	border: 1px dotted #18668B;
	color: #000;
	font: 1em "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	}
form, img {
	border: 0; 
	margin: 0; 
	padding: 0;
	}
.largetext {
	font-size: 28px;
	line-height: 29px;
	}
#content img {
	margin: 8px;
	}

/* LAYOUT */

#wrapper1 { 
	height: auto; 
	margin-left: auto; 
	margin-right: auto; 
	width: 1061px; 
	}
#header {
	position: relative;
	width: 1061px;
	height: 254px;
	background: #FAF7F1 url(header.jpg) no-repeat;
	}
	#header h1 { 
		position: absolute;
		top: 32px;
		left: 71px;
		margin: 0;
		width: 877px;
		height: 148px;
		}
	#header h1 a {
		display: block;
		padding: 148px 0 0 0;
		width: 877px;
		height: 148px;
		font-size: 0.1em;
		background: none;
		overflow: hidden;
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 0;
		}
		#header a {
			border: none;
			}
		#header a:hover {
			background: none;
			}
		#header h2 {
			position: absolute;
			margin: 0;
			top: 210px;
			height: 37px;
			}
			#header h2 a {
				padding: 37px 0 0 0;
				height: 37px;
				display: block;
				font-size: 0.1em;
				background: none;
				overflow: hidden;
				voice-family: "\"}\""; 
				voice-family: inherit;
				height: 0;
				}
		.HDapplynow {
			left: 60px;
			width: 133px;
			}
			.HDapplynow a {
				width: 133px;
				}
		.HDcreditcorrection {
			left: 227px;
			width: 164px;
			}
			.HDcreditcorrection a {
				width: 164px;
				}
		.HDloanprograms {
			left: 415px;
			width: 156px;
			}
			.HDloanprograms a {
				width: 156px;
				}
		.HDblog {
			left: 588px;
			width: 82px;
			}
			.HDblog a {
				width: 82px;
				}
		.HDaboutus {
			left: 688px;
			width: 134px;
			}
			.HDaboutus a {
				width: 134px;
				}
		.HDcontactus {
			left: 839px;
			width: 135px;
			}
			.HDcontactus a {
				width: 135px;
				}
		


#wrapper2 {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	}
	
	* html #wrapper2 {height: 1%;}
	
	#sidebarleft {
		position: relative;
		width: 308px;
		height: auto;
		float: left;
		display: inline;
		}
		
		#sidebarleft p, #bottombar p {
			margin: 0;
			color: #FFF;
			font-size: 13px;
			}
			#sidebarleft p a, #bottombar p a {
				color: #FFF;
				border-bottom: 1px dotted #FFF;
				padding: 0 0 0px 0;
				text-decoration: none;
				}
			#sidebarleft p a:hover, #bottombar p a:hover {
				color: #FFF;
				background: #1F7AA6;
				text-decoration: none;
				}
			
			
		#quickcalculate {
			position: relative;
			width: 308px;
			height: 250px;
			background: url(sidebargraphics/quickcalculate.png) no-repeat;
			}
			#quickcalculate p {
				padding: 62px 40px 0 45px;
				text-align: left;
				}
			#quickcalculate label {
				float: left;
				display: inline;
				width: 45%;
				text-align: right;
				}
				
			#quickcalculate input, #quickcalculate select {
				float: right;
				display: inline;
				width: 50%;
				border: 0;
				background: none;
			}
			
			#quickcalculate input {
				margin: 0 0 5px 0;
				text-indent: 7px;
			}
			
			#quickcalculate select {
				margin: 0 0 5px 0;
				padding: 0;
				font: .9em "Trebuchet MS", Arial, Verdana;
			}
			
			#quickcalculate br {
				clear: both;
			}
			.calc {
				margin: 10px 40px 0 10px;
				}
			
			#sidebarleft label, #sidebarleft input, #sidebarleft textarea, #sidebarleft select {
				color: #FFF;
				font-size: 13px;
				}
				#sidebarleft input, #sidebarleft textarea, #sidebarleft select {
					border: none;
					background: #1177A8;
					margin: 2px 0 2px 0;
					}
		#freeinformation {
			position: relative;
			width: 308px;
			height: 230px;
			background: url(sidebargraphics/freeinformation.png) no-repeat;
			}
			#freeinformation p {
				padding: 100px 40px 0 45px;
				text-align: left;
				}
		#latestposts {
			position: relative;
			width: auto;
			height: 250px;
			background: url(sidebargraphics/latestposts.png) no-repeat;
			text-align: left;
			padding: 50px 0 0 45px;
			}
			#latestposts h2 {
				font-family: "Lucida Bright", "Times New Roman", serif;
				font-size: 15px;
				margin: 0;
				font-weight: normal;
				width: 216px;				
				}
				#latestposts h2 a {
					color: #FFF;
					}
				#latestposts h2 a:hover, #latestposts p a:hover {
					background: #207FAD;
					}
			.commentbubble {
				background: url(graphics/commentbubble.gif) no-repeat;
				width: 13px;
				height: 13px;
				margin: 4px 4px 0 0;
				float: left;
				display: inline;
				}
			#latestposts p {
				margin: 0;
				padding: 0;	
				color: #A8D3E3;	
				margin: 0 0 5px 0;	
				}
				#latestposts p a {
					color: #A8D3E3;
					}
		#refinance101 {
			position: relative;
			width: 305px;
			height: 234px;
			background: url(sidebargraphics/101.png) no-repeat;
			}
			#refinance101 p {
				padding: 54px 120px 0 45px;
				text-align: left;
				}
		
		#subscribetofree {
			position: relative;
			width: 305px;
			height: 267px;
			background: url(sidebargraphics/subscribetofree.png) no-repeat;
			}
			#subscribetofree p {
				padding: 70px 40px 0 45px;
				text-align: left;
				}
		/* #adspot1 {
			position: relative;
			width: 308px;
			height: auto;
			background: none;
			} */
	#letter {
		width: 753px;
		height: 1119px;
		float: right;
		display: inline;
		padding: 132px 0 0 0;
		}
		
	* html #letter {
		position: absolute;
		left: 308px;
		margin: 0px 0 0 0;
		width: 753px;
		height: 1119px;
		display: inline;
		padding: 132px 0 0 0;
		float: none;
		}
		#letter p {
			font-family: "Lucida Bright", "Times New Roman", serif;
			font-size: 14px;
			line-height: 30px;
			width: 630px;
			text-align: left;
			padding-left: 59px;
			margin: 0;
			}
		*:first-child+html #letter p {
			padding-left: 0;
			} 
		* html #letter p {
			padding-left: 0;
			}
	#content {
		position: relative;
		width: 700px;
		height: auto;
		float: left;
		display: inline;
		text-align: left;
		padding: 18px 0 0 30px;
		}
		/*Blog Styling*/
		.storytitle, .storytitle a {
			text-align: left;
			font-family: "Lucida Bright", "Times New Roman", serif;
			color: #126683; 
			font-size: 30px;
			text-decoration: none;
			font-weight: normal;
			margin: 0;
			border: 0;
			}
		.entry {
			text-align: left;
			color: #000; 
			margin: 0;
			}
			.floatr {
				float: right;
				display: inline;
				margin: 0 0 5px 5px;
				border: 4px solid #126683;
				}
			.boxfloatr {
				height: auto;
				float: right;
				display: inline;
				margin: 0 0 10px 10px;
				background: #A0C6D6;
				border: 1px dotted #126683;
				padding: 12px 12px 3px 15px;
				width: 300px;
				}
				.boxfloatr h1 {
					text-align: left;
					font-family: "Lucida Bright", "Times New Roman", serif;
					color: #126683; 
					font-size: 30px;
					text-decoration: none;
					font-weight: normal;
					margin: 0;
					border: 0;
					}
		#content ul li {
			margin: 0; 
			list-style-image: url(graphics/bullet.png);
			padding: 0;
			}
		#content ul {
			float: left;
			display: inline;
			padding: 0 0 0 17px;
			margin: 15px 25px 15px 0;
			}
		#content h2 {
			text-align: left;
			font-family: "Lucida Bright", "Times New Roman", serif;
			color: #126683; 
			font-style: italic;
			font-weight: normal;
			margin: 20px 0 -10px 0;
			clear: both;
			}	
			#content .ddfmwrap h2 {
			margin: 15px 0 0 0;
			}
                #content h3 {
			text-align: left;
			font-family: "Lucida Bright", "Times New Roman", serif;
			color: #126683; 
			font-style: italic;
			font-weight: normal;
			margin: 20px 0 -10px 0;
			clear: both;
			}	
		#content label {
			font-weight: normal;
			color: #000;
			}	
		.testimonial {
			margin: 10px 0 30px 0;
			padding: 10px;
			border: 1px solid #0F6A97;
			}	
			.testimonial img {
				float: right;
				margin: 0 0 5px 5px;
				min-height: 100%;
				}
			.testimonial p {
				margin: 0;
				}
		
		.postdata1, .postdata1 a { 
			text-align: left;
			font-family: "Lucida Bright", Times New Roman, serif;   
			color: #126683; 
			margin: 0;
			}
		.postdata2, .postdata2 a { 
			text-align: left;
			font-family: "Lucida Bright", Times New Roman, serif;   
			color: #126683; 
			margin: 0 0 20px 0;
			}
			.postdata1 a:hover, .postdata2 a:hover {
				}
		.postnavigation, .postnavigation a { 
			font-family:  "Lucida Bright", Times New Roman, serif; 
			font-style: italic;
			color: #126683; 
		}
		
		/* Comment Area */
		.commenttitle { 
			text-align: left;
			font-family: "Lucida Bright", Times New Roman, serif;  
			color: #126683; 
			text-decoration: none;
			margin: 10px 0 40px 0;
			font-weight: normal;
			}
		
		.trackbacktitle {
			text-align: left;
			color: #126683; 
			text-decoration: none;
			margin: 20px 0 20px 0;
			}
		
		.leavecomment { 
			text-align: left;
			font-family: "Lucida Bright", Times New Roman, serif;  
			color: #126683; 
			font-weight: normal;
			margin: 0 0 30px 0;
			}
		
		.commentnumber { 
			float: right;
			font-family: "Lucida Bright", Times New Roman, serif;  
			color: #126683; 
			font-style: italic;
			font-size: 26pt; 
			margin: 0 15px 0 0;
			}	
		
			
		/* How each comment area is styled */
		.commentbox { 
			margin: 0;
			border-bottom: 1px dotted #126683;
			background: #A0C6D6;
			margin: 10px 0 20px 0;
			padding: 10px;
			}
			
		.commentdate { 
			text-align: left;
			font-size: 10pt; 
			font-family:  "Lucida Sans Unicode", Arial, sans-serif;
			color: #126683; 
			margin: 0;
			} 
			
		.commentauthor {
			text-align: left;
			font-size: 12pt; 
			font-family:  "Lucida Bright", Times New Roman, serif; 
			color: #126683; 
			font-style: italic;
			margin: 0;
			}
			.commentauthor a {
			color: #126683;
			}
		
		.commentinput { 
			text-align: left;
			font-family: "Lucida Sans Unicode", Arial, sans-serif;
			color: #126683; 
			line-height: 130%;
			margin: 5px 0 5px 0;
			}
		
	
	#bottombar {
		position: absolute;
		top: 1119px;
		left: 308px;
		width: 753px;
		height: 158px;
		}
		
		#dreamhomefinder {
			position: relative;
			float: right;
			display: inline;
			width: 382px;
			height: 158px;
			background: url(sidebargraphics/dreamhomefinder.png) no-repeat;
			}
			#dreamhomefinder p {
				padding: 60px 166px 0 35px;
				text-align: left;
				}
		#testimonials {
			position: relative;
			float: left;
			display: inline;
			width: 371px;
			height: 158px;
			background: url(sidebargraphics/testimonials.png) no-repeat;
			}
			#testimonials p {
				padding: 60px 40px 0 150px;
				text-align: left;
				}
	
		
		


#footerwrapper {
	clear: both;
	position: relative;
	width: 100%;
	background: #13799B url(footerwrapper.png) repeat-x;
	height: 290px;
	}
	
#footer {
	position: relative;
	width: 1061px;
	margin: 0 auto;
	height: 290px;
	background: #13799B url(footer.jpg) no-repeat;
	text-align: center;
	}
				
	#footer h2 {
		position: absolute;
		margin: 0;
		border: 0;
		}
		#footer h2 a {
			display: block;
			font-size: 0.1em;
			overflow: hidden;
			border: 0;
			background: none;
			voice-family: "\"}\""; 
			voice-family: inherit;
			height: 0;
			
			}
		.Fclientotm {
			left: 31px;
			width: 290px;
			top: 80px;
			height: 41px;
			}
			.Fclientotm a {
				padding: 41px 0 0 0;
				height: 41px;
				width: 290px;
				}
		.Ffreecr {
			left: 385px;
			width: 293px;
			top: 80px;
			height: 41px;
			}
			.Ffreecr a {
				padding: 41px 0 0 0;
				height: 41px;
				width: 293px;
				}
		.Fstateswc {
			left: 735px;
			width: 297px;
			top: 80px;
			height: 41px;
			}
			.Fstateswc a {
				padding: 41px 0 0 0;
				height: 41px;
				width: 297px;
				}
		.Fours {
			left: 31px;
			width: 290px;
			top: 166px;
			height: 41px;
			}
			.Fours a {
				padding: 42px 0 0 0;
				height: 42px;
				width: 290px;
				}
		.Fweeklypf {
			left: 385px;
			width: 298px;
			top: 166px;
			height: 41px;
			}
			.Fweeklypf a {
				padding: 42px 0 0 0;
				height: 42px;
				width: 298px;
				}
		.Fweeklyqa {
			left: 735px;
			width: 297px;
			top: 166px;
			height: 41px;
			}
			.Fweeklyqa a {
				padding: 42px 0 0 0;
				height: 42px;
				width: 297px;
				}
	.footertext {
		position: absolute;
		margin: 0;
		border: 0;
		top: 230px;
		left: 335px;
		color: #FFF;
		}
		*:first-child+html #footer .footertext {
			left: 0;
			right: 0;
			} 
		* html #footer .footertext {
			left: 335px;
			right: 0;
			}
		#footer .footertext a {
			color: #FAF7F1;
			border-bottom: 1px dotted #FAF7F1;
			padding: 0 0 0px 0;
			text-decoration: none;
			}
		#footer .footertext a:hover {
			color: #FAF7F1;
			background: #1F7AA6;
			text-decoration: none;
			}
.divider {
         background: none;
         border-bottom: 1px solid #0F6B98;
         height: 2px;
         width: 100%;
        }