/*  
Theme Name: Real Estate Yak
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: #777 url(images/bg.jpg) top left repeat-x;
	margin: 4px 0 0 0;
}

form {
	margin: 0;
	padding: 0;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/

		#wrapper {
			width: 1200px;
			margin: 0 auto;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					background: transparent url(images/cont_header.jpg) top center no-repeat;
					width: 1200px;
					height: 393px;
				}
				
					#header h1 {
						position: relative;
						top: 16px;
						width: 220px;
						margin: 0 0 -40px 100px;
						
					}
					
						#header h1 a {
							text-indent: -500em;
							display: block;
						}

					/*------------
					=NAVIGATION CSS
					------------*/
					
						#header ul#nav {
							position: relative;
							top: 200px;
							left: 60px;
							font: bold 12px "Tahoma", sans-serif;
						}
						
							ul#nav a:active, ul#nav a:visited, ul#nav a:link {color: #665f46; text-decoration: none;}
							ul#nav a:hover {color: #1b1606; padding: 0 0 0 10px;}
						
							ul#nav li {
								background: transparent url(images/nav_div.jpg) bottom left no-repeat;
								margin: 3px 0 0px 0;
								padding: 0 0 6px 0;
							}
							
								ul#nav li a {
									display: block;
								}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					background: transparent url(images/cont_bg.jpg) top center repeat-y;
					width: 1200px;
					margin: 0 auto;
				}
				
					#content .conttop {
						background: transparent url(images/cont_mid.jpg) top center no-repeat;
						width: 1080px;
						float: left;
						padding: 0 0 0 120px;
					}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 180px;
							padding: 250px 15px 0 15px;
							float: left;
							font: normal 12px "Tahoma", sans-serif;
							color: #888;
						}
							
							#left a:active, #left a:visited, #left a:link {color: #efffb9; text-decoration: none;}
							#left a:hover {background-color: #282e2a; color: #fff; text-decoration: none;}
							
							#left h2 {
								letter-spacing: .4px;
								margin: 0;
								font: lighter 18px "Tahoma", sans-serif;
								color: #d7ff4b;
							}
							
							#left ul {
								margin: 0 inherit inherit inherit;
								border-left: 1px solid #4c4e4d;
							}
							
								#left ul li {
									background: transparent url(images/left_liBg.jpg) center left no-repeat;
									margin: 6px 0;
									padding: 0 0 5px 7px;
								}
								
									#left ul li a {
										position: relative;
										display: block;
										top: -1px;
										padding: 3px;
									}
	
					/*------------
					=CTA CSS
					------------*/
					
						#content #cta {
							height: 144px;
							padding: 1px;
							margin: 0 0 0 10px;
							padding: 15px 0 0 0;
							float: left;
						}
						
							#cta a:active, #cta a:visited, #cta a:link {color: #000; text-decoration: none;}
							#cta a:hover {text-decoration: underline; cursor: pointer;}
							
							#cta ul {
								margin: 0 0 0 15px;
								float: left;
								font: bold 12px "Tahoma", sans-serif;
							}
							
								#cta ul li {
									display: inline;
									float: left;
									margin: 0 14px 0 0;
								}
								
									#cta ul li a {
										background: transparent none top center no-repeat;
										width: 171px;
										padding: 115px 0 0 0;
										display: block;
									}
									
										#cta ul li.worth a {
											background-image: url(images/cta_homeworth.jpg);
										}
									
										#cta ul li.search a {
											background-image: url(images/cta_search.jpg);
										}
									
										#cta ul li.listings a {
											background-image: url(images/cta_featured.jpg);
										}
									
										#cta ul li.contact a {
											background-image: url(images/cta_contact.jpg);
										}
										
									#cta ul li a span {
										margin: 0 0 0 40px;
										display: block;
										text-align: center;
										width: 100px;
										margin: 0 0 0 20px;
									}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #center {
							float: left;
							width: 456px;
							padding: 0 20px;
						}
						
							#center a:active, #center a:visited, #center a:link {color: #7c7a16; text-decoration: underline;}
							#center a:hover {color: #31300b;}
							
							#center h2 {
								font: lighter 17px "Arial", sans-serif;
								color: #333;
							}
							
								#center h2.title {
									width: 390px;
									margin: inherit 0 0 0;
									font: lighter 20px "Tahoma", sans-serif;
									float: right;
								}
								
									#center h2.title a:active, #center h2.title a:visited, #center h2.title a:link {color: #514c3f; text-decoration: none;}
									#center h2.title a:hover {color: #cb9135; text-decoration: underline;}
									
								#center .date {
									background: transparent url(images/center_dateBgL.jpg) center left no-repeat;
									padding: 0 0 0 12px;
									float: left;
								}
								
									#center .date p {
										background: transparent url(images/center_dateBgR.jpg) center right no-repeat;
										padding: 5px 10px 5px 0;
										display: inline;
										float: left;
										font: normal 13px "Georgia", sans-serif;
										text-align: center;
									}
									
										#center .date p span {
											display: block;
										}
										
											#center .date p span.month {
												font-size: 11px;
												text-transform: uppercase;
											}
										
											#center .date p span.day {
												font-weight: bold
											}
										
											#center .date p span.year {
												font-size: 16px;												
											}
							
							#center h3 {
								font: bold 16px "Trebuchet MS", sans-serif;
								color: #2a5fa6;
							}
							
							#center h4 {
								font: bold 13px "Verdana", sans-serif;
								color: #222;
							}
							
							#center p {
								font: normal 12px/17px "Verdana", sans-serif;
								text-align: justify;
								letter-spacing: .7px;
								color: #141414;
							}
							
								#center p.meta {
									margin: 0;
									clear: both;
									font: normal 11px "Tahoma", sans-serif;
									letter-spacing: .5px;
									color: #567d80;
								}
								
								#center p.more {
									float: left;
								}
								
									#center p.more a {
										font: bold 11px "Verdana", sans-serif;
									}
								
									#center p.more a:active, #center p.more a:visited, #center p.more a:link {color: #375d90; text-decoration: underline;}
									#center p.more a:hover {color: #1a2c44; text-decoration: none;}
								
								#center p.metainfo {
									font: normal 11px "Tahoma", sans-serif;
									color: #80775e;
									float: right;
									margin: 15px 0 0 0;
								}
								
									#center p.metainfo span {
										margin: 0 10px;
										color: #aba593;
									}
	
					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							width: 220px;
							float: left;
							padding: 0 15px;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #3d3d3d; text-decoration: underline;}
							#right a:hover {color: #892319;}
							
								/*------------
								=RSSINFO CSS
								------------*/
									
									#right #rssinfo {
										background: transparent url(images/right_rssinfoBg.jpg) top left no-repeat;
										height: 108px;
										width: 246px;
										margin: 20px 0 0 -13px;
										padding: 95px 0 0 40px;
									}
									
										#rssinfo input {
											background-color: transparent;
											font: normal 11px "Verdana", sans-serif;
											color: #665748;
											width: 150px;
											border: 0;
										}
										
											#rssinfo p.search {
												margin: 18px 0 0 0;
											}
											
											#rssinfo p.rss {
												margin: 25px 0 0 0;
											}
							
							#right h2 {
								margin: 15px 0 4px 0;
								font: normal 18px "Arial", sans-serif;
								color: #3d3d3d
							}
							
							#right ul {
								margin: 6px 0 0 10px;
								font: normal 12px "Arial", sans-serif;
								color: #3d3d3d;
							}
							
								#right ul li {
									margin: 8px 0;
								}

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
					background: transparent url(images/footer_bg.jpg) top center no-repeat;
					width: 1020px;
					clear: both;
					margin: 0 auto;
					padding: 37px 0 0px 40px;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							background: transparent url(images/footer_copy.jpg) top left no-repeat;
							height: 88px;
							width: 262px;
							float: left;
							text-indent: -500em;
						}
						
						#footer p.credits {
							font: normal 12px "Tahoma", sans-serif;
							margin: 30px 40px 0 0;
							float: right;
							text-transform: uppercase;
							color: #f5e9cb;
						}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {color: #d6f36c; text-decoration: underline;}
							#footer p.credits a:hover {color: #fff;}
							
							#footer p.credits span {
								margin: 0 10px;
								color: #b8b8b8;
							}
							
#comment {
	width:450px;
}

.sidebar_photos {
	width:140px;
	height:105px;
	margin-left:20px;
}

.sidebar_photos img {
	width:140px;
	height:105px;
}
