/*  
Theme Name: Rich Johnson
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/
*/

.alignright {float:right;}
.alignleft {float:left;}
.clear {clear:both;}
.space {
	clear:both;
	height:15px;
	display:block;
	background:transparent;
	width:90%;
}

body {
	background: #b4b9c6 url(images/bg.gif) top left repeat-x;
	margin: 0;
	padding: 0;
}

/*
=GLOBAL CSS
*/

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

.clear {
	clear: both;
}

/*
=LAYOUT CSS
*/

#container {
	background: transparent url(images/cont_bg.jpg) top right repeat-y; 
	width: 1101px;
	margin: 0 auto;
	padding: 0;
}

	#container #header {
		position: relative;
		background: transparent url(images/cont_header1.jpg) top center no-repeat;
		height: 363px;
		width: 1101px;
	}
	
	#header h1 a#logo {
		text-indent:-9999em;
		background:url('images/logo.gif') top left no-repeat;
		float:left;
		width:236px;
		height:137px;
		position:relative;
		left:-12px;
	}
	
	#header ul#menu {
		margin:0;
		padding:0;
		list-style:none;
	}
	
		#menu li {
			float:left;
			margin-top:3px;
		}
		
			#menu li a {
				text-decoration:none;
				text-transform:uppercase;
				font: 17px/23px "Verdana", sans-serif;
				padding:0 10px;
				color:#ffffff;
			}
			
			#menu li a:hover {
				color:#143c5e;
				text-decoration:underline;
			}
	
		#callouts {
			position: relative;
			background: transparent url(images/callout_bg2.gif) top left repeat-x;
			height: 99px;
			width: 877px;
			top: 127px;
			float: right;
		}
		
			#callouts ul {
				margin:0;
				padding:0;
				list-style:none;
			}
			
				#callouts ul li {
					float:left;
					text-indent:-9999em;
				}
			
					#callouts ul li#findyourhome {
						background:url('images/findyourhome.gif') top left no-repeat;
						width:246px;
						height:98px;
					}
					
					#callouts ul li#findyourhome a {
						display:block;
						width:246px;
						height:98px;
					}
					
					#callouts ul li#homevalue {
						background:url('images/homevalue.gif') top left no-repeat;
						width:225px;
						height:98px;
					}
					
					#callouts ul li#homevalue a {
						display:block;
						width:225px;
						height:98px;
					}
					
					#callouts ul li#localstats {
						background:url('images/localstats.gif') top left no-repeat;
						width:214px;
						height:98px;
					}
					
					#callouts ul li#localstats a {
						display:block;
						width:214px;
						height:98px;
					}
					
					#callouts ul li#askquestion {
						background:url('images/askquestion.jpg') top left no-repeat;
						width:192px;
						height:97px;
					}
