/*  
Theme Name: Newport Real Estate Cafe
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: #00002e;
	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;
			padding: 3px 0 0 0;
			width: 100%;
		}
		
			.top-cont {
				position: relative;
				background: transparent url(images/top_bg.jpg) top center no-repeat;
				height: 288px;
				width: 1116px;
				margin: 0 auto;
				padding: 30px 0 0 0;
				z-index: 1;
			}
				
			.top-cont h1#logo {
				margin: 0 0 0 90px;
				width: 400px;
			}
			
				.top-cont h1#logo a {
					display: block;
					text-indent: -500em;
				}

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#nav ul {
					margin: -8px 90px 0px 0;
					float: right;
					font: normal 17px "Tahoma", sans-serif;
				}
				
					#nav ul a:active, #nav ul a:visited, #nav ul a:link {color: #BCD9F5; text-decoration: none;}
					#nav ul a:hover {color: #fff;}
				
					#nav ul li {
						margin: 0 7px 0 0;
						float: left;
						display: inline;
					}
					
						#nav ul li a {
							background: transparent url(images/nav_bg.jpg) top left no-repeat;
							height: 20px;
							display: block;
							float: left;
							padding: 5px 0 5px 10px;
						}
						
							#nav ul li a:hover {
								background-position: 0 -30px;
							}
							
							#nav ul li a span {
								position: relative;
								background: transparent url(images/nav_end.jpg) top right no-repeat;
								padding: 5px 12px 3px 0;
							}
						
								#nav ul li a span:hover {
									background-position: right -30px;
								}

			/*------------
			=HEADER CSS
			------------*/
			
				#header {
					background: transparent url(images/header_bg.jpg) top left no-repeat;
					height: 207px;
					width: 982px;
					margin: 0 auto;
					clear: both;
				}

			/*------------
			=COLUMN CSS
			------------*/

				#wrapper {
					position: relative;
					background: transparent url(images/cont_bg.jpg) top center repeat-y;
					width: 1116px;
					overflow: hidden;
					margin: 0 auto;
				}
			
				#content {
					background: transparent url(images/cont_top.jpg) top center no-repeat;
					width: 1046px;
					padding: 0 0 0 70px;
				}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 190px;
							margin: 22px 0 0 0;
							padding: 0 10px;
							float: left;
							font: normal 13px "Verdana", sans-serif;
							color: #c6e5ff;
						}
							
							#left a:active, #left a:visited, #left a:link {color: #add6e9; text-decoration: none;}
							#left a:hover {background-color: #315da1; color: #fff;}
							
							#left a {
								padding: 2px;
							}
							
							#left h2 {
								font: normal 18px "Verdana", sans-serif;
								color: #d3ff24;
							}

								/*------------
								=LEFT-INPUT/RSS-SEARCH CSS
								------------*/
							
									#left .input-sect {
										height: 100px;
										margin: 0 -10px;
										padding: 15px;
									}
									
										#left .input-sect p {
											margin: 0;
										}
										
											#left .input-sect p.rss {
												background: transparent url(images/left_input-rss.jpg) right center no-repeat;
												padding: 15px 0 10px 0;
											}
												
												#left .input-sect p.rss input {
													height:15px;
													width: 130px;
												}
										
											#left .input-sect p.search {
												height:28px;
												background: transparent url(images/left_input-mag.jpg) right center no-repeat;
												padding: 20px 0 10px 0;
											}
										
											#left .input-sect p input {
												background-color: #cae0ff;
												width: 126px;
												padding: 4px 4px 5px 4px;
												font: normal 12px "Verdana", san-serif;
												color: #29487b;
												border: 1px solid #336379;
												border-right: 0;
											}

								/*------------
								=LEFT-CTA CSS
								------------*/
								
									#left ul#cta {
										margin: 15px auto;
									}
									
										#left ul#cta li {
											margin: 15px 0;
										}
										
											#left ul#cta li a {
												background: transparent none top left no-repeat;
												height: 38px;
												width: 188px;
												overflow: hidden;
												display: block;
												text-indent: -500em;
											}
											
												#left ul#cta li.home a {
													background-image: url(images/left_cta-home.jpg);
												}
											
												#left ul#cta li.feat a {
													background-image: url(images/left_cta-feat.jpg);
												}
											
												#left ul#cta li.sell a {
													background-image: url(images/left_cta-buy.jpg);
												}
											
												#left ul#cta li.buy a {
													background-image: url(images/left_cta-sell.jpg);
												}
												
													#left ul#cta li a:hover {
														background-position: left -42px;
													}
							
							#left h2 {
								margin: 10px 0 0 0;
								clear: both;
								font: normal 18px "Tahoma", sans-serif;
								color: #d3ff24;
							}
							
							#left ul {
								margin: 0 10px 15px 10px;
								float: left;
							}
							
								#left ul li {
									margin: 3px 0;
								}
								
									#left ul li a {
										width: 150px;
										display: block;
										float: left;
										margin: 3px 0;
										padding: 2px;
									}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #center {
							width: 527px;
							float: left;
							margin: 22px 0 0 0;
							padding: 0 15px;
							font: normal 13px "Verdana", sans-serif;
							color: #242424;
						}
						
							#center p.date {
								margin: 0 0 5px 0;
								padding: 0 0 3px 0;
								font: normal 10px "Verdana", sans-serif;
								color: #8a8a8a;
								border-bottom: 1px solid #d6d6d6;
							}
						
							#center a:active, #center a:visited, #center a:link {color: #305d8c; text-decoration: underline;}
							#center a:hover {color: #2E4C6B; text-decoration: none;}
							
								#center h2.title {
									margin: 0;
									font: lighter 22px "Verdana", sans-serif;
									letter-spacing: -1px;
								}
								
									#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 p {
								line-height: 18px;
							}
									
								#center p.meta {
									margin: 0;
									font: normal 11px "Verdana", sans-serif;
									color: #1565a4;
								}
								
								#center .article-more {
									width: 100%;
									margin: 10px 0 20px 0;
									padding: 0 0 0px 0;
									float: left;
									font-size: 11px;
									border-bottom: 1px solid #b7c9e9;
								}
								
									#center .article-more a {
										text-decoration: none;
									}
								
									#center p.more {
										margin: 0;
										width: 130px;
										float: left;
										font-weight: bold;
									}
									
									#center .metainfo {
										margin: 0;
										width: 380px;
										float: right;
										font-size: 10px;
										text-align: right;
										color: #666b5c;
									}
							
							#center h2 {
								font: lighter 18px "Verdana", sans-serif;
							}
							
							#center h3 {
								font: lighter 16px "Verdana", sans-serif;
							}
							
							#center h4 {
								font: bold 12px "Verdana", sans-serif;
							}
							
							#wpcf label {
							clear: both;
							display: block;

							width: 150px;
							}
							
							#wpcf input {
							float: left;						
							width: 350px;
							padding: 1px;
							margin: 2px 5px 2px 0;
							}

							#wpcf textarea {
							width: 350px;
							height: 100px;
							padding: 1px;
							margin: 0 5px 10px 0;
							}
							
							#wpcf #contactsubmit {
							margin-left: 250px;
							width: 100px;
							}
	
									/*------------
									=COMMENTS CSS
									------------*/
									
										#center ol.commentlist {
											font: 13px "Arial", sans-serif;
											color: #4d4d4d;
										}
										
											#center ol.commentlist li {
												background: transparent url(images/comments_bg.jpg) top left no-repeat;
												padding: 3px;
											}
											
												#center ol.commentlist li.alt {
													background-image: url(images/comments_bg-a.jpg);
												}
											
												#center ol.commentlist li p.comment_info {
													margin: 2px 0 0 0;
													padding: 0;
													font: 11px "Verdana", sans-serif;
													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: #fff;
													}
												
														#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: #fff; 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 {
							width: 190px;
							float: left;
							margin: 22px 0 0 0;
							padding: 0 0 0 10px;
							font: normal 13px "Tahoma", sans-serif;
							color: #2a5b63;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #636363; text-decoration: none;}
							#right a:hover {color: #000; text-decoration: underline;}
							
							#right h2 {
								margin: 0 0 5px 0;
								clear: both;
								font: lighter 18px "Tahoma", sans-serif;
								color: #2c5393;
							}
							
							#right ul {
								float: left;
								margin: 0 10px 15px 10px;
							}
							
								#right ul li {
									margin: 4px 0;
								}
								
									#right ul li a {
										display: block;
										width: 150px;
										float: left;
										padding: 2px;
										margin: 2px 0;
									}
								
									#right ul li a:hover {color: #fff; background-color: #2c5393; text-decoration: none;}

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
					background: #00002e url(images/footer_bg.jpg) top center no-repeat;
					width: 1010px;
					margin: 0 auto;
					padding: 80px 0 40px 0;
					font: normal 12px "Tahoma", sans-serif;
					color: #60baf6;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							background: transparent url(images/footer_copy.jpg) top left no-repeat;
							height: 42px;
							width: 287px;
							float: left;
							text-indent: -500em;
						}
						
						#footer p.credits {
							text-align: right;
							font-size: 11px;
						}
						
							#footer p.credits span {
								display: block;
								font-size: 12px;
							}
								
								#footer p.credits span a {
									margin: 0;
								}
						
							#footer p.credits a {
								margin: 0 8px 0 0;
							}
							
								#footer p.credits a+a {
									margin: 0;
								}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {color: #87cfff; text-decoration: none;}
							#footer p.credits a:hover {color: #fff; text-decoration: underline;}