/*  
Theme Name: Eve Thompson Redesign '10
Theme URI: http://www.unionstreetmedia.com/
Description: A custom theme developed for Eve Thompson's website.
Version: 1.0
Author: Scott Nelle
Author URI: http://www.www.unionstreetmedia.com/

*/

/* =Whitespace reset
-----------------------------------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

a img { border: 0; }

fieldset {
	border: 1px solid #666;
	padding: 10px;
}

/* =Structure
-----------------------------------------------
*/
#wrapper {
	width: 996px;
	margin: 0 auto;
}

#header {
	height: 174px;
	margin: 0 14px 0 13px;
	position:relative;
}
#header #header-contact-info { background: #88A23D; padding: 10px 10px 15px; position: absolute; top: 10px; right: 0;
border-top-left-radius: 20px; border-bottom-left-radius: 25px; }
#header #header-contact-info a, #header #header-contact-info p { color: white; margin: 0; }
#logo {
	margin: 0;
}

#navbar {
	height: 43px;
	margin: 0 14px 0 13px;
}

#content {
	margin: 0 19px 0 13px;
	padding-left: 23px;
}

body#idx #content {
	padding-left: 5px;
}

#main {
	width: 639px;
	float: left;
	padding-top: 20px;
}

body#idx #main {
	float: none;
	width: 100%;
	padding-top: 0;
}

#sidebar {
	width: 279px;
	float: right;
	border-top: 4px solid #fff;
}

#footer {
	clear: both;
	position: relative;
}

#footer .interior {
	width: 996px;
	margin: 0 auto;
}

.clearboth {
	clear: both;
}

/* Self-clearing elements
   http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* =Background
-----------------------------------------------
*/
body { background: #bbc77b url('i/top-texture.jpg') center top repeat-x; }
#wrapper { background: transparent url('i/wrapper.png') left top repeat-y; }
#header { background: #fff url('i/header-spring.jpg') right top no-repeat; }
#navbar { background: #98c23c; }
#content { background: transparent url('i/content-top.gif') left top no-repeat; }
#footer { background: transparent url('i/bottom-texture.jpg') center bottom repeat-x; }
#footer .interior { background: transparent url('i/wrapper.png') left top repeat-y; }

/* seasonal headers */
body.winter #header { background-image: url('i/header-winter.jpg'); }
body.spring #header { background-image: url('i/header-spring.jpg'); }
body.summer #header { background-image: url('i/header-summer.jpg'); }
body.fall #header { background-image: url('i/header-fall.jpg'); }

/* winter background */
body.winter { background: #f4f4f4 url('i/top-texture-winter.jpg') center top repeat-x; }
body.winter #footer { background-image: url('i/bottom-texture-winter.jpg'); }

/* idx page */
body#idx #wrapper { background: transparent url('i/wrapper-idx.png') left top repeat-y; }
body#idx #content { background: transparent; }
body#idx #footercontact { background: #98c23c; }

/* =Navbar
-----------------------------------------------
*/
#navbar {
	list-style: none;
	text-align: center;
	line-height: 1;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 92%;
	background: #474a43;
}

#navbar li {
	display: inline;
	line-height: 43px;
	padding: 0;
	position: relative;
	z-index: 100;
	list-style: none;
}

#navbar a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 13px 6px 12px 6px;
}

#navbar a:hover {
	text-decoration: none;
	border-bottom: 7px solid #a0cc3a;
	padding-bottom: 5px;
}

/* dropdowns */
#navbar li ul {
	position: absolute;
	left: -9999px;
	display: block;
	white-space: nowrap;
	margin: 0;
	background: #d0d1d0;
	text-align:left;
	padding: 8px 18px;
	_width: 1%;
	opacity: .9;
}


#navbar li:hover ul,
#navbar li.sfhover ul {
	left: -10px;
	z-index: 100;
	top: 25px;
	height: auto; /* sticky suckerfish fix */
}

#navbar li ul li {
	position: relative;
	height: auto;
	display: block;
	padding: 0;
	background: transparent;
}

* html #navbar li ul li {
	height: 100%;
}

#navbar li ul li a,
#navbar li ul li a:hover {
	display: block;
	padding: 0 4px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	text-transform: none;
	color: #556e30;
	font-weight: normal;
	font-size: 100%;
}

ul#navbar li ul li a:hover {
	background: transparent;
	text-decoration: underline;
	padding-bottom: 0;
	border-bottom-width: 0;
}


/* level 3 navigation */
#navbar li ul ul {
	margin: -38px 0 0 100%;
	background: #f0f1f0;
}

#navbar li:hover ul ul,
#navbar li.sfhover ul ul{
	left: -9999px;
}

#navbar li ul li:hover ul,
#navbar li ul li.sfhover ul{
	left: auto;
}


#social-bar{
background: #5b5e57;
width:969px;
height: 40px;
margin: 0px 13px;
}

#twitter-status{
float: left;
width: 600px;
color: #FFF;
background: url('/wp-content/themes/eve-thompson-redesign/i/twitter-icon.png') no-repeat;
}

