/*
Theme Name: Lisa Williams
Theme URI: http://lisawilliams.ca/
Description: Lisa Williams - Your Realtor for Waterfront and Luxury Homes .

*/


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #002641 url(images/main_bg.jpg) no-repeat center top;
}

img {
	border: none;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}

.clear {
	clear: both;
}

.img-left {
	border: 1px solid #000;
	float: left;
	margin: 0 15px 0 0;
}

#shadow-bg {
	width: 954px;
	background: url(images/shadow-bg.png) repeat-y;
	margin: 0 auto;
}

#wrapper {
	width: 920px;
	background: #FFF url(images/wrapper-bg.jpg) repeat-x;
	margin: 0 auto;
	padding: 0 9px 10px 9px;
}

#header {
	width: 901px;
	height: 156px;
	background: url(images/header-bg.png) no-repeat left bottom;
	margin: 0 auto;
}

#header h1 {
	margin: 0;
	padding: 57px 0 0 18px;
}

#header h1 a {
	width: 465px;
	height: 98px;
	display: block;
	text-indent: -9999px;
}

#nav {
	width: 919px;
	margin: 10px 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav ul {
	margin: 0;
	list-style: none;
}

#nav li {
	margin: 0 22px 0 20px;
	-margin: 0 18px 0 20px;
	padding: 0;
	float: left;
}

#nav li a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav li a:hover {
	color: #f3cf05;
}

#nav li a.active {
	color: #f3cf05;
}

#content {
	width: 883px;
	padding: 0 0 0 0;
	margin: 0 auto;
}

#left-content {
	margin:20px 0 0 0;
	width: 589px;
	float: left;
}

.post {
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #d0d0d0;
}

.dateBox {
width: 55px;
height: 43px;
background: url(images/date-bg.png) no-repeat;
float: left;
margin: 0 17px 0 0;
padding: 10px 0 0 0;
color: #3f3f3f;
font-size: 19px;
text-align: center;
line-height: 18px;
}

.dateBox span {
font-size: 11px;
}

.post h2 a {
	color: #000;
	font-size: 23px;
	text-decoration: none;
}


.post p.postby {
	margin: 6px 0 0 0;
	font-size: 13px;
}

.post p.postby a {
	color: #000;
	text-decoration: none;
}

.post p.postby a:hover {
	text-decoration: underline;
}



.entry {
	color: #000;
	font-size: 13px;

	margin: 18px 0 18px 0;
}

.entry p {
padding: 0 0 10px 0;
	line-height: 22px;
}

.entry p img {
border: 1px solid #000;
padding: 0;
margin: 5px 20px 20px 0;
}

.postmetadata {
	width: 563px;
	height: 25px;
	background: url(images/postmetadata-bg.png) no-repeat;
	padding: 8px 12px 0 12px;
	font-size: 13px;
	color: #103e5b;
}

.postmetadata a {
	color: #103e5b;
	text-decoration: none;
}

.postmetadata a:hover {
	text-decoration: underline;
}

#sidebar {
	margin:20px 0 0 0;
	width: 264px;
	float: right;
	overflow:hidden;
}

#search-box-bg {
	width: 262px;
	height: 38px;
	background: url(images/search-box-bg.png) no-repeat;
}

#search-box-bg .input-box {
}

#search-box-bg .btn-search {
}

#botm_shad {
	width:954px;
	height:18px;
	overflow: hidden;
	background: url(images/botm_shado.png) no-repeat;
	margin: 0 auto;
}

.blueText {
	color: #2b4671;
	font-size: 16px;
	margin: 0 0 0 230px;
	_margin: 0 0 0 120px;
}

#footer {
	width: 938px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	text-align: center;
}

#footer p.footer-nav {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#footer p.footer-nav a {
	color: #fff;
	text-decoration: none;
}

#footer p.footer-nav a:hover {
	text-decoration: underline;
}

#footer p.webdesign {
	margin: 10px 0 0 0;
}

#footer p.webdesign a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

#footer p.webdesign a:hover {
	text-decoration: underline;
}


.reading{
	margin:0px;
	padding:0 20px 0 0;
	width:110px;
	height:17px;
	float:right;
	cursor:pointer;
	background:url(images/arrow.jpg) no-repeat right;
}

.rss_feed{
	padding:7px 0 5px 35px;
	height:29px;
	font-weight:bold;
	color:#fff;
	font-size:18px;
	background:url(images/rssfeed-icon.png) no-repeat;
}

.blog_in{
	margin:7px 0 0 7px;
	padding:3px 0 0 5px;
	float:left;
	width:172px;
	height:19px;
	border:1px #4b4b4b solid;
	background:#fff url(images/blog_input.jpg) repeat-x;
}

.right_tab{
	padding:11px 0 0 15px;
	margin:7px 0 0 0;
	width:249px;
	height:25px;
	color:#eaeaea;
	font-weight:bold;
	font-size:15px;
	background:url(images/right_tab.png) no-repeat;
}

.right_nav{
	margin:0px;
	padding:10px 0 0 0;
}

