/*  
Theme Name: Metro West Home
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: #006666 url(images/bg.gif) top left repeat-x;
	margin: 0;
	padding: 0;
}

/*
=GLOBAL CSS
*/

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.gif) top center repeat-y; 
	width: 933px;
	margin: 0 auto;
	padding: 0 20px;
}

	#container #header {
		position: relative;
		background: transparent url(images/cont_header.jpg) top center no-repeat;
		height: 274px;
		width: 973px;
		margin: 0 -20px;
	}
	
	/*
	=NAV CSS
	*/
	
	ul#nav {
		position: relative;
		background: #006666 url(images/nav_edge.gif) center bottom no-repeat;
		width: 928px;
		margin: 0 auto;
		text-align: center;
		font: normal 15px "Arial Narrow", sans-serif;
		padding: 0px;
		list-style-type: none;
	}
	
		ul#nav a:active, ul#nav a:visited, ul#nav a:link {color: #fff; text-decoration: none;}
		ul#nav a:hover {background-color: #fff; color: #006666;}
	
		ul#nav li {
			padding: 0 5px;
			display: inline;
		}
		
			ul#nav li a {
				padding: 0 10px;
			}
		
		/*
		=LEFT CSS
		*/
		
		#container #left {
			position: relative;
			width: 225px;
			padding: 15px;
			float: left;
			font: 12px "tahoma", serif lighter;
		}
			
			#left a:active, #left a:visited, #left a:link {color: #006666; text-decoration: underline;}
			#left a:hover {color: #2c8888; text-decoration: none;}
			
			#left fieldset#rssCont {
				background: transparent url(images/left_rssCont.gif) left top no-repeat;
				height: 132px;
				width: 225px;
				padding: 15px;
				margin: 0 -13px;
				border: 0;
			}
		
				#left a#rssinfo {
					background: transparent url(images/left_rssInfo.gif) left top no-repeat;
					height: 60px;
					width: 174px;
					margin: 10px auto;
					display: block;
					text-indent: -500em;
				}
			
				#left a#rss {
					background: transparent url(images/left_rss.gif) left top no-repeat;
					height: 26px;
					width: 26px;
					margin: 10px 0 0 26px;
					float: left;
					display: block;
					text-indent: -500em;
				}
				
				#left input {
					background-color: #e3ded5;
					width: 139px;
					margin: 2px;
					padding: 2px;
					font: 12px "tahoma", serif lighter;
					color: #024c4c;
					border: 1px solid #006666;
				}
			
			#left h2 {
				background: transparent url(images/splatter.jpg) right top no-repeat;
				padding: 15px 0;
				font: 20px "Tahoma", serif lighter;
				color: #004242;
			}
			
			#left ul {
				margin: 0 15px;
				list-style-type: none;
			}
			
				#left ul li {
					padding: 3px 0;
				}
				
				#left ul.dropdown li a {
					font: 12px "tahoma", serif lighter;
					color: #006666; 
					text-decoration: underline;
					margin:0;
					padding:0;
				}
				
				#left ul.dropdown li a:hover {
					color: #2c8888; 
					text-decoration: none;
				}
			
		/*
		=CONTENT CSS
		*/
		
		#container #content {
			position: relative;
			width: 390px;
			margin: 0 auto;
			padding: 15px;
			float: left;
			font: 12px "Tahoma";
			color: #5c5c5c;
		}
		
		#content pre {
			text-align:center;
			font-family: Tahoma;
			font-size: 9px;
			line-height:1px;
		}
		
			#content h2 {
				font-family: ;
				font-size: 20px;
				font-weight: lighter;
			}
			
				#content h2.title {
					margin: 0px;
					padding: 0px;
					font: 22px "Tahoma", serif lighter;
				}
				
					#content h2.title a:active, #content h2.title a:visited, #content h2.title a:link {color: #0d5252; text-decoration: none;}
					#content h2.title a:hover {color: #; text-decoration: underline;}
			
			#content h3 {
				font-size: 16px;
			}
			
			#content h4 {
				font-size: 15px;
			}
			
			#content p.postinfo {
				margin: 0px;
				padding: 0px;
				font: 10px "Tahoma", serif;
				color: #59594b;
			}
			
				#content p.postinfo .category {
					color: #838355;
				}
			
			#content a:active, #content a:visited, #content a:link {color: #b29f6a; text-decoration: underline;}
			#content a:hover {color: #83713e; text-decoration: none;}
			
			#content ul {
				margin: 15px;
				color: #79795d;
			}
			
				#content ul li {
					line-height: 18px;
				}
			
			#content p.postdata {
				font-family: ;
				font-size: 11px;
				text-align: right;
			}

			#content img {
                                margin: 10px
			}
		
		/*
		=RIGHT CSS
		*/
		
		#container #right {
			background: transparent url(images/right_bg.gif) top left repeat-y;
			position: relative;
			width: 223px;
			padding: 15px;
			float: right;
			font: 12px "tahoma", serif normal;
		}
			
			#right a:active, #right a:visited, #right a:link {color: #716969; text-decoration: underline;}
			#right a:hover {color: #604b38; text-decoration: none;}
					
			#right h2 {
				margin: 5px 0;
				font: 20px "Tahoma", serif lighter;
				color: #004242;
			}
			
			#right ul {
				margin: 5px 10px;
				padding: 0px;
				list-style-type: none;
			}
			
				#right ul li {
					padding: 3px 0;
				}
			
				/*
				=COMMUNITIES CSS
				*/
			
				#right #communities {
					background: transparent url(images/right_communities.gif) top left no-repeat;
					height: 339px;
					width: 222px;
					margin: 0 -17px;
					padding: 0 15px;
				}
				
					#right #communities ul {
						width: 100px;
						margin: 0;
						overflow: hidden !important;
						float: left;
						padding: 0px;
						list-style-type: none;
					}
					
						#right #communities ul li {
							padding: 0;
						}
					
							#right #communities ul li.house {
								width: 100px;
								margin: 15px auto;
								_margin:8px auto;
								display: block;
								padding:0;
								background: transparent url(images/right_commCont.gif) top left no-repeat;
								padding: 7px 0px;
								text-align:center;
							}
							
								#right #communities ul li.town {
									margin:0;
									padding:0;
									position:relative;
									top:-20px;
									top:-15px;
									text-align:center;
									list-style-type: none;
								}
								
								#right #communities ul li.town a {
									color:#fff;
									text-decoration:none;
								}
								
								#right #communities ul li.town a:hover {
									color:#fff;
									text-decoration:underline;
								}
						
								
									#right #communities ul li.house a img {
										border: 1px solid #28fafa;
									}
								
										#right #communities ul li.house a:hover img {
											margin: -3px;
											border: 4px solid #84ffff;
										}
							
					#right #communities ul.comm2 {
						float: right;
					}
				
	/*
	=FOOTER CSS
	*/
		
	#container #footer {
		background: transparent url(images/cont_footer.gif) top center no-repeat;
		height: 63px;
		width: 972px;
		clear: both;
		margin: -19px;
	}
	
	p.credits {
		width: 972px;
		text-align:center;
		margin: 0 auto;
		padding: 20px;
		font: 12px "Tahoma";
		color: #ffffff;
	}
	
	p.credits a {
		color: #b29f6a; 
		text-decoration: underline;
	}
	
	p.credits a:hover {
		color: #83713e; 
		text-decoration: none;
	}
	
	#comment {
		width:400px;
	}
	
	.textwidget {
		margin-top:30px;
	}