#social-btn-area {
padding: 15px 0 0 10px;
position: fixed; 
height: auto;
width: 45px;
margin-left: 300px;
}

#tweet img {
	display: block;
	padding: 8px 0 0 40px;
}

#tweet ul {
	width: 482px;
	height: 40px;
	background: #fff;
	background: transparent;
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}

#tweet ul li {
	font-size: 95%;
	line-height: normal;
	margin: 0;
	padding: 4px;
	background: #fff;
	background: transparent;
}

#google-plusone {
	float: left;
	margin-top: 5px;
	width: 60px;
}

/* =Type and colors
-----------------------------------------------
*/
body {
	font: normal 0.8125em/1.5 Verdana, sans-serif;
	color: #231f20;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol { margin-bottom: 18px; }

ul, ol { margin-left: 20px; }

ul ul, ol ol { margin-bottom: 0; }

li { margin-bottom: 4px;}

a {
	color: #88a23d;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font: bold 185%/1.5 "Lucida Grande", Tahoma, sans-serif;
	color: #88a23d;
}

h2 {
	font: bold 138%/1.5 "Lucida Grande", Tahoma, sans-serif;
	color: #88a23d;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear  {
	display:inline-block;
}

.clear {
	display: block;
}

#about-eve{
position: relative;
float: right;
width: 300px;
height: 400px;
padding: 5px 0;
background: #ececec url('http://allrestonrealestate.com/files/2009/06/about-eve.jpg') no-repeat;
}

#intro-links{padding: 0px 0 0 180px;}

#about-eve-name{margin: 40px 0 0 0;padding: 14px 0 0 14px; border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;}



/* =Sidebar
-----------------------------------------------
*/
#sidebar h2 {
	font-size: 131%;
	margin: 10px 0;
	color: #000;
	
}

#receiveLatestRestonListings {
	padding: 10px 10px 10px 10px; 
	background-color: #88A23D; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	width: 240px;
	text-align: center;
	margin: 10px auto;
}

#receiveLatestRestonListings a {color: #fff; text-decoration: none;}

#receiveLatestRestonListings a:hover {color: #000; text-decoration: none;}

#latest-btn a { 
    display: block;
	left: 0;
	width:245px; 
	height: 40px;
	background: transparent url("i/latest-reston-listings-btn.png") no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 0 13px 10px;
}

#latest-btn a:hover {
	/*background-position: left -18px;*/
}

#latestlistings img {
	vertical-align: bottom;
}

#searchform {
	margin-left: 17px;
}

#searchform p {
	margin-bottom: 15px;
	line-height: 1;
}

#searchform input {
	vertical-align: top;
	margin-top: 1px;
}

#searchform #s {
	border-width: 0;
	width: 140px;
	font: 100% Verdana, sans-serif;
	background: #fff;
}

#contact-info{
	margin: 8px 0 10px 17px;
	line-height: 1;
}

#contact-info p {
	margin-bottom: 8px;
}

/* tabbed widget */
#retools {
	margin: 0 16px 0 17px;
	padding-bottom: 5px;
}
#retools > div { background: #fff; margin-bottom: 10px; }
#retools .interior {
	border: 1px solid #cdd8ae;
	padding: 10px 12px;
	margin: 5px 5px 5px 5px;
}

#sidebartabs {
	height: 41px;
	list-style: none;
	position: relative;
	margin: 0;
}

#sidebartabs a {
	display: block;
	height: 41px;
	text-indent: -9999px;
	background: transparent url('i/tabs.gif') left top no-repeat;
	position: absolute;
	top: 0;
	width: 93px;
	height: 41px;
	z-index: 10;
}

#sidebartabs a.selected {
	z-index: 20;
}

#sidebartabs a:hover {
	z-index: 30;
}

#sbtab1 a,
#sidebartabs #sbtab1 a.subdue { background-position: -0px -0px; left: 0px; }
#sbtab2 a,
#sidebartabs #sbtab2 a.subdue { background-position: -79px -0px; left: 79px; }
#sbtab3 a,
#sidebartabs #sbtab3 a.subdue { background-position: -156px -0px; left: 156px; width: 90px; }

#sidebartabs #sbtab1 a:hover,
#sbtab1 a.selected { background-position: -0px -41px; }
#sidebartabs #sbtab2 a:hover,
#sbtab2 a.selected { background-position: -79px -82px; }
#sidebartabs #sbtab3 a:hover,
#sbtab3 a.selected { background-position: -156px -123px; }

#sidebartabs a:active { outline: none; }
#sidebartabs a:focus { -moz-outline-style: none; }

#quicksearch {
	border: 1px solid #fff;
	color: #000;
}

#quicksearch p,
.overlabel-wrap {
	margin-bottom: 6px;
	line-height: 1;
}

#quicksearch select,
#quicksearch .overlabel-wrap input {
	border: 1px solid #000;
	padding: 1px;
	width: 145px;
	font: normal 100% Verdana, sans-serif;
}

#quicksearch .overlabel-wrap input {
	width: 141px;
}

#quicksearch input.submit {
	display: block;
}

/* ds quicksearch styles */
#quicksearch select {
	width: 114px;
}

