/*  
Theme Name: Pats Place
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;
}

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

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/
	
		#outer_wrapper {
			background: transparent url(images/bg.jpg) top center no-repeat;
			width: 100%;
		}

		#wrapper {
			width: 870px;
			margin: 0 auto;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				 #header {
					background: transparent url(images/header_bg2.jpg) top center no-repeat;
					height: 252px;
					width: 870px;
					margin: 0 auto;
				}
				
					#header h1#logo {
						float: right;
						margin: 0;
					}
					
						#header h1#logo a {
							height: 55px;
							float: right;
							width: 170px;
							display: block;
							text-indent: -500em;
						}

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#wrapper ul#nav  {
					list-style-type: none;
					font: normal 18px/28px "Arial", sans-serif;
				}
				
					ul#nav a:active, ul#nav a:visited, ul#nav a:link {color: #eaf9ff; text-decoration: none;}
					ul#nav a:hover {color: #fff;}
				
					ul#nav li {
						position: relative;
						display: inline;
					}
					
						ul#nav li a {
							background: transparent url(images/nav_long.jpg) top left no-repeat;
							padding: 5px 0 5px 5px;
						}
						
							ul#nav li a span {
								background: transparent url(images/nav_end.jpg) right top no-repeat;
								padding: 5px;
								padding-right: 10px;
							}
						
							ul#nav li ul {
								list-style-type: none;
								display: none;
								font-size: 12px;
								line-height: 20px;
							}
							
								ul#nav li:hover ul {
									position: absolute;
									background: transparent url(images/nav_dropBg.jpg) top center repeat-y;
									width: 217px;
									left: 1px;
									top: 22px;
									display: block;
								}
								
									ul#nav li:hover ul li {
										background: transparent url(images/nav_dropDiv.jpg) bottom left no-repeat;
										display: block;
										padding-bottom: 1px;
									}
									
									ul#nav li:hover ul li span {
										background-image: none;
									}
									
										ul#nav li:hover ul li a {
											display: block;
											background-image: none;
											width: 197px;
											padding: 5px 10px;
										}
										
											ul#nav li:hover ul li a:hover {background-color: #718896;}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					background: transparent url(images/cont_bg.jpg) 0 11px no-repeat;
					width: 918px;
				}
				
				#content full {
					width: 918px;
				}
				
					#content .cont_btm {
						background: transparent url(images/cont_btm.jpg) bottom center no-repeat;
						width: 898px;
						padding: 0 30px 30px;
					}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 200px;
							float: left;
							font: normal 12px "Arial", sans-serif;
							color: #555;
							margin: 10px 45px 0 0;
							padding-left: 15px;
						}
							
							#left a:active, #left a:visited, #left a:link {color: #285b70; text-decoration: underline;}
							#left a:hover {color: #333; text-decoration: none;}
							
							#left h2 {
								background: #6c9fc3 url(images/left_h2Bg.jpg) top left repeat-x;
								margin: 0;
								padding: 5px;
								text-align: center;
								text-transform: uppercase;
								text-shadow: #608db4 0 1px 1px;
								font: normal 18px "Arial", sans-serif;
								color: #fff;
							}
							
							#left ul {
								list-style-type: none;
								background: transparent url(images/left_ulBg.jpg) left 1px repeat-x;
								margin: 0 0 20px;
								padding: 9px;
							}
							
								#left ul li {
									margin: 0 0 8px;
								}
								
							#left ul#cta {
								background-image: none;
								margin: 0 0 0 -15px;
							}
							
								#left ul#cta li {
									margin: 0 0 5px;
								}
								
									#left ul#cta li a {
										background: transparent none top left no-repeat;
										height: 77px;
										width: 219px;
										display: block;
										text-indent: -9999em;
									}
									
										#left ul#cta li.search a {
											background-image: url(images/cta-search.jpg);
										}
									
										#left ul#cta li.worth a {
											background-image: url(images/cta-worth.jpg);
											height: 72px;
										}
									
										#left ul#cta li.subscribe a {
											background-image: url(images/cta-subscribe.jpg);
											height: 68px;
										}
									
								#left input {
									width: 141px;
									padding: 8px;
									border: 1px solid #9e9e9e;
									font: normal 12px "Arial", sans-serif;
									color: #29404c;
								}
								
									#left p.input-search {
										background: transparent url(images/left_mag.jpg) right 5px no-repeat;
										padding-top: 12px;
									}
								
									#left p.input-search input {
										border-right: 0;
									}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #right {
							width: 600px;
							float: left;
							margin-top: 30px;
							font: normal 13px "Arial", sans-serif;
							color: #575757;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #2d88b5; text-decoration: underline;}
							#right a:hover {color: #0e425c; text-decoration: none;}
							
								#right h2.title {
									margin: 0;
									font: lighter 22px "Arial", sans-serif;
								}
								
									#right h2.title a:active, #right h2.title a:visited, #right h2.title a:link {color: #5e5e5e; text-decoration: none;}
									#right h2.title a:hover {color: #1b7297; text-decoration: underline;}
									
								#right h2.title span {
									font-size: 11px;
									color: #7d912c;
								}
							
							#right img {
								border: 4px solid #656565;
							}
							
							#right p {
								line-height: 18px;
							}
									
								#right p.meta {
									margin: 0;
									font: normal 11px "Arial", sans-serif;
									color: #555;
								}
								
								#right p.more {
									margin: 10px 0;
									width: 68px;
									float: left;
								}
								
								#right p.more a {
									background: transparent url(images/article_more.jpg) left top no-repeat;
									float: left;
									height: 20px;
									width: 68px;
									display: block;
									text-indent: -9999em;
								}
								
								#right .metainfo {
									width: 380px;
									float: right;
									text-align: right;
									font-size: 11px;
									color: #444;
								}
							
							#right h2 {
								font: lighter 18px "Arial", sans-serif;
								color: #4a697a;
							}
							
							#right h3 {
								font: lighter 16px "Arial", sans-serif;
								color: #444;
							}
							
							#right h4 {
								font: bold 14px "Arial", sans-serif;
								color: #666;
							}
							
								#right ul.article-ctas {
									margin: 0 auto 35px auto;
									clear: left;
									width: 455px;
									height: 200px;
								}
								
									#right ul.article-ctas li {
										float: left;
										margin-right: 60px;
									}
									
									#right ul.article-ctas li.rss {
										margin-right: 0;
									}
									
										#right ul.article-ctas li a {
											background: transparent none left top no-repeat;
											height: 160px;
											display: block;
											float: left;
											text-indent: -9999em;
										}
										
											#right ul.article-ctas li.search a {
												background-image: url(images/article-cta_search.jpg);
												width: 111px;
											}
										
											#right ul.article-ctas li.worth a {
												background-image: url(images/article-cta_worth.jpg);
												width: 111px;
											}
										
											#right ul.article-ctas li.rss a {
												background-image: url(images/article-cta_rss.jpg);
												width: 111px;
											}
	
					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							width: px;
							font: normal 12px "";
							color: #;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #; text-decoration: underline;}
							#right a:hover {color: #; text-decoration: none;}
							
							#right h2 {
								font: normal 18px "";
								color: #;
							}
							
							#right ul {
								list-style-type: none;
								margin: 10px;
							}
							
								#right ul li {
									margin: 3px 0;
								}

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
					background: transparent url(images/footer_bg.jpg) top center no-repeat;
					width: 878px;
					margin: 0 auto;
					padding: 0 40px 20px;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							background: transparent url(images/footer_copy.jpg) top left no-repeat;
							height: 42px;
							width: 350px;
							float: left;
							text-indent: -500em;
						}
						
						#footer p.credits {
							text-align: right;
							font: normal 11px/16px "Arial", sans-serif;
							text-transform: uppercase;
							color: #8f8f8f;
						}
						
							#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: #3885b6; text-decoration: underline;}
							#footer p.credits a:hover {color: #333; text-decoration: none;}
							
							#comment {
								width:450px;
							}
							
							#right img {
								border:0px;
							}