/*  
Theme Name: BCC DC Real Estate
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: #fff;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/

		#wrapper {
			width: 960px;
			margin: 0 auto;
		}
				
			h1#logo {
				width: 963px;
				margin: 10px auto;
			}
			
				h1#logo a {
					background: transparent url(images/top_brand.gif) top left no-repeat;
					height: 33px;
					width: 963px;
					display: block;
					text-indent: -500em;
				}

			/*------------
			=HEADER CSS
			------------*/
			
				#header {
					background: #e5d9bf url(images/header_img.jpg) top center no-repeat;
					height: 308px;
					width: 1000px;
					margin: 0 auto;
					border-bottom: 1px solid #fff;
				}

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#nav {
					background-color: #3a1042;
					width: 100%;
					height: 55px;
				}
			
					#nav ul {
						width: 960px;
						text-align: center;
						margin: 0 auto;
						padding: 15px 0 0;
						font: normal 18px "Arial", sans-serif;
					}
					
						#nav ul a:active, #nav ul a:visited, #nav ul a:link {color: #fff; text-decoration: none;}
						#nav ul a:hover {color: #f9daff;}
					
						#nav ul li {
							margin-right: 20px;
							display: inline;
						}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					padding: 20px 0;
				}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #left {
							width: 540px;
							float: left;
							font: normal 12px "Verdana", sans-serif;
							color: #000;
						}
						
							#left a:active, #left a:visited, #left a:link {color: #3a1042; text-decoration: underline;}
							#left a:hover {color: #070108; text-decoration: none;}
							
							#left img {
								border: 4px solid #777;
							}
							
								#left h2.title {
									font: lighter 24px "Arial", sans-serif;
									
								}
								
									#left h2.title a:active, #left h2.title a:visited, #left h2.title a:link {color: #3a1042; text-decoration: none;}
									#left h2.title a:hover {color: #000; text-decoration: underline;}
									
							#left p {
								line-height: 18px;
							}
									
								#left p.meta {
									margin: 0;
									font: normal 12px "Arial", sans-serif;
									color: #676767;
								}
								
									#left p.meta span {
										padding-right: 15px;
									}
								
								#left p.more {
									float: left;
									width: 130px;
									font-weight: bold;
								}
								
								#left .metainfo {
									width: 380px;
									float: right;
									text-align: right;
									font-size: 11px;
									color: #656565;
								}
							
							#left h2 {
								font: lighter 18px "Arial", sans-serif;
								color: #55325c;
							}
							
							#left h3 {
								font: lighter 16px "Arial", sans-serif;
								color: #380c40;
							}
							
							#left h4 {
								font: bold 14px "Arial", sans-serif;
								color: #444;
							}
							
							#left ul.div-cta {
								position: relative;
								width: 545px;
								margin: 15px 0;
								padding: 0;
								clear: both;
								float: left;
								list-style: none;
								text-align: center;
								text-transform: lowercase;
							}
							
								#left ul.div-cta a:active, #left ul.div-cta a:visited, #left ul.div-cta a:link {color: #8e6298; text-decoration: none;}
								#left ul.div-cta a:hover {color: #402347;}
							
								#left ul.div-cta li {
									background: transparent url(images/article_bullet.gif) right center no-repeat;
									display: inline;
									padding: 0 18px 0 10px;
								}
								
								#left img {
									margin:8px;
								}
								
								#left ol, ul {
									margin-left:25px;
								}
								
								#left li {
									margin-bottom:5px;
								}
	
					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							width: 400px;
							float: right;
							font: normal 12px "Arial", sans-serif;
							color: #7f7f7f;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #6d6d6d; text-decoration: underline;}
							#right a:hover {color: #3d1145; text-decoration: none;}
							
							#right h2.brand {
								background: transparent url(images/right_brand.jpg) left top no-repeat;
								height: 128px;
								width: 397px;
								text-indent: -9999em;
							}
							
							#right .contact {
								background: transparent url(images/right_contact.gif) left top no-repeat;
								height: 56px;
								width: 393px;
								margin-bottom: 30px;
							}
							
								#right .contact p {
									text-indent: -9999em;
								}
									
									#right .contact p.cont-link {
										text-indent: 0;
									}
									
										#right .contact p.cont-link a {
											display: block;
											height: 17px;
											width: 170px;
											text-indent: -9999em;
										}
							
							#right h2 {
								font: normal 18px "Arial", sans-serif;
								color: #a54a4d;
							}
							
							#right ul {
								margin: 10px;
							}
							
								#right ul li {
									margin: 3px 0;
								}
							
							#right .split-left {
								float:left;
								width: 188px;
								margin-right:10px;
							}
							
							#right .split-right {
								float:left;
								width: 188px;
								
							}
							
							#right .ul-split {
								min-height: 230px;
								margin: 0;
								padding: 0;
								list-style: none;
								width: 188px;
								background: transparent none center top no-repeat;
							}
							
							#right .ul-left {
								background-image: url(images/right_liLeft.gif);
							}
							
							#right .ul-right {
								background-image: url(images/right_liRight.gif);
								
							}
							#right .ul-split ul {
								list-style:none;
								margin:0;
								padding:0;
							}
								#right .ul-split li {
									padding: 5px 10px;
								}
								
									#right .ul-split h2.li_title {
										height: 25px;
										padding: 5px 0 0 15px;
										text-transform: lowercase;
										color: #fff;
										font-size: 18px;
									}
									
							#right ul.ctas {
								margin: 20px auto;
								padding: 0;
								list-style: none;
							}
							
								#right ul.ctas li {
									
								}
								
									#right ul.ctas li a, #right ul.ctas li {
										background: transparent none left top no-repeat;
										display: block;
										height: 76px;
										width: 405px;
										text-indent: -9999em;
									}
									
										#right ul.ctas li.search a {
											background-image: url(images/right_cta-search.gif);
										}
									
										#right ul.ctas li.ask a {
											background-image: url(images/right_cta-ask.gif);
										}
									
										#right ul.ctas li.rss {
											background-image: url(images/right_cta-rss.gif);
										}
										
											#right ul.ctas li.rss input {
												position: relative;
												top: 12px;
												right: 17px;
												width: 130px;
												float: right;
												border: 0;
												color: #474747;
											}
											
											
											#right a#rssfeed {
											text-indent:-999em;
											height:66px;
											width:240px;
											display:block;
											float:left;
											}

			/*------------
			=FOOTER CSS
			------------*/
			
				#footer {
					background: transparent url(images/footer_bg.jpg) top center no-repeat;
					width: 960px;
					margin: 0 auto;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							background: transparent url(images/footer_copy.gif) top left no-repeat;
							height: 33px;
							width: 297px;
							float: left;
							text-indent: -500em;
						}
						
						#footer p.art-by {
							float: left;
							margin: 10px 0;
							width: 400px;
							font: normal 11px "Arial", sans-serif;
							color: #000;
						}
						
							#footer p.art-by a:active, #footer p.art-by a:visited, #footer p.art-by a:link {color: #e43b37; text-decoration: underline;}
							#footer p.art-by a:hover {color: #333; text-decoration: none;}
						
						#footer p.credits {
							position: relative;
							top: -47px;
							text-align: right;
							float: right;
							width: 200px;
							margin: 0;
							padding: 0;
							font: normal 11px/19px "Arial", sans-serif;
							color: #6c6c6c;
						}
						
							#footer p.credits span {
								display: block;
								font-size: 13px;
							}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {color: #ad131d; text-decoration: underline;}
							#footer p.credits a:hover {color: #54070c; text-decoration: none;}
							
							#comment {
								width:450px;
							}
							
							.subscribe {
								margin:12px 0px 0px 0px;
								border:1px solid #000 !important;
								height:24px;
							}
							
							#rssemail {
								margin:0px 0px 0px 10px;
							}