#quicksearch input {
	width: 110px;
}

#quicksearch input.ds-quick-search-button {
	width: 5em;
}

#call {
	background: #a0cc3a;
	color: #4d4b4b;
	font: normal 100%/1.45 "Lucida Grande", Tahoma, sans-serif;
	padding: 2px 0 2px 10px;
}

#call strong {
	font-size: 127%;
}

#call span {
	font-size: 163%;
	font-weight: bold;
	color: #fff;
}

#askaquestion p {
	margin-bottom: 6px;
}

#askaquestion label {
	display: block;
}

#askaquestion input[type="text"],
#askaquestion textarea {
	font: normal 100%/1.5 Verdana, sans-serif;
	width: 215px;
}

#askaquestion textarea { height: 96px; }

#askaquestion p.submit {
	text-align: right;
	width: 220px;
}

/* cforms */
.cf_info {
	color: #fff;
	font-weight: bold;
}

.cf_hidden {
	display: none;
}

.cform ol {
	list-style: none;
	margin: 0;
}

.linklove {
	display: none;
}

.cform p {
	margin-bottom: 6px;
}

.cform label {
	display: block;
}

.cform label.cf-after {
	display: inline;
}

.cform fieldset {
	margin-bottom: 1.5em;
}

.cform legend {
	padding: 0 8px;
	font-weight: bold;
}


#cforms4form{
width: 300px;
background: #e8e6e1;
padding: 20px;
}

/* Basic Overlabel styles */
div.overlabel-wrap {
	position:relative;
}

label.overlabel-apply {
	position:absolute;
	top:4px;
	left:5px;
	z-index:1;
	font-family: verdana,sans-serif;
	font-size: 11px;
	line-height: 1;
}

#featuredlistings {
	margin: 0 17px;
}

#featuredlistings a {
	color: #585f54;
}


#bestofreston {
	position: absolute;
	left: 50%;
	top: 155px;
	margin-left: 319px;
}

#fairhousing {
	position: absolute;
	left: 50%;
	top: 155px;
	margin-left: 219px;
}


.textwidget a{
	padding-right:10px;
}

/* Top of home page -images */

#top-images{
width: 100%;
height: 310px;
}

#top-images-left{
width:  310px;
background: transparent;
float: left;
}

#top-images-right{
width: 310px;
float: right;
}

#top-images img{
padding-bottom: 16px;
}

/* =Footer
-----------------------------------------------
*/
#footer {
	color: #fff;
	font-size: 92%;
}

#footer a {
	color: #fff;
	font-weight: normal;
}

#footercontact {
	background: #98c23c url('i/content-bottom.gif') -4px top no-repeat;
	margin: 0 19px 0 17px;
	padding: 30px 20px 20px 20px;
}

#footercontact p {
	margin: 0;
}

#footernavbar {
	border-top: 4px solid #fff;
	margin: 0 19px 0 17px;
	background: #5f7b36;
	padding: 18px 0 85px 0;
	text-align: center;
	font-family: "Lucida Grande", Verdana, sans-serif;
}

#footernavbar li {
	display: inline;
	text-transform: uppercase;
	font-size: 92%;
	list-style: none;
	padding: 0 8px;
}

#usmtag {
	margin: 0 19px 0 17px;
	background: #5f7b36;
	padding: 0 0 50px 20px;
}

#usmtag a {
	display: block;
	width: 216px;
	height: 19px;
	background: transparent url('i/usmtag.gif') left top no-repeat;
	text-indent: -9999px;
}


/*
#linkedin {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: 367px;
}

#rssicon {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: 412px;
}
*/

#linkedin,#rssicon,#facebook,#twitter,#sharethis,#youtube{
float: left;
margin-right: 5px;
}
#sharethis{
float:right;
margin:10px 10px 0 0;
}

/* =Wordpress Styles
-----------------------------------------------
*/
.postmetadata {
	clear: both;
}

blockquote {
	margin: 10px 0;
	border-left: 10px solid #ccc;
	padding: 0 20px 0 10px 
}
/* End Typography & Colors */

/* Begin Comments*/
li.authorcomment {
	background: #eee;
}
.commentlist cite {
	font-style:normal;
	font-weight: bold;
}
/* End Comments */

/* widget sidebar */
#wp-sidebar {
	margin: 0 18px 0 17px;
	font-size: 85%;
}
#wp-sidebar ul {
	margin-left: 0px;
}
#wp-sidebar ul ul {
	margin-left: 20px;
	margin-bottom: 1em;
}
li.widget {
	list-style: none;
}

li.widget ul {
	list-style: disc;
}

li.widget ul ul {
	list-style: circle;
}

li.widget a {
	color: #000;
	font-weight: normal;
}

li.widget h2 a {
	color: #000;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	margin-right:30px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 9px;
	line-height: 15px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Concierge form styles */
.ss-form-container input,
.ss-form-container label{
display:inline;
margin-bottom:10px;
}
.ss-form-container .ss-choices{
list-style:none;
margin-top:8px;
margin-bottom:8px;
}
.ss-form-container .ss-required-asterisk{
margin-bottom:10px;
}

/* end */