/*
Theme Name: Western Washington Home Sale
Theme URI: http://westernwashingtonhomesale.com/
Description: A plain and simple theme that just works. Fixed width, two columns, left sidebar, standards compliant.
Version: 1
Author: Designer Web
Author URI: http://Designer-web.com
Tags: fixed-width, two-columns, right-sidebar, blue, white, light, threaded-comments

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body  {
	color: #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}

h1	{
	border-bottom: solid 1px #f8941d;
	color: #464646;
	font-size: 30px;
	letter-spacing: 5px;
	}

h2	{
	border-bottom: solid 1px #f8941d;
	color: #464646;
	font-size: 30px;
	letter-spacing: 5px;
	}

h3	{
	color: #464646;
	font-size: 21px;
	}

h4	{
	color: #464646;
	font-size: 18px;
	}

h5	{
	color: #464646;
	font-size: 16px;
	}

h6	{
	color: #464646;
	font-size: 14px;
	}


hr	{
	}
	
p { 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 200%;
	margin: 0 0 15px 0;
	}
	
a img {
	border: none;
	}
a {
	text-decoration: none;
	}

a,
a img,
a:active,
a:hover,
a:visited {
	outline: none;
	}
	
/* Clearfix */

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

.clearfix {
	display: inline-block;
	}

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}

/* End Clearfix */
		
#container {
 	background: #e8e8c4 url(images/repeatYSidebarBg.gif) repeat-y right;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

	#navbar  {
		background: #f8941d url(images/navbg.jpg);
		clear:both;
		height: 23px;
		margin: 0;
		text-align:left
	}

		#navbar ul {
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-style: oblique;
			padding: 0px;
			margin: 0px;
			line-height: 23px;
			text-transform: uppercase;
			white-space:nowrap;
		}

		#navbar li  {
			list-style-type: none;
			display: inline;
			padding: 0 10px;
		}
		
		#navbar li a {
			color: #fff;
			padding: 0 10px;
			}
		#navbar li a:link,
		#navbar li a:visited {}
		
		#navbar li a:hover,
		#navbar li a.current {
			color: #636363;
			}

#header {
	height: 142px;
	width: 900px;
	}

	#header img{
		}

#properties {
	background: #636363;
	border-bottom: solid 12px #fff;
	color: #fff;
	/*height: 180px;*/
	padding: 20px 0 0;
	width: 900px;
	}
	
	#properties ul {
		list-style: none;
		margin: 0;
		}
	
	#properties ul li {
		display: inline-block;
		float: left;
		height: 45px;
		padding-left: 50px;
		width: 150px;
		}
	
	#properties a {
		color: #fff;
		margin: 0;
		padding: 0;
		}
	
#content {
	background: #e8e8c4;
	float:left;
	margin-bottom:10px;
	text-align: left;
	width: 600px;
	}

	#flash {
		border-bottom: solid 12px #fff;
		height: 188px;
		width: 600px;
		}
	
		#flash * {
			height: 200px;
			width: 600px;
			}
	
	.post {
		margin: 20px 50px 20px 110px;
	}
	
	.post ul {
		margin: 20px 0;
		margin-left:15px;
		padding: 0;
		}
	
		.post ul li {
			/*background: url(images/ulImage.gif) left no-repeat;*/
			list-style-image: url(images/ulImage.gif);
			line-height: 250%;
			list-style-position: outside;
			list-style-type: square;
			padding: 0 0 0 15px;
			}
	
	#sidebar {
		background: #c5c24e;
		width: 300px;
		float: left;
		}
	
	
.PImage { /* default for images in <p> fonts\styles for the content container */
	float: left;
	position: relative;
	top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom:10px;
	display:block;
	}

	
#ContainerFooter {
	background: url(images/footer.gif) no-repeat; 
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 150px;
	width: 900px;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	}
	
	#ContainerFooter div#icons {
		/*bottom: 5px;
		position: absolute;
		right: 10px;*/
		width: 430px;
		padding-top: 5px;
		}
	
		#ContainerFooter div#icons img {
			margin: 0 0 0 10px;
			}
	
	#ContainerFooter p,
	#ContainerFooter p a {
		color: #515151;
		}

	
	p.Footer {
		float: right;
		font-size: 8px;
		margin: 70px 10px 0 0;
		}
		
	p.Footer span {
		font-size: 12px;
		}
	
.ContentHeadline { /* headline for any <p> fonts\styles for the content container */
	font: 16pt Georgia, Times, serif;
	font-weight: bold;
	line-height: 18pt;
	color: #333;
	/*margin: 0 0 10px 0; /* space underneath this particular sheet */
	}
	
.ContentHeadlineSub { /* sub headline for any <p> fonts\styles for the content container */
	font: 13pt Georgia, Times, serif;
	font-weight: bold;
	line-height: 18pt;
	color: #333;
	margin: 0 0 10px 0; /* space underneath this particular sheet */
	}
	
.ContentBold { /* body text bold for any <p> fonts\styles for the content container */
	font: 10pt Georgia, Times, serif;
	font-weight: bold;
	line-height: 18pt;
	color: #333;
	margin: 0 0 15px 0; /* space underneath text paragraphs */
	}
	
.ContentSmall { /* body text for small legal type at the bottom in greads to legal stuff for any <p> fonts\styles for the content container */
	font: 8pt Times, serif;
	line-height: 12pt;
	color: #333333;
	}

.CardHeader { 
	font: 12pt Georgia, serif;
	font-weight:bold;
	line-height: 13pt;
	color: #333333;
}

.CardUrl {
	font: 10pt Georgia, serif;
	font-weight:bold;
	line-height: 13pt;
	margin: 0 0 4px 0;
}

.CardBold {
	font: 9pt Georgia, serif;
	font-weight:bold;
	line-height: 13pt;
	color: #333333;
	margin: 0 0 4px 0;
}

.CardBody { /* for the body text (colRight of the Card.Table) in the Builder\community Cards */
	font: 9pt Georgia, serif;
	line-height: 13pt;
	color: #3333333;
}

.CardList { /* I want this css to have less space thean the typical list does at the top of a list but couldnt kill it so it should look more like the mockup site... http://www.fscidesign.com/sites/wwhs/builders.html */
	font: 10pt Times, serif;
	line-height: 11pt;
	color: #333333;
	margin: 0 0 2px 0;
}


/* wordpress specific styles */

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 20px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
/* */
#sidebar .video {
	height: 250px;
	width: 300;
	}

#sidebar .sideGallery {
	background: #f8941d;
	padding: 10px 20px;
	width: 260px;
	}

	#sidebar .sideGallery a {
		background: #fff;
		display: inline-block;
		float: left;
		height: 65px;
		margin: 0 15px 10px 0;
		width: 70px;
		}

#sidebar div.photo {
	background: #fff;
	/*height: 250px;*/
	width: 300px;
	}

#sidebar ul.topBox {
	background: #cdcdcd;
	border-bottom: solid 12px #fff;
	color: #fff;
	display: block;
	font-size: 21px;
	height: 200px;
	margin: 0;
	padding: 0;
	width: 300px;
	}

#sidebar ul#topBoxMap {
	background: none;
	border: none;
	}
		
	#sidebar ul.topBox li {
		line-height: 100%;
		padding-top: 20px;
		padding-left: 35px;
		}
		
		#sidebar ul.topBox li a {
			color: #fff;
			}
			
		#sidebar ul.topBox li a.currentMapLink {
			color: #cdcdcd;
			font-size: 26px;
			}