/*  
Theme Name: Coastal Luxury San Diego
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-color: #2999a7;
	margin: 0;
}

ul, ol, form {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-type: none;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/
	
		#outter_wrapper {
			background: url('images/bg.jpg') repeat-x top left;
			width: 100%
		}

		#wrapper {
			width: 1038px;
			margin: 0 auto;
		}
				
			#wrapper h1 {
				margin: 0 0 17px 40px;
			}
			
				#wrapper h1 a {
					background: url('images/top_logo.jpg') no-repeat top left;
					height: 118px;
					width: 418px;
					display: block;
					text-indent: -500em
				}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					background: url('images/top_header.jpg') no-repeat top center;
					height: 46px;
					width: 1020px;
					margin-left:-11px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:40px; padding-right:0; padding-top:200px; padding-bottom:0
				}
				
					#header ul {
						margin: 0;
					}
					
						#header ul li {
							display: inline;
							float: left;
						}
						
							#header ul li a {
								float: left;
								display: block;
								padding: 5px 0;
								text-indent: -500em;
							}
							
								#header ul li.sell a {
									width: 245px;
								}
							
								#header ul li.find a {
									width: 282px;
								}
							
								#header ul li.comm a {
									width: 240px;
								}
							
								#header ul li.reloc a {
									width: 237px;
								}

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#wrapper #nav {
					background: url('images/nav_bg.jpg') no-repeat top left;
					height: 35px;
					width: 1038px;
					float: left;
					margin: 0 auto;
					padding-left:0; padding-right:0; padding-top:0; padding-bottom:15px
				}
				
					#nav ul {
						margin: 0 0 0 50px;
						float: left;
					}
					
						#nav ul a:active, #nav ul a:visited, #nav ul a:link {}
						#nav ul a:hover {}
					
						#nav ul li {
							background: url('images/nav_div.jpg') no-repeat right center;
							float: left; padding-left:32px; padding-right:32px; padding-top:13px; padding-bottom:7px
						}
						
							#nav ul li a {
								background: transparent none top left no-repeat;
								display: block;
								float: left;
								text-indent: -500em;
							}
							
								#nav ul li.home a {
									background-image: url('images/nav_home.jpg');
									height: 28px;
									width: 57px
								}
							
								#nav ul li.about a {
									background-image: url('images/nav_about.jpg');
									height: 28px;
									width: 95px
								}
							
								#nav ul li.search a {
									background-image: url('images/nav_search.jpg');
									height: 28px;
									width: 161px
								}
							
								#nav ul li.buyers a {
									background-image: url('images/nav_buyers.jpg');
									height: 28px;
									width: 72px
								}
							
								#nav ul li.sellers a {
									background-image: url('images/nav_sellers.jpg');
									height: 28px;
									width: 67px
								}
								
							#nav ul li.contact {
								background-image: url('none');
							}
							
								#nav ul li.contact a {
									background-image: url('images/nav_contact.jpg');
									height: 28px;
									width: 79px
								}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					background: url('images/cont_bg.jpg') repeat-y top center;
				}
				
				body.listing #content {
					background: url('images/cont_bg_no_sdbar.jpg') repeat-y top center;
				}
				
					#content .top {
						background: url('images/cont_top.jpg') no-repeat top center;
						padding-left:40px; padding-right:40px; padding-top:0; padding-bottom:0
					}
					
					body.listing #content .top {
						background: url('images/cont_top_no_sdbar.jpg') no-repeat top center;
					}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 201px;
							padding: 0 12px;
							float: left;
							font: normal 12px "Verdana", sans-serif;
							color: #444;
						}
						
						#left #rsslink {
							display:block;
							position:relative;
							width:35px;
							height:30px;
							text-indent:-999em;
							border:0px solid red;
							margin:-30px 0 0 155px;
						}
							

							#left a:active, #left a:visited, #left a:link {color: #555; text-decoration: underline;}
							#left a:hover {color: #0c57aa;}
					
							#left .subsBox {
								background: url('images/left_subBox.jpg') no-repeat top left;
								height: 111px;
								width: 212px;
								margin: 15px -6px;
								padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
							}
							
								#left .subsBox p {
									margin: 5px 10px;
								}
								
									#left .subsBox p input {
										border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; background-color: #bad8ff;
										border-right: 0px none;
										color: #29487b; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana, sans-serif; padding-left:4px; padding-right:6px; padding-top:4px; padding-bottom:5px
									}
									
								#left .subsBox p.rss {
									background: url('images/left_subRSS.jpg') no-repeat top right;
									padding-left:0; padding-right:0; padding-top:12px; padding-bottom:11px
								}
								
								#left .subsBox #rssemail {
									width:140px;
									height:14px;
								}
									
								#left .subsBox p.search {
									background: url('images/left_subMag.jpg') no-repeat top right;
									padding-left:0; padding-right:0; padding-top:12px; padding-bottom:11px
								}
								
									#left .subsBox p.search input {
										padding: 6px;
										width: 134px;
									}
									
									#left #s {
										width:134px;
										height:14px;
									}

#left p.homesearch {
								background: url('images/left_homesearch.jpg') no-repeat top left;
								height: 121px;
								width: 212px;
								margin: 15px -6px;
								padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
							}
							
								#left p.homesearch a {
									background: url('images/left_homesearch.jpg') no-repeat top left;
									height: 121px;
									width: 212px
								}
								
								#left p.homesearch {
									margin: 0 -6px 10px -6px;
								}
								
									#left p.homesearch a {
										background: url('images/left_homesearch.jpg') no-repeat top left;
										height: 121px;
										width: 212px;
										display: block;
										text-indent: -500em
									}
							
							#left h2 {
								margin: 0;
								font: normal 19px "Arial", sans-serif;
								color: #2054ab;
							}
							
							#left ul {
								margin: 15px 10px;
							}
							
								#left ul li {
									margin: 4px 0;
								}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #center {
							width: 491px;
							padding: 0 10px;
							float: left;
							font: normal 13px "Verdana", sans-serif;
							color: #242424;
						}
						
						body.listing #content #center {
							width:700px;
						}
						
							#center2 {
							width: 720px;
							padding: 0 10px;
							float: left;
							font: normal 13px "Verdana", sans-serif;
							color: #242424;
						}

							#center a:active, #center a:visited, #center a:link {color: #1d468b; text-decoration: }
							#center a:hover {color: #000; text-decoration: none;}
							
							#center h2 {
								font: lighter 18px "Verdana", sans-serif;
							}
							
								#center .article-entry {
									border-bottom: 1px solid #b7c9e9;
									float: left;
								}
							
								#center h2.title {
									margin: 10px 0 0 0;
									font: lighter 18px "Verdana", sans-serif;
								}
								
									#center h2.title a:active, #center h2.title a:visited, #center h2.title a:link {color: #1d468b; text-decoration: none;}
									#center h2.title a:hover {color: #000; text-decoration: underline;}
							
							#center h3 {
								font: normal 16px "Verdana", sans-serif;
								color: #2e58a3;
							}
							
							#center h4 {
								color: #626453;
							}
							
							#center img {
								border: 3px solid #394d62;
							}
							
							body.listing #center .thumbViewLayout img {border:0px none;}
							body.listing #center .singleViewLayout img {border:0px none;}
							body.listing #center .listViewLayout .listingBG img {border:9px solid #ffffff;}
							body.listing #center #advSearch img {border:0px none;}
							
							#center p {
								line-height: 18px;
								letter-spacing: .3px;
							}
							
							body.listing #center p {
								line-height:13px;
							}
							
								#center p.date {
									margin: 10px 0 0 0;
									font: normal 10px "Verdana", sans-serif;
									color: #8a8a8a;
									text-transform: uppercase;
									border-bottom: 1px solid #d6d6d6;
								}
								
								#center p.meta {
									margin: 0;
									font: normal 11px "Verdana", sans-serif;
									color: #1565a4;
								}
								
								#center p.more {
									width: 150px;
									float: left;
									font-weight: bold;
								}
								
								#center p.metainfo {
									width: 300px;
									float: right;
									text-align: right;
									font-size: 11px;
								}
	
									/*------------
									=ARTICLE-CTAs CSS
									------------*/
									
										#center .article-ctas {
											width: 100%;
											height: 100px;
											margin: 15px 0;
											padding: 10px 0 0 0;
											clear: both;
											border-bottom: 1px solid #d5d5d5;
										}
										
											#center .article-ctas ul {
												margin: 0 10px;
												float: left;
											}
											
												#center .article-ctas ul li {
													background: transparent none top left no-repeat;
													float: left;
												}
												
													#center .article-ctas ul li a {
														display: block;
														height: 82px;
														float: left;
														text-indent: -500em;
													}
													
														#center .article-ctas ul li.comm a {
															background-image: url('images/entry_cta-com.jpg');
															width: 68px;
															margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0
														}
													
														#center .article-ctas ul li.auth a {
															background-image: url('images/entry_cta-auth.jpg');
															width: 63px;
															margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0
														}
													
														#center .article-ctas ul li.home a {
															background-image: url('images/entry_cta-ho.jpg');
															width: 54px;
															margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0
														}
													
														#center .article-ctas ul li.fore a {
															background-image: url('images/entry_cta-fore.jpg');
															width: 69px;
															margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0
														}
													
														#center .article-ctas ul li.value a {
															background-image: url('images/entry_cta-val.jpg');
															width: 61px;
															margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0
														}
													
														#center .article-ctas ul li.feed a {
															background-image: url('images/entry_cta-rss.jpg');
															width: 57px;
															margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0
														}
	
									/*------------
									=COMMENTS CSS
									------------*/
									
										#center ol.commentlist {
											font: 13px "Arial", sans-serif;
											color: #4d4d4d;
										}
										
											#center ol.commentlist li {
												background: url('images/comments_bg.jpg') no-repeat top left;
												padding: 3px
											}
											
												#center ol.commentlist li.alt {
													background-image: url('images/comments_bg-a.jpg');
												}
											
												#center ol.commentlist li p.comment_info {
													margin: 0;
													padding: 0;
													font: 14px "Arial Narrow", "Arial", sans-serif;
													text-transform: uppercase;
													color: #fff;
												}
												
													#center ol.commentlist li p.comment_info a:active, #center ol.commentlist li p.comment_info a:visited, #center ol.commentlist li p.comment_info a:link {color: #fff; text-decoration: underline;}
													#center ol.commentlist li p.comment_info a:hover {text-decoration: none;}
													
													#center ol.commentlist li p.comment_info span {
														color: #d2f4f8;
													}
												
														#center ol.commentlist li p.comment_info span a:active, #center ol.commentlist li p.comment_info span a:visited, #center ol.commentlist li p.comment_info span a:link {color: #d2f4f8; text-decoration: underline;}
														#center ol.commentlist li p.comment_info span a:hover {text-decoration: none;}
											
												#center ol.commentlist li p {
													padding: 0 10px;
												}
	
					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							float: left;
							width: 200px;
							padding: 0 11px;
							font: normal 12px "Verdana", sans-serif;
							color: #444;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #555; text-decoration: underline;}
							#right a:hover {color: #0c57aa;}
							
							

							#right .contact {
								background: url('images/right_palmtree.jpg') no-repeat top left;
								height: 153px;
								width: 208px;
								margin-left:-10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0
							}
							
								#right .contact p {
									margin: 0 0 0 20px;
									font: normal 14px "Verdana", sans-serif;
									color: #6a6a6a;
								}
								
									#right .contact p .name {
										margin: 0 0 5px -10px;
										display: block;
										font: normal 18px "Verdana", sans-serif;
										color: #4b4b4b;
									}
									
									#right .contact p.number {
										margin: 10px 0 0 28px;
										font-weight: bold;
										color: #10569b;
									}
									
										#right .contact p.number span {
											margin: 0 15px 0 0;
											font-weight: normal;
										}
									
							#right h2 {
								margin: 0;
								font: normal 19px "Arial", sans-serif;
								color: #2054ab;
							}
							
							#right #frame {
								position: relative;
								background: url('images/right_frameBg.jpg') repeat-y left top;
								width: 214px;
								text-align: center; margin-left:-5px; margin-right:0; margin-top:10px; margin-bottom:20px
							}
							
								#frame .ftop {
									background: url('images/right_frameTop.jpg') no-repeat top center;
								}
								
								#frame p.arrow-up, #frame p.arrow-btm {
									margin: 0;
								}
								
									#frame p.arrow-up a, #frame p.arrow-dwn a {
										background: url('images/right_farrowt.jpg') no-repeat top center;
										height: 38px;
										width: 28px;
										margin: 0 auto;
										display: block;
										text-indent: -500em
									}
								
									#frame p.arrow-dwn a {
										background-image: url('images/right_farrowb.jpg');
										height: 39px;
										width: 29px
									}
								
								#frame .fbtm {
									background: url('images/right_frameBtm.jpg') no-repeat bottom center;
									padding-left:0; padding-right:0; padding-top:25px; padding-bottom:25px
								}
								
									#frame a img {
										border: 4px solid #788ca5;
									}
									
										#frame a:hover img {
											border-color: #46586e;
										}
							
							#right ul {
								margin: 10px;
							}
							
								#right ul li {
									margin: 6px 0;
								}

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
					background: url('images/footer_bg.jpg') no-repeat top center;
					margin: 0 auto;
					color: #fff; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, sans-serif; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:10px
				}
				
				body.listing #wrapper #footer {
					background: url('images/footer_bg_no_sdbar.jpg') no-repeat top center;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							background: url('images/footer_copy.jpg') no-repeat top left;
							height: 30px;
							width: 284px;
							float: left;
							text-indent: -500em; margin-left:50px; margin-right:0; margin-top:0; margin-bottom:0
						}
						
						#footer p.credits {
							text-align: right;
							margin: 0 50px 0 0;
							float: right;
							width: 400px;
						}
						
							#footer p.credits span {
								display: block;
								font-size: 14px;
							}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {color: #bce7ec; text-decoration: underline;}
							#footer p.credits a:hover {color: #fff; text-decoration: none;}
							
							#comment {
								width:450px;
							}