/*  
Theme Name: Around Sherwood
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: #000 url(images/bg.png) left top repeat;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/

		#wrapper {
			width: 952px;
			margin: 40px auto;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #top {
					position: relative;
					background: url(images/cont_top.jpg) center top no-repeat;
					width: 952px;
					height: 345px;
					margin: 0 auto;
				}
				
					#top h1#logo {
						position: relative;
						width: 440px;
						top: 50px;
						float: left;
						margin: 0;
					}
					
						#top h1#logo a {
							height: 75px;
							width: 440px;
							display: block;
							text-indent: -9999em;
						}
						
					#top form#search {
						position: relative;
						height: 26px;
						width: 230px;
						top: 90px;
						float: right;
					}
					
						#top form#search p {
							margin: 0;
							padding: 0;
						}
						
							#top form#search input {
								background: transparent url(images/top_input.gif) left top no-repeat;
								height: 26px;
								width: 159px;
								padding: 0 5px;
								border: 0;
								font: normal 14px "Georgia", serif;
								color: #fff;
								text-transform: uppercase;
								text-shadow: 1px 0 1px #741b1b;
							}
							
								#top form#search input#submit {
									position: relative;
									top: -4px;
									background-image: url(images/top_go.gif);
									width: 43px;
									content: "";
									font-size: 1px;
									text-align: left;
									cursor: pointer;
									color: #ac2727;
								}
						
			
				 #header {
				 	position: absolute;
					background: transparent url(images/header_img.jpg) top left no-repeat;
					height: 219px;
					width: 944px;
					margin: 0 auto;
				 	bottom: 0;
				 	left: 0;
				 	right: 0;
				}

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#nav {
					position: relative;
					background: url(images/nav_bg.gif) top left repeat-x;
					height: 54px;
					width: 944px;
					margin: 0 auto;
				}
			
					#nav ul {
						margin: 0 auto;
						padding: 0;
						list-style: none;
						font: normal 14px "Georgia", serif;
						text-transform: uppercase;
					}
					
						#nav ul a:active, #nav ul a:visited, #nav ul a:link {color: #ffd6d6; text-decoration: none; text-shadow: 1px 0 1px #410f0f;}
						#nav ul a:hover {color: #fff; text-shadow: 1px 0 1px #5c400f;}
					
						#nav ul li {
							position: relative;
							background: url(images/nav_div.gif) right center no-repeat;
							float: left;
							height: 54px;
							display: inline-block;
							vertical-align: middle;
						}
						
							#nav ul li a {
								position: relative !important;
								display: block;
								float: left;
								height: 18px;
								padding: 16px 14px 0px 14px;
								z-index: 10000;
							}
							
								#nav ul li span {
									position: absolute;
									background: url(images/nav_hover.png) center top no-repeat;
									top: 0;
									left: 0;
									right: 0;
									height: 100%;
									width: 100%;
									opacity: 0.0;
									-moz-opacity: 0.0;
									filter: alpha(opacity=00);
									-webkit-transition: opacity .2s ease-out;
								}
								
									#nav ul li:hover span {
										opacity: 1.0;
										-moz-opacity: 1.0;
										filter: alpha(opacity=100);
									}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					background: url(images/cont_bg.png) center top repeat-y;
					width: 952px;
				}
				
								
					/*------------
					=LEFT CSS
					------------*/
						 
						#content #left {
							width: 610px;
							margin-left: 20px;
							float: left;
							font: normal 12px "Georgia", serif;
							color: #2f2f2f;
							padding: 15px 0 0; 
						}
						
						#left h2#slogan {
                               background: url(images/left_slogan.gif) left top no-repeat;
                               height: 75px;
                               width: 497px;
                               margin: 0 auto;
                               text-indent: -9999em;
                           }
						
							#left a:active, #left a:visited, #left a:link {color: #611616; text-decoration: underline; -webkit-transition: color .5s ease-out;}
							#left a:hover {color: #000; text-decoration: none;}
							
							#left .post {
								position: relative;
								padding-bottom: 50px;
							}
							
								#left .post .article_div {
									position: relative;
									background: url(images/article_div.gif) center top no-repeat;
									display: block;
									height: 30px;
									width: 371px;
									margin: 0 auto;
									clear: both;
									opacity: 0.7;
									-moz-opacity: 0.7;
									-webkit-transition: opacity .2s ease-in;
								}
								
									#left .post:hover .article_div {
										opacity: 1.0;
										-moz-opacity: 1.0;
									}
						
							#left .contWrap {
								background-color: #160d0d;
								margin: 15px 0;
								padding: 5px;
								border: 1px solid #6f1a1a;
							}
							
								#left .inner-wrap {
									background-color: #fff;
									padding: 15px;
								}
							
								#left h2.title {
									margin: 0;
									text-transform: uppercase;
									font: normal 22px "Georgia", serif;
								}
								
									#left h2.title a:active, #left h2.title a:visited, #left h2.title a:link {color: #671818; text-decoration: none; -webkit-transition: color .4s ease-out;}
									#left h2.title a:hover {color: #000; text-decoration: underline;}
									
							#left p {
								line-height: 18px;
							}
									
								#left p.meta {
									margin: 0;
									font-size: 11px;
									font-family: "Tahoma", sans-serif;
									color: #626262;
								}
								
								#left p.more {
									float: left;
									width: 130px;
									font-weight: bold;
								}
								
								#left .metainfo {
									width: 380px;
									float: right;
									text-align: right;
									font-size: 11px;
									color: #555;
								}
							
							#left h2 {
								font: lighter 18px "Georgia", serif;
								color: #502828;
							}
							
													
							#left h3 {
								font: lighter 16px "Georgia", serif;
								color: #555;
							}
							
							#left h4 {
								font: bold 14px "Georgia", serif;
								color: #333;
							}

						#content #full{
							width: 943px;
							margin-left: 20px;
							float: left;
							font: normal 12px "Georgia", serif;
							color: #2f2f2f;
							padding: 15px 0 0; 
						}
					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							position: relative;
							width: 295px;
							float: right;
							font: normal 12px "Georgia", serif;
							margin-right: 5px;
							padding: 20px 0;
							color: #fff;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #f9984b; text-decoration: underline; -webkit-transition: color .4s ease;}
							#right a:hover {color: #fff; text-decoration: none;}
							
							#right h2#profile {
								background: url(images/right_profile.jpg) left top no-repeat;
								height: 156px;
								width: 278px;
								margin: 0 auto;
								padding: 0 !important;
								text-indent: -9999em;
							}
							
								#right #welcome {
									position: relative;
									background: url(images/right_welcome.jpg) left top no-repeat;
									height: 168px;
									width: 278px;
									margin: 0 auto;
								}
								
									#welcome span {
										display: inline-block;
										text-indent: -9999em;
									}
									
									#welcome ul#social {
										margin: 0;
										padding: 0;
										list-style: none;
									}
									
										#welcome ul#social li {
											position: absolute;
											top: 112px;
											float: left;
										}
										
											#welcome ul#social li a {
												display: block;
												height: 26px;
												width: 26px;
												text-indent: -9999em;
											}
											
										#welcome ul#social li.fb {
											left: 65px;
										}
											
										#welcome ul#social li.yt {
											left: 98px;
										}
											
										#welcome ul#social li.tw {
											left: 129px;
										}
											
										#welcome ul#social li.li {
											left: 161px;
										}
											
										#welcome ul#social li.rss {
											left: 194px;
										}
								
							#right ul#ctas {
								width: 272px;
								margin: 0 0 0 5px;
								padding: 0;
								list-style: none;
							}
							
								#right ul#ctas li {
									margin-bottom: 40px;
								}
								
									#right ul#ctas li a {
										background: transparent none left top no-repeat;
										width: 272px;
										display: block;
										text-indent: -9999em;
										opacity: 0.8;
										-moz-opacity: 0.8;
										filter: alpha(opacity=80);
										-webkit-transition: opacity .4s ease;
									}
									
										#right ul#ctas li a:hover {
											opacity: 1.0;
											-moz-opacity: 1.0;
											filter: alpha(opacity=100);
										}
									
										#right ul#ctas li.law a {
											background-image: url(images/right_cta1.png);
											height: 134px;
										}
									
										#right ul#ctas li.search a {
											background-image: url(images/right_cta2.png);
											height: 117px;
										}
									
										#right ul#ctas li.worth a {
											background-image: url(images/right_cta3.png);
											height: 134px;
										}
							
							#right h2 {
								background: url(images/right_h2bg.jpg) left top no-repeat;
								margin: 15px 0 0;
								padding: 8px 37px 8px 10px;
								font: normal 18px "Georgia", serif;
								text-shadow: 1px 0 1px #4f1515;
								text-transform: uppercase;
								color: #fff;
							}
							
							#right ul {
								margin: 0 25px 35px;
								padding: 0;
								list-style: none;
							}
							
								#right ul li {
									margin: 5px 0;
								}
								
							#right .padding {
								padding: 0 20px;
							}

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
					background: transparent url(images/cont_btm.gif) top center no-repeat;
					width: 952px;
					margin: 0 auto;
					padding: 30px 0 0;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							background: transparent url(images/footer_copy.gif) top left no-repeat;
							height: 72px;
							width: 308px;
							float: left;
							text-indent: -9999em;
						}
						
						#footer p.credits {
							margin-top: 30px;
							text-align: right;
							font: normal 11px/16px "Georgia", serif;
							color: #a8a8a8;
							text-transform: uppercase;
						}
						
							#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: #ffba07; text-decoration: underline;}
							#footer p.credits a:hover {color: #ffe39b; text-decoration: none;}
							
							#content img{
								border:0px black solid;
							}