#callouts ul li#askquestion a {
						display:block;
						width:192px;
						height:97px;
					}
		
		/*
		=LEFT CSS
		*/
		
		#container #left {
			background: transparent url(images/left_bg.gif) top left repeat-y;
			position: relative;
			width: 204px;
			float: left;
			padding: 0 10px;
			font: 12px/16px "Tahoma", sans-serif;
			color: #fff;
			top:-99px;
		}
		
			#left .left_top {
				position: relative;
				background: transparent url(images/left_top.gif) top left no-repeat;
				height: 39px;
				width: 224px;
				margin: 0 -15px 0 -10px;
			}
			
			#left a:active, #left a:visited, #left a:link {color: #cecece; text-decoration: underline;}
			#left a:hover {color: #c2f223; text-decoration: none;}
			
			#left fieldset#rssCont {
				position: relative;
				border: 0;
			}
		
				#left a#rssinfo {
					background: transparent url(images/left_rssInfo.gif) left top no-repeat;
					height: 60px;
					width: 174px;
					display: block;
					margin: 0 auto 7px auto;
					text-indent: -500em;
				}
			
				#left a#rss {
					background: transparent url(images/left_rss.gif) left top no-repeat;
					height: 26px;
					width: 26px;
					margin: 14px 2px;
					float: left;
					display: block;
					text-indent: -500em;
				}
				
				#left a#left_house {
					background: transparent url(images/left_openhouse.gif) top left no-repeat;
					height: 34px;
					width: 194px;
					display: block;
					text-indent: -500em;
				}
				
				#left input {
					background-color: #b3a368;
					width: 140px;
					margin: 2px;
					padding: 2px;
					font: 12px;
					color: #594a14;
					border: 1px solid #5b4d19;
				}
			
			#left h2 {
				font: lighter 20px "Tahoma", sans-serif;
				color: #9ab4ff;
			}
			
			#left ul {
				margin: 15px;
			}
			
				#left ul li {
					padding: 0;
				}
				
			#left .left_ftr {
				background: transparent url(images/left_ftr.gif) top left no-repeat;
				height: 148px;
				width: 224px;
				margin: -35px 0 0 -10px;
			}
			
		/*
		=CONTENT CSS
		*/
		
		#container #content {
			position: relative;
			width: 584px;
			padding: 20px 20px 0 20px;
			float: left;
			font: 14px/18px "Verdana", sans-serif;
			color: #000;
		}

		#container #content2 {
			position: relative;
			width: 872px;
			padding: 01px 0px 0px 0px;
			float: left;
			font: 14px/18px "Verdana", sans-serif;
			color: #000;
		}
		
			#content h2 {
				font: lighter 20px;
			}
			
				#content h2.title {
					margin: 0px;
					padding: 0px;
					font: 22px "Tahoma", sans-serif;
				}
				
					#content h2.title a:active, #content h2.title a:visited, #content h2.title a:link {color: #8ba442; text-decoration: none;}
					#content h2.title a:hover {color: #4a5f0f; text-decoration: underline;}
			
			#content h3 {
				font: 16px;
			}
			
			#content h4 {
				font: 15px;
			}
			
			#content p, #content ul {
				letter-spacing: .6px;
			}
			
			#content p.postinfo {
				margin: 0;
				padding: 0;
				font: 10px "Verdana", sans-serif;
				letter-spacing: 0;
				color: #494949;
			}
			
				#content p.postinfo .category {
					color: #717171;
				}
			
			#content a:active, #content a:visited, #content a:link {color: #788dca; text-decoration: underline;}
			#content a:hover {color: #86a61f;}
			
			#content ul {
				margin: 0px;
				color: #------;
			}
			
				#content ul li {
					line-height: 18px;
				}
			
			#content p.postdata {
				font: 11px "Verdana", sans-serif;
				text-align: right;
				color: #747474;
			}
		
		/*
		=RIGHT CSS
		*/
		
		#container #right {
			position: relative;
			float: right;
			width: 225px;
			padding: 0 10px;
			font: 12px "Tahoma", sans-serif;
			color: #4a590d;
		}
		
			#right .right_top {
				position: relative;
				background: transparent url('images/right_top.gif') top left no-repeat;
				height: 37px;
				width: 251px;
				left:-16px;
				top:-20px;
			}
			
			#right h2#hot_neighborhoods {
				background: transparent url('images/hot_neighborhoods.gif') top left no-repeat;
				width:251px;
				height:30px;
				text-indent:-9999em;
				position:relative;
				left:-16px;
				top:-35px;
			}
			
			#right a:active, #right a:visited, #right a:link {color: #e4ff7f; text-decoration: underline;}
			#right a:hover {color: #fff; text-decoration: none;}
					
			#right h2 {
				font: 20px "Tahoma", sans-serif;
				color: #50600f;
			}
			
			#right ul {
				margin: 4px 5px;
			}
			
				#right ul li {
					padding: 2px 0;
				}
				
				#right #carousel {
					width:120px;
					margin:-85px 0px 20px 45px;
				}
				
				#carousel a img {
					border:4px solid #7d9128;
				}
				
				#carousel a:hover img {
					border:4px solid #FFFFFF;
				}
				
				#carousel strong {
					color:#fff;
				}
				
	/*
	=FOOTER CSS
	*/
		
	#container #footer {
		background: transparent url(images/cont_footer.gif) top right no-repeat;
		height: 180px;
		width: 1101px;
		clear: both;
	}
	
p.credits {
	width:800px;
	margin:0 auto;
	padding:20px;
	text-align:center;
	font: 12px/18px "Verdana", sans-serif;
	color: #515151;
}

p.credits a {
	color: #788dca; 
	text-decoration: underline;
}

p.credits a:hover {
	color: #86a61f;
}