/*  
Theme Name: Bay Area Mortgage Blog
Theme URI: http://realestatetomato.typepad.com
Description: Another theme from the <a href="http://realestatetomato.typepad.com">Real Estate Tomato</a> collection.
Version: 1.0
Author: Real Estate Tomato
Author URI: http://realestatetomato.typepad.com/
*/

body {
	background: #0e4985 url('images/bg.gif') repeat-x top left;
	margin: 0;
	padding: 0
}
 
/*
=GLOBAL CSS
*/

ol, ul, form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clear {
	clear: both;
}

/*
=LAYOUT CSS
*/

#container {
	background: url('images/cont_bg.gif') repeat-y top center; 
	width: 942px;
	margin: 0 auto
}

	#container #header {
		position: relative;
		background: url('images/cont_header.jpg') no-repeat top center;
		height: 433px;
		width: 942px;
		margin: 0 auto
	}
	
		/*
		=NAV CSS
		*/
		
			#header ul#nav {
				position: relative;
				top: 168px;
				margin: 0 0 0 238px;
				padding: 0;
				height: 28px !important;
				float: left;
			}
			
				#header ul#nav li {
					float: left;
				}
			
				#header ul#nav li a {
					background: url('images/none.gif') no-repeat top left;
					height: 28px;
					float: left;
					display: block;
					text-indent: -600em; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:0
				}
				
					#header ul#nav li a.home {
						background-image: url('images/nav_home.gif');
						width: 76px
					}
				
					#header ul#nav li a.about {
						background-image: url('images/nav_about.gif');
						width: 87px
					}
				
					#header ul#nav li a.raves {
						background-image: url('images/nav_raves.gif');
						width: 87px
					}
				
					#header ul#nav li a.faves {
						background-image: url('images/nav_faves.gif');
						width: 87px
					}
				
					#header ul#nav li a.contact {
						background-image: url('images/nav_contact.gif');
						width: 87px
					}
		
		/*
		=LEFT CSS
		*/
		
		#container #left {
			position: relative;
			width: 181px;
			float: left;
			margin-top: -200px;
			margin-left: 20px;
			padding: 0 10px;
			font: 12px "Verdana", serif;
			color: #afc5ff;
		}
			
			#left a:active, #left a:visited, #left a:link {color: #c0d7ff; text-decoration: none;}
			#left a:hover {color: #fefefe; text-decoration: underline;}
			
			#left h2 {
				font: lighter 22px "tahoma", sans-serif;
				color: #6a99e8;
			}
			
			#left ul {
				margin: 5px 10px;
			}
			
				#left ul li {
					margin: 5px 0;
				}
				#left ul li ul li{
					margin: 5px 0;
				}
				
				#left p {
					text-align:center;
				}
			
		/*
		=CONTENT CSS
		*/
		
		#container #content {
			position: relative;
			width: 468px;
			margin: 0 auto;
			padding: 0 15px;
			float: left;
			font: 13px "Verdana", serif;
			color: #6d6d6d;
		}
		
			#content #rssSect {
				background: url('images/center_top_div.gif') repeat-x bottom left;
				width: 478px;
				padding: 10px;
				float: left; margin-left:-14px; margin-right:-14px; margin-top:-90px; margin-bottom:10px
			}
			
				#rssSect a#rss {
					background: url('images/center_rss.gif') no-repeat left top;
					height: 46px;
					width: 26px;
					margin: 0 10px;
					float: left;
					display: block;
					text-indent: -500em
				}
		
				#rssSect a#rssinfo {
					background: url('images/center_rssInfo.gif') no-repeat left top;
					height: 60px;
					width: 174px;
					float: left;
					display: block;
					text-indent: -500em
				}
				
				#rssSect input {
					background-color: #aad7ff;
					width: 150px;
					margin: 5px 40px;
					padding: 2px;
					font: 12px "Tahoma", serif;
					color: #3774ad;
					float: right;
					border: 1px solid #4891d3;
				}
		
			#content h2 {
				font: 20px "Arial", serif;
				font-weight: lighter;
			}
			
				#content h2.title {
					margin: 0px;
					padding: 0px;
					font: 24px "Verdana", serif lighter;
				}
				
					#content h2.title a:active, #content h2.title a:visited, #content h2.title a:link {color: #4989c9; text-decoration: none;}
					#content h2.title a:hover {color: #dda435; text-decoration: underline;}
			
			#content h3 {
				font-size: 16px;
				color: #fab016;
			}
			
			#content h4 {
				font: 15px "Tahoma", serif;
				color: #4464b7;
			}
			
			#content p.postinfo {
				margin: 0px;
				padding: 0px;
				font-size: 11px;
				color: #828282;
			}
			
				#content p.postinfo .category {
					color: #f2bb3f;
				}
			
			#content a:active, #content a:visited, #content a:link {color: #83b8d9; text-decoration: none;}
			#content a:hover {color: #386ca0; text-decoration: underline;}
			
			#content ul {
				margin: 15px;
				color: #9e9e9e;
			}
			
				#content ul li {
					background: url('images/center_bullet.gif') no-repeat left 5px;
					margin: 3px 0;
					padding-left: 10px
				}
			
			#content p.postdata {
				font-size: 12px;
				text-align: right;
			}
			
			#content ol.commentlist {
				margin: 0 -10px;
			}
			
				#content ol.commentlist li {
					background-color: #E4E8F2;
					margin: 10px 0;
					padding: 15px;
				}
				
					#content ol.commentlist li.alt {
						background-color: #ebebeb;
					}
		
		/*
		=RIGHT CSS
		*/
		
		#container #right {
			background: url('images/right_bg.gif') repeat-y top left;
			position: relative;
			width: 180px;
			margin-top: -200px;
			margin-right: 20px;
			float: right;
			color: #a1c1ff; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Tahoma, sans-serif; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
		}
			
			#right a:active, #right a:visited, #right a:link {color: #c0d7ff; text-decoration: none;}
			#right a:hover {color: #fefefe; text-decoration: underline;}
			
			#right a.loan, #right a.mortgage {
				height: 93px;
				width: 159px;
				margin: 10px 0;
				display: block;
				text-indent: -600em;
			}
			
				#right a.loan {
					background: url('images/right_loan.gif') no-repeat top left;
				}
			
				#right a.mortgage {
					background: url('images/right_mortgage.gif') no-repeat top left;
				}
				
					#right a.loan:hover, #right a.mortgage:hover {background-position: bottom left;}
			
			#right h2 {
				font: 20px "Tahoma", sans-serif lighter;
				color: #6a99e8;
			}
			
			#right ul {
				margin: 5px 10px;
			}
			
				#right ul li {
					margin: 3px 0;
					padding: 2px 0 2px 0px;
				}
			
	
	/*
	=FOOTER CSS
	*/
		
	#container #footer {
		background: url('images/cont_footer.gif') no-repeat top left;
		height: 52px;
		width: 942px;
		clear: both;
		color: #314974;
		text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Tahoma, sans-serif
	}
	
		#container #footer p {
			position: relative;
			top: 0px;
		}