.right_nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.right_nav li{
	margin:0px;
	padding:0px;
	display:block;
}

.right_nav li a{
	margin:0px;
	padding:7px 0px 7px 30px;
	font-size:12px;
	width:232px;
	display:block;
	float:left;
	color:#000;
	text-decoration: underline;
	background: url(images/arow.png) no-repeat 10px 10px;
}

.right_nav li a:hover{
	text-decoration: none;
	background: url(images/arow.png) no-repeat 10px 10px;
}

.right_border{
	border-left:1px #9d9d9d solid;
	border-right:1px #9d9d9d solid;
	background:#e7e7e7 url(images/right_bg.jpg) repeat-x;
}

.tab_2{
	padding:8px 0 0 15px;
	height:23px;
	width:247px;
	color:#eaeaea;
	font-weight:bold;
	font-size:15px;
	background:url(images/tab_2.jpg) no-repeat;
}

.right_botm{
	height:10px;
	width:264px;
	overflow:hidden;
	background:url(images/right_botm.jpg) no-repeat;
}


/*-------------------------------------------------
-----------------------internal page --------------
---------------------------------------------------*/

.share{
	font-weight:bold;
	font-style:italic;
}


.comment{
	margin:0px;
	padding:0px;
}

.comment h3  {
	padding:15px 0 13px 0;
	color: #4c4c4c;
	font-size: 18px;
	font-weight:bold;
}

.comment_top{
	height:10px;
	width:585px;
	overflow:hidden;
	background:url(images/comment_top.jpg) no-repeat;
}

.comment_text{
	padding:8px 9px;
	width:557px;
	overflow:hidden;
	border-left:5px #e5edf4 solid;
	border-right:5px #e5edf4 solid;
}

.comment_botm{
	height:10px;
	width:585px;
	overflow:hidden;
	background:url(images/comment_botm.jpg) no-repeat;
}

.comment_img{
	float:left;
	margin:0 10px 0 0;
}

/*.comment p{
	padding:3px 0 ;
	font-size:13px;
	color:#7f7f7f;
	line-height:18px;
}

.comment td{
	margin:0px;
	padding:5px;
	font-size:12px;
	color:#7f7f7f;
}

.comment_inbox{
	padding:8px 5px 0 5px;
	height:21px;
	width:172px;
	border:1px #ccc solid;
	background:#fff url(images/comment_in.jpg) repeat-x top left;
}

.comment_text_area{
	padding:8px 5px 0 5px;
	height:104px;
	width:565px;
	border:1px #ccc solid;
	background:#fff url(images/comment_in.jpg) repeat-x top left;
}

.text_box{
	width:470px;
	float:right;
}

.comment_tab{
	margin:0px;
	padding:5px 10px;
	height:11px;
	color:#205d99;
	font-size:12px;
	background:#eaeaea;
	font-weight:bold;
	float:left;
}
*/

/* 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 */



ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:4px solid #e9f0f6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 12px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard span.says { font: 11px Arial, Helvetica, sans-serif;} 
ol.commentlist li div.vcard img.avatar { background: #fff; border: 3px solid #e4d4a0; padding: 0px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font: 10px Arial, Helvetica, sans-serif; padding:2px 5px 2px 5px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

a#cancel-comment-reply-link {
font-size: 11px;
}


/* IE6 Hack*/

/*\*/
* html ol.commentlist li div.vcard img.avatar { background: #fff; border: 3px solid #e4d4a0; padding: 0px; left: -55px; position:absolute; top:8px; }

* html ol.commentlist li div.comment-meta { font-weight:bold; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; position:absolute; right:20px; text-align:right; top:7px; }
/**/

select {
	width: 130px;
	}

#commentform input {
padding: 5px 5px 5px 5px;
margin: 5px 3px 1px 0;
width:151px;
border:1px #ccc solid;
background:#fff url(images/comment_in.jpg) repeat-x top left;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 5px;
	border:1px #ccc solid;
background:#fff url(images/comment_in.jpg) repeat-x top left;

	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
#commentform  button {
width: 182px;
height: 30px;
background: url(images/submit.jpg) no-repeat;
border: none;
text-indent: -9999px;
cursor: pointer;
margin: 15px 0 0 0;
}
#commentform  #captchaInputDiv {
font-size: 12px;
padding: 0 0 5px 0;
}
	
	
/* End Form Elements */


h3#comments {
padding: 0 0 25px 0;
}

h3#leave-a-reply {
padding:15px 0 13px 0;
color: #4c4c4c;
font-size: 18px;
font-weight:bold;
}


h2.pagetitle {
padding:0px 0 18px 0;
color: #f9d500;
font-size: 22px;
font-weight:bold;
}

#search_form {
padding: 15px 0 0 0;
width: 325px;
}

#search_form input#s{
margin:7px 0 0 7px;
padding:3px 0 0 5px;
width:172px;
height:19px;
border:1px #4b4b4b solid;
background:#fff url(images/blog_input.jpg) repeat-x;
}

#search_form label  {
font-size: 12px;
}