/*  
Theme Name: Old Agoura Theme
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: #565656;
	margin: 0;
}

ul, ol, form {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-type: none;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/

		#wrapper {
			background-color: #fff;
			width: 990px;
			margin: 0 auto;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					background: transparent url(images/cont_header.jpg) top left no-repeat;
					height: 186px;
					width: 988px;
					padding: 1px;
				}
				
					#header h1 {
						margin: 0;
					}
					
						#header h1 a {
							height: 165px;
							width: 510px;
							margin: 5px 0 0 380px;
							display: block;
							text-indent: -500em;
						}

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#wrapper #nav {
					background: transparent url(images/nav_bg.jpg) top left repeat-x;
					height: 36px;
					width: 970px;
					padding: 7px 10px 0 10px;
				}
			
					#wrapper #nav ul {
						margin: 0;
						text-align: center;
						font: lighter 23px "Arial", sans-serif;
					}
					
						#nav ul a:active, #nav ul a:visited, #nav ul a:link {color: #444; text-decoration: none;}
						#nav ul a:hover {color: #000; text-decoration: underline;}
					
						#nav ul li {
							margin: 0 13px;
							display: inline;
						}

			/*------------
			=COLUMN CSS
			------------*/

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 540px;
							margin: 10px 0;
							padding: 0 15px;
							float: left;
							font: normal 12px/20px "Arial", sans-serif;
							border-right: 1px solid #c5c5c5;
						}
						
							#left a:active, #left a:visited, #left a:link {color: #2251ff; text-decoration: underline;}
							#left a:hover {color: #0f2fa6; text-decoration: none;}
							
								#left h2.title {
									margin: 0;
									font: bold 25px "Arial", sans-serif;
									color: #000107;
								}
								
									#left h2.title a:active, #left h2.title a:visited, #left h2.title a:link {color: #000107; text-decoration: none;}
									#left h2.title a:hover {color: #496320;}
									
							#left .article {
								margin: 0 0 35px 0;
								border-bottom: 1px solid #000;
							}
							
							.byline {
								display: block;
								height: 82px;
								line-height: 1.5em;
								padding: 6px 10px;
								margin: 8px 0 0 0;
 }

							.byline img {
								float: left;
								padding: 0 10px 10px 0; }

								/*------------
								=ARTICLE-TITLE/TWEETS CSS
								------------*/
							
									#left .article-title {
										width: 465px;
										float: left;
									}
									
									#left .article-tweets {
										width: 60px;
										float: right;
									}
									
										#left .article-tweets p.tweets {
											background: transparent url(images/article_tweetcoun.jpg) top left no-repeat;
											height: 42px;
											width: 50px;
											margin: 10px 0;
											text-align: center;
											font: normal 15px "Georgia", serif;
										}
										
											#left .article-tweets p.tweets span {
												display: block;
												text-indent: -500em;
											}
											
										#left .article-tweets p.retweet {
											margin: 0;
										}
										
											#left .article-tweets p.retweet a {
												background: transparent url(images/article_retweet.jpg) top left no-repeat;
												height: 16px;
												width: 50px;
												display: block;
												text-indent: -500em;
											}
									
							#left p {
								letter-spacing: .3px;
							}
							
								#left p.avatar {
									margin: 0 10px 0 0;
									float: left;
								}
								
									#left p.avatar img {
										border: 3px solid #617d99;
									}
									
								#left ul.avatar-info {
									margin: 5px 0 0 0;
									float: left;
									line-height: 17px;
								}
								
									#left ul.avatar-info li {
										margin: 0;
									}
								
								#left p.labels {
									clear: both;
									letter-spacing: 0;
								}
								
									#left p.labels a:active, #left p.labels a:visited, #left p.labels a:link {color: #562900; text-decoration: none;}
									#left p.labels a:hover {color: #053251; text-decoration: underline;}
							
								#left p.date {
									margin: 15px 0 0 0;
									font: normal 15px "Arial Narrow", "Arial", sans-serif;
									letter-spacing: 0;
								}
								
								#left p.postedby {
									margin: 0;
									line-height: 7px;
									font-size: 10px;
								}
								
									#left p.postedby span {
										color: #592900;
									}
									
								#left p.article-info {
									margin: 6px 0 10px 0;
									text-indent: -500em;
								}
								
									#left p.article-info a {
										background: transparent none bottom left no-repeat;
										height: 16px;
										margin: 0 6px 0 0;
										float: left;
										display: block;
										text-indent: -500em;
									}
									
										#left p.article-info a.comments {
											background-image: url(images/article_comment.jpg);
											width: 91px;
										}
										
										#left p.article-info a.links {
											background-image: url(images/article_links.jpg);
											width: 140px;
										}
										
										#left p.article-info a.bookmark {
											background-image: url(images/article_bookmark.jpg);
											margin: 3px 0 0 0;
											width: 119px;
										}
	
					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							width: 385px;
							padding: 0 15px;
							float: right;
							font: normal 14px "Arial", sans-serif;
							color: #050505;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #A1A1A1; text-decoration: underline;}
							#right a:hover {color: #318DD8; text-decoration: none;}
							
							#right .btmdiv {
								background: transparent url(images/right_btmDiv.jpg) top left repeat-x;
								height: 1px;
								width: 100%;
							}
							
							#right p.subscribe {
								text-transform: uppercase;
								color: #562900;
							}
							
								#right p.subscribe a.rss {
									background: transparent url(images/right_rssicon.jpg) top left no-repeat;
									height: 14px;
									width: 14px;
									margin: 3px 3px 0 0;
									text-indent: -500em;
									float: left;
									display: block;
								}
								
							#right p.search {
								margin: 0;
							}
								
							#right p.popsearch {
								margin: 3px 0 10px 0;
								font-weight: bold;
								color: #562900;
							}
								
								#right input {
									width: 200px;
									padding: 2px;
									color: #2f4356;
									border: 1px solid #7f9db9;
								}
								
									#right input.submit {
										background: transparent url(images/right_search.jpg) bottom left no-repeat;
										height: 24px;
										width: 57px;
										border: 0;
										text-indent: -500em;
										font-size: 0px;
										content: "";
									}
							
							#right h2 {
								margin: 15px 0 10px 0;
								font: normal 23px "Arial", sans-serif;
								color: #000;
							}
							
								#right h2.righttitle {
									margin: 25px 0;
								}
							
							#right h3 {
								margin: 8px 0;
								font: normal 20px "Arial", sans-serif;
								color: #747474;
							}
							
							#right ul {
								margin: 10px;
							}
							
								#right ul li {
									margin: 5px 0;
									padding: 0;
								}

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
					background-color: #333;
					width: 950px;
					margin: 0 auto;
					padding: 15px 20px;
					font: normal 14px "Arial", sans-serif;
					color: #ccc;
					border-top: 3px solid #666;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							background: transparent url(images/footer_copy.jpg) top left no-repeat;
							float: left;
							color: #adadad;
						}
						
							#footer p.copyright span {
								display: block;
								font-size: 18px;
								font-weight: bold;
								color: #ccc;
							}
						
						#footer p.credits {
							padding: 2px 0 0 0;
							float: right;
							font-size: 12px;
							text-align: right;
						}
						
							#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: #36699A; text-decoration: underline;}
							#footer p.credits a:hover {color: #619CC7; text-decoration: none;}
							
							#comment {width:450px;}
							
							.wp-caption-text {
						        color:#000;}