/*  
Theme Name: Space City 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/
*/

html {
	height: 100% !important;
}

body {
	background-color: #4b4b4b;
	height: 100% !important;
	margin: 0;
}

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

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

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/
	
		#outer_wrapper {
			background: transparent url(images/bg.jpg) top left repeat-x;
			width: 100%;
			padding: 50px 0 0 0;
		}
		
		#outer-btm-wrapper {
			background: transparent url(images/footer_bg.jpg) bottom center repeat-x;
			width: 100%;
			padding: 0 0 100px 0;
		}

		#wrapper {
			background: transparent url(images/cont_bg.jpg) top center repeat-y;
			position: relative;
			min-height: 100%;
			width: 1002px;
			margin: 0 auto;
		}

		* html #wrapper {
			height: 100%;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					position: relative;
					background: transparent url(images/header_bg.jpg) top center no-repeat;
					height: 268px;
					width: 1002px;
				}
				
					#header h1#logo {
						margin: 0;
						padding: 20px 0 0 0;
					}
					
						#header h1#logo a {
							width: 388px;
							float: left;
							height: 48px;
							display: block;
							text-indent: -500em;
						}

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#wrapper #nav {
					width: 554px;
					margin: 190px auto 0 auto;
				}
			
					#wrapper #nav ul {
						font: normal 12px "Arial", sans-serif;
					}
					
						#nav ul a:active, #nav ul a:visited, #nav ul a:link {color: #e1e1e1; text-decoration: none;}
						#nav ul a:hover {color: #fff;}
					
						#nav ul li {
							background: transparent url(images/nav_div.jpg) top right no-repeat;
							display: inline;
							float: left;
						}
						
							#nav ul li.first a:hover {
								background: transparent url(images/nav_homeH.jpg) top right no-repeat;
							}
						
							#nav ul li.last a:hover {
								background: transparent url(images/nav_lastH.jpg) top left no-repeat;
							}
						
							#nav ul li.last {
								background-image: none;
							}
						
							#nav ul li a {
								margin: 0 2px 0 0;
								padding: 10px 8px;
								display: block;
								float: left;
								letter-spacing: .4px;
							}
							
								#nav ul li a:hover {
									background: transparent url(images/nav_hover.jpg) top left repeat-x;
								}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					background: transparent url(images/cont_top.jpg) top center no-repeat;
					width: 1002px;
					float: left;
					padding-bottom: 5.5em;
				}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 200px;
							padding: 12px;
							float: left;
							font: normal 12px "Arial", sans-serif;
						}
							
							#left a:active, #left a:visited, #left a:link {color: #cbcbcb; text-decoration: underline;}
							#left a:hover {color: #fff; text-decoration: none;}
							
							#left h2 {
								margin: 0;
								font: normal 18px "Arial", sans-serif;
								color: #aec238;
							}
							
							#left .search-cont {
								background: transparent url(images/left_search.jpg) top left no-repeat;
								height: 100px;
								width: 166px;
								margin: 9px 0 20px 0;
								padding: 0 15px 15px 15px;
							}
							
								#left .search-cont p.rss {
									background: transparent url(images/left_input-rss.jpg) center right no-repeat;
									margin: 0;
									padding: 21px 20px 10px 0;
								}
							
								#left .search-cont p.search {
									background: transparent url(images/left_input-mag.jpg) center right no-repeat;
									margin: 0;
									padding: 20px 20px 10px 0;
								}
								
									#left .search-cont p input {
										background-color: #bbb;
										width: 116px;
										padding: 3px 3px 2px 3px;
										letter-spacing: .5px;
										font: normal 12px "Arial", sans-serif;
										border: 1px solid #fff;
										border-right: 0;
										color: #000;
									}
							
							#left ul {
								margin: 5px -10px;
							}
							
								#left ul li {
									background: transparent url(images/left_ulBg.jpg) bottom left no-repeat;
									margin: 3px 0;
									padding: 1px 0 10px 15px;
								}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #center {
							width: 527px;
							float: left;
							padding: 0 15px;
							font: normal 12px "Arial", sans-serif;
							color: #fff;
						}

							#center a:active, #center a:visited, #center a:link {color: #90a247; text-decoration: underline;}
							#center a:hover {color: #cde17c; text-decoration: none;}
							
								#center h2.title {
									margin: 0;
									font: normal 20px "Arial", sans-serif;
								}
								
									#center h2.title a:active, #center h2.title a:visited, #center h2.title a:link {color: #9cccff; text-decoration: none;}
									#center h2.title a:hover {color: #cde5ff; text-decoration: underline;}
									
							#center p {
								line-height: 18px;
							}
							
							#center .article-info {
								background-color: #434343;
								margin: 0 0 10px 0;
								padding: 10px;
								color: #B8B8B8;
							}
							
							#center img {
								border: 3px solid #8d949c;
							}
							
								#center .article-info p {
									margin: 0;
								}
									
								#center p.meta {
									margin: 0;
									font: normal 11px/18px "Arial", sans-serif;
									color: #cdcdcd;
								}
								
								#center p.more {
									float: left;
									margin: 0;
									font: normal 11px/10px "Arial", sans-serif;
									font-weight: bold;
									width: 120px;
								}
								
								#center .metainfo {
									width: 380px;
									float: right;
									font: normal 11px "Arial", sans-serif;
									text-align: right;
								}
							
							#center h2 {
								font: lighter 18px "Arial", sans-serif;
							}
							
							#center h3 {
								font: lighter 16px "Verdana", sans-serif;							
							}
							
							#center h4 {
								font: bold 14px "Arial", sans-serif;
							}
							
							
						#center2 {
							width: 700px;
							float: left;
							padding: 0 15px;
							font: normal 12px "Arial", sans-serif;
							color: #fff;
						}

							#center2 a:active, #center2 a:visited, #center2 a:link {color: #90a247; text-decoration: underline;}
							#center2 a:hover {color: #cde17c; text-decoration: none;}
							
								#center2 h2.title {
									margin: 0;
									font: normal 20px "Arial", sans-serif;
								}
								
									#center2 h2.title a:active, #center2 h2.title a:visited, #center2 h2.title a:link {color: #9cccff; text-decoration: none;}
									#center2 h2.title a:hover {color: #cde5ff; text-decoration: underline;}
									
							#center2 p {
								line-height: 18px;
							}
							
							#center2 .article-info {
								background-color: #434343;
								margin: 0 0 10px 0;
								padding: 10px;
								color: #B8B8B8;
							}
							
							#center2 img {
								border: 3px solid #8d949c;
							}
							
								#center2 .article-info p {
									margin: 0;
								}
									
								#center2 p.meta {
									margin: 0;
									font: normal 11px/18px "Arial", sans-serif;
									color: #cdcdcd;
								}
								
								#center2 p.more {
									float: left;
									margin: 0;
									font: normal 11px/10px "Arial", sans-serif;
									font-weight: bold;
									width: 120px;
								}
								
								#center2 .metainfo {
									width: 380px;
									float: right;
									font: normal 11px "Arial", sans-serif;
									text-align: right;
								}
							
							#center2 h2 {
								font: lighter 18px "Arial", sans-serif;
							}
							
							#center2 h3 {
								font: lighter 16px "Verdana", sans-serif;							
							}
							
							#center2 h4 {
								font: bold 14px "Arial", sans-serif;
							}

						#center3 {
							width: 980px;
							float: center;
							padding: 0 15px;
							font: normal 12px "Arial", sans-serif;
							color: #fff;
						}

							#center3 a:active, #center3 a:visited, #center3 a:link {color: #90a247; text-decoration: underline;}
							#center3 a:hover {color: #cde17c; text-decoration: none;}
							
								#center3 h2.title {
									margin: 0;
									font: normal 20px "Arial", sans-serif;
								}
								
									#center3 h2.title a:active, #center3 h2.title a:visited, #center3 h2.title a:link {color: #9cccff; text-decoration: none;}
									#center3 h2.title a:hover {color: #cde5ff; text-decoration: underline;}
									
							#center3 p {
								line-height: 18px;
							}
							
							#center3 .article-info {
								background-color: #434343;
								margin: 0 0 10px 0;
								padding: 10px;
								color: #B8B8B8;
							}
							
							#center3 img {
								border: 3px solid #8d949c;
							}
							
								#center3 .article-info p {
									margin: 0;
								}
									
								#center3 p.meta {
									margin: 0;
									font: normal 11px/18px "Arial", sans-serif;
									color: #cdcdcd;
								}
								
								#center3 p.more {
									float: left;
									margin: 0;
									font: normal 11px/10px "Arial", sans-serif;
									font-weight: bold;
									width: 120px;
								}
								
								#center2 .metainfo {
									width: 380px;
									float: right;
									font: normal 11px "Arial", sans-serif;
									text-align: right;
								}
							
							#center3 h2 {
								font: lighter 18px "Arial", sans-serif;
							}
							
							#center3 h3 {
								font: lighter 16px "Verdana", sans-serif;							
							}
							
							#center3 h4 {
								font: bold 14px "Arial", sans-serif;
							}

					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							width: 205px;
							padding: 25px 0 0 15px;
							float: left;
							font: normal 12px "Arial", sans-serif;
							color: #666;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #cbcbcb; text-decoration: none;}
							#right a:hover {color: #9ba833; text-decoration: underline;}
							
							#right h2 {
								margin: 10px 0;
								font: normal 18px "Arial", sans-serif;
								color: #8bf3f2;
							}
							
							#right ul.cta {
								margin: 0 0 0 -38px;
							}
							
								#right ul.cta li {
									background-image: none;
									margin: 0 0 10px 0;
									padding: 0 0 5px 15px;
								}
								
									#right ul.cta li a {
										background: transparent none top left no-repeat;
										display: block;
										text-indent: -500em;
									}
									
										#right ul.cta li.search a {
											background-image: url(images/right_cta-search.jpg);
											height: 63px;
											width: 205px;
										}
									
										#right ul.cta li.value a {
											background-image: url(images/right_cta-value.jpg);
											height: 63px;
											width: 205px;
										}
									
										#right ul.cta li.tax a {
											background-image: url(images/right_cta-tax.jpg);
											height: 166px;
											width: 205px;
										}
							
							#right ul {
								margin: 0 0 0 -35px;
								padding: 0 15px;
							}
							
								#right ul li {
									background: transparent url(images/right_ulBg.jpg) bottom right no-repeat;
									width: 206px;
									margin: 3px 0;
									padding: 0 0 9px 19px;
								}
			/*------------
			=FOOTER CSS
			------------*/
			
				#footer {
					position: relative;
					background: transparent url(images/cont_footer.jpg) bottom center no-repeat;
					width: 100%;
					clear: both;
					height: 172px;
					margin: -5.5em auto 0 auto;
				}
				
					#footer p {
						margin: 200px 20px 0 20px;
						padding: 0;
					}
					
						#footer p.copyright {
							background: transparent url(images/footer_copy.jpg) top left no-repeat;
							height: 39px;
							width: 399px;
							float: left;
							text-indent: -500em;
						}
						
						#footer p.credits {
							width: 300px;
							float: right;
							text-align: right;
							letter-spacing: .5px;
							font: bold 11px "Arial", sans-serif;
							color: #2e495e;
						}
							
							#footer p.credits span {
								display: block;
								font-size: 12px;
							}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {color: #1c3b53; text-decoration: underline;}
							#footer p.credits a:hover {color: #152537; text-decoration: none;}
							
							#comment {
								width:450px;
							}