/*  
Theme Name: Margaret Woda
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: #cfd1d5 url('images/bg.gif') repeat-x top left;
}

/*
=GLOBAL CSS
*/

ol, ul, form, h1, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.clear {
	clear: both;
}

/*
=LAYOUT CSS
*/

#container {
	position: relative;
	background: url('images/cont_bg.gif') repeat-y top center; 
	width: 945px;
	margin: 0 auto;
	top: 29px;
	_top: 22px
}

	#container #header {
		position: relative;
		background: url('images/cont_header.jpg') no-repeat top center;
		height: 206px;
		width: 945px;
		margin: 0 auto
	}
	
		/*
		=NAV CSS
		*/
		
		#header ul#nav {
			height: 22px;
			margin: -15px 18px;
			float: left;
			font: 14px "verdana", serif normal;
		}
		
			ul#nav a:active, ul#nav a:visited, ul#nav a:link {color: #cbdeff; text-decoration: none;}
			ul#nav a:hover {color: #fff;}
		
			ul#nav li {
				position: relative;
				float: left;
				height: 22px;
				padding: 0;
			}
			
				ul#nav li a {
					background: url('images/top_navbg.gif') repeat-x top left;
					height: 20px;
					position: relative; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:0	
				}
				
					ul#nav li a:hover {
						background: url('images/top_navhovbg.gif') no-repeat 0px top;
						z-index: 1
					}
				
					ul#nav li a	span {
						background: url('images/top_navend.gif') no-repeat top right;
						height: 22px;
						width: 34px;
						_margin: -2px 0 0 10px;
						margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:30px; padding-top:2px; padding-bottom:0
					}
					
						ul#nav li a:hover	span {
							position: relative;
							background: url('images/top_navhovend.gif') no-repeat top right;
							height: 22px;
							width: 34px;
							padding-left:0; padding-right:30px; padding-top:2px; padding-bottom:0
						}
		
		/*
		=LEFT CSS
		*/
		
		#container #left {
			background: url('images/left_bg.gif') repeat-y top left;
			position: relative;
			width: 220px;
			padding-right: 0;
			float: left;
			color: #5f5f5f; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:tahoma, serif; padding-left:20px; padding-top:20px; padding-bottom:20px
		}
			
			#left a:active, #left a:visited, #left a:link {color: #6b6b6b; text-decoration: none;}
			#left a:hover {background-color: #d5dbe6; color: #49648c; text-decoration: none;}
		
			#left a#rssinfo {
				background: url('images/left_rssInfo.gif') no-repeat left top;
				height: 60px;
				width: 174px;
				margin: 10px auto;
				display: block;
				text-indent: -500em
			}
		
			#left a#rss {
				background: url('images/left_rss.gif') no-repeat left top;
				height: 43px;
				width: 26px;
				float: left;
				margin: 0 10px;
				display: block;
				text-indent: -500em
			}
			
			#left input {
				background-color: #aac6ff;
				margin: 2px;
				padding: 2px;
				width: 120px;
				font: 12px/14px "tahoma", serif normal;
				color: #31508e;
				border: 1px solid #708ad0;
			}
			
			#left h2 {
                                margin-top: 30px;

				clear: both;
				font: 20px "tahoma", sans-serif lighter;
				color: #2d2646;
			}
			
			#left ul {
				margin: 0 15px;
				width: 200px;
				display: block;
			}
			
				#left ul li {
					padding: 3px 0;
					}
				
					#left ul li a {
						display: block;
						width: 100%;
					}
                        #left form.ihfQuickSearch {
                                border=4px none;
                        }
				
			#left a.headshot {
				margin: 0 auto;
				display: block;
				text-align: center;
				font: 12px "verdana";
			}
			
				#left a.headshot:active, #left a.headshot:visited, #left a.headshot:link {color: #325a92;}
				#left a.headshot:hover {background-color: transparent; color: #333;}
				
				#left a.headshot img {
					border: 4px solid #00007e;
					margin: 20px auto 0 auto;
					display: block;
				}
				
			#left a.remax {
				background: url('images/longfosterlogo.jpg') no-repeat top left;
				height: 100px;
				width: 200px;
				display: block;
				text-indent: -500em;
				margin-top:20px;
				margin-left: 55px
			}
			
		/*
		=CONTENT CSS
		*/
		
		#container #content {
			position: relative;
			width: 660px;
			margin: 10px auto 0 auto;
			padding-right: 25px;
			float: right;
			font: 13px "Verdana", serif normal;
			color: #424242;
		}
		
		#container #nscontent {
			position: relative;
			width: 900px;
			margin: 10px auto 0 auto;
			padding-right: 0 30px 0 25px;
			font: 13px "Verdana", serif normal;
			color: #424242;
		}
		
			#content h2 {
				font-family: "Arial";
				font-size: 20px;
				font-weight: lighter;
			}
			
				#content h2.title {
					margin: 0px;
					padding: 0px;
					font-size: 26px;
				}
				
					#content h2.title a:active, #content h2.title a:visited, #content h2.title a:link {color: #34519f; text-decoration: none;}
					#content h2.title a:hover {color: #254797; text-decoration: underline;}
			
			#content h3 {
				font-size: 16px;
				color: #E3A71C;
			}
			
			#content h4 {
				font-size: 15px;
				color: #000000;
			}
			
			#content p.postinfo {
				font-size: 11px;
				margin: 0px;
				padding: 0px;
				color: #7d90c6;
			}
			
				#content p.postinfo .category {
					color: #727272;
				}
			
			#content a:active, #content a:visited, #content a:link {color: #608df4; text-decoration: none;}
			#content a:hover {color: #254797; text-decoration: underline;}
			
			#content ul {
				margin: 15px;
				color: #747474;
			}
			
				#content ul li {
					position: relative;
					background: url('images/cont_bullet.gif') no-repeat left 7px;
					padding-left: 10px;
					line-height: 20px
				}
			
			#content p.postdata {
				font: 12px "tahoma";
				text-align: right;
			}
			
	/*
	=FOOTER CSS
	*/
		
	#container #footer {
		background: url('images/cont_footer.gif') no-repeat top center;
		height: 27px;
		width: 944px;
		clear: both
	}
	
	p.credits {
		width:944px;
		margin:40px auto;
		text-align:center;
		padding:20px;
		font: 13px "Verdana", serif normal;
		color: #424242;
	}
	
	p.credits a {
		color: #608df4; 
		text-decoration: none;
	}
	
	p.credits a:hover {
		color: #254797; 
		text-decoration: underline;
	}
	
	#comment {
		width:450px;
	}