/*

Theme Name: At Home In Portland

Author: Dan Marek

Author URI: http://www.homequestgroup.com/

*/



* {

	margin: 0; padding: 0;

}

body {

	behavior: url("csshover3.htc");

/*	text-align: center; */

	font: 14px Times, Serif;

	color: #333;

	background: #753900 url(images/bg_tile.jpg) repeat-y center top;

	padding: 0;

}

#main_wrap_head {

	background: url(images/bg.jpg) no-repeat center top;

}

a {

	text-decoration: none;
	
	font-style: italic;
	
	font-weight: bold;

	color: #7f3f00;

}

a:hover {

	text-decoration: underline;

}



p {

	color: #333;
	margin-bottom: 15px;
	line-height: 1.8em;

}



img {

	border: 0;

}



.break {

	font-size: 0;

	width: 0; height: 0;

	clear: both;

}

.alignleft {

	float: left;

	margin: 4px 10px 5px 0;

}

.alignright {

	float: right;

	margin: 4px 0 5px 10px;

}

.aligncenter {

	text-align: center;

}

.hidden {

	display: none;

}



/** BEGIN wrapper **/
#idx_wrap {

	margin: 0px auto 0px;

	padding: 0px;

	}



.wrapper {

	width: 960px; 

	margin: 0 auto;

	text-align: left;
	
	background: #cdb194 url(images/wrapper_bg.png) repeat-x 0 0;
	
	border-left: 1px solid #8e5f31;
	
	border-right: 1px solid #8e5f31;
	
	border-top: 1px solid #9c703a;

}

/** END wrapper **/



/** BEGIN header **/

#header {

	position: relative;
	
	width: 960px;
	
	height: 170px;
	
	margin: 0 auto;

}

	#header-nav {

		float: left;
		
		background: url(images/nav-left.png) no-repeat left top;
		
		margin: 20px 0 0 20px;

	}

	/** BEGIN top nav **/



	#header-nav ul {

		list-style-type: none;
		
		height: 46px;
		
		padding: 9px 15px 0;
		
		background: url(images/nav-right.png) no-repeat right top;

	}

		#header-nav ul li {

			float: left;
			
			margin: 0 5px;
			
			position:relative;
			
			z-index:999;

		}

		#header-nav ul li a {

			display: block;
			
			color: #ded2c5;
			
			font: bold 12px Arial, sans-serif;

			padding: 5px 8px;

		}

		#header-nav ul li a:hover {

			text-decoration: underline;

		}

		/** Main Nav drop down menus **/

		#header-nav ul li ul li, #header-nav ul li ul li:hover {

			float: left; 

			margin: 0px;

			padding: 0px;

			text-transform:none;
			
			background: #9c703a;
			
			border: 0 none;
			
			position:relative;
			
			z-index:2000;

			}


			#header-nav ul li ul li a, #header-nav ul li ul li a:link, #header-nav ul li ul li a:visited {

				background: transparent;

				width: 118px;

				float: none; 

				margin: 0px;

				padding: 5px 10px 5px 10px;
				
				color: #ded2c5;
				
				font-size: 12px;

				}

			#header-nav ul li ul li a:hover, #header-nav ul li ul li a:active {

				padding: 5px 10px 5px 10px;
				
				text-decoration: underline;
				
				background: none transparent;

				}

		

			#header-nav ul li ul {

				position: absolute;
				
				left:15px;
				
				top:100%;
				
				background: transparent;

				width: 138px;

				display:none;

				z-index: 2000;
				
				padding:0;

			}
			
			#header-nav ul li ul li ul {
			
				position:absolute;
				
				left:100%;
				
				top:0;
				
			}

		

			#header-nav ul li:hover ul {

				display: block;

				}
				
			#header-nav ul li:hover ul li ul {
			
				display:none;

			}
			
			#header-nav ul li ul li:hover ul {
				display:block;
			}



		

	/** END top nav **/

		

	#header h1 {
		
		float: left;

	}

		#header h1 a {

			display: block;

			width: 310px; height: 101px;

			text-indent: -9999px;

			outline: none;
			
			background: url(images/logo.png) no-repeat 0 0;

		}
		
	#search-nav {
	
		width: 319px;
		
		height: 26px;
		
		background: url(images/search_bg.png) no-repeat 0 0;

		position: absolute;
		
		bottom: 0;
		
		right: 13px;
		
		padding: 5px 0 0 15px;
	
	}

	#search-nav #s {
	
		width: 268px;

		float:left;
		
		border: 0 none;
		
		color: #f2e7d8;
		
		background: transparent;
		
		font-size: 12px;
		
		font-weight: bold;
		
		padding: 5px;
		
		font-family: Arial, Sans;
	
	}
	
	#search-nav #search_btn {
	
		width: 25px;
		
		height: 25px;

		float:left;
		
		border: 0 none;
		
		text-indent: -9999px;
		
		background: url(images/search_button.png) no-repeat center center;

		font-size:0px;

		color:#753900;

		padding-top:18px;

		outline:none;
	
	}
/** END header **/



/** BEGIN content **/

#content {

	width: 564px;

	float: left;
	
	background: #fbefe0;
	
	border: 1px solid #d4b687;
	
	margin: 7px 0 0 7px;
	
	padding: 0 17px 17px;

}

#content ol, #content ul {

	padding-left: 28px;

}

#content .post-header {

	margin-top: 5px;

}

#content h1 {

	color:#7f3f00;
	
	font-family: Times, Serif;

	font-size:27px;

}

#content h1 a {

	color: #7f3f00;
	
	font-style: normal;

}

#content .post-header h1 {

	float: left;
	
	width: 500px;

}

#content .post-header .date {

	width: 54px;
	
	height: 37px;
	
	padding-top: 6px;
	
	background: url(images/date_bg.png) no-repeat 0 0;
	
	float: right;
	
	color:#7f3f00;
	
	text-align: center;

}

#content .post-header .date .month {

	display: block;
	
	font-size: 12px;

}

#content .post-header .date .day {

	display: block;
	
	font-size: 20px;
	
	font-weight: bold;

}


/** END content **/



/** BEGIN sidebar **/

#mrealty h1 {font-size:1em; border-bottom:1px solid #ccc; margin: 0 10px 10px 90px;padding:10px 0 5px 5px;}



#mrealty p {padding-left:95px;}



#sidebar {

	float: right;

	width: 299px;

	background: #fbefe0;
	
	border: 1px solid #d4b687;
	
	margin: 7px 7px 0 0;
	
	padding: 17px;

}

	#sidebar h2 {

		color: #7f3f00;

		font-size: 16pt;

		padding: 3px 0;

	}

	#sidebar ul {

		list-style-type: none;

		padding: 0 0 10px;

	}

		#sidebar ul li {

			line-height: 1.4em;

			padding: 2px;

		}

		#sidebar ul li a {

			color: #333;
			
			font-weight: normal;
			
			font-style: normal;

		}

		#sidebar ul li a:hover {

			color: #7f3f00;

			text-decoration: none;

		}

	#sidebar .tags {

		padding: 0 0 10px;

	}

		#sidebar .tags a {

			color: #727272;

		}

		#sidebar .tags a:hover {

			color: #7f3f00;

			text-decoration: none;

		}

	#sidebar .flickr {

		padding: 0 0 10px;

	}

		#sidebar .flickr img {

			margin: 2px;

		}

	#sidebar .video {

		padding: 0 0 10px;

	}

/** END sidebar **/



/** BEGIN footer **/


#footer {

	width: 946px;
	
	margin: 0 auto;

	background: #CDB194 url(images/footer_bg.png) no-repeat center 20px;
	
	color: #7F3F00;
	
	padding: 80px 7px 0;
	
}

#footer p {
	color: #7F3F00;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #fbefe0;
	font-size: 15px;
	font-family: Times, Serif;
	font-weight: bold;
	border-bottom: 2px solid #fbefe0;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#footer a {
	color: #fbefe0;
	font-weight: bold;
	font-style: italic;
	}

#footer a:hover {
	color: #fbefe0;
	text-decoration: underline;
	}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #7F3F00;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #fbefe0;
	}

#footer ul li a:hover {
	background: #fbefe0;
	color: #333;
	text-decoration: none;
	}
	
#footerleft {
	float: left;
	width: 220px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#footermiddle1 {
	float: left;
	width: 220px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#footermiddle2 {
	float: left;
	width: 220px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#footerright {
	float: right;
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#footer #searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#footer #s {
	background: #FFFFFF;
	width: 200px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 4px;
	margin: 7px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}

#older-newer-links {

	height: 30px;
	
	width: 628px;
	
	float: left;

}

#older-newer-links .older {

	float: left;
	
	margin-left: 10px;
	
}

#older-newer-links .newer {

	float: right;
	
	margin-right: 10px;

}

/** END footer **/



/** BEGIN miscellaneous **/



#comments {

	padding: 15px;
	
	margin-top: 15px;

}

	#comments h2 {

		font-size: 1em;

		background-color: #444;

		padding: 2px 5px;

	}

	#comments p {

		margin-bottom: 10px;

		line-height: 1.6em;

	}

	#comments form {

		padding-top: 20px;

	}

	#comments form p {

		margin-bottom: 5px;

	}

		#comments form input {

			margin-right: 5px;

		}

		#comments form textarea {

			background:#eee;

			border:solid 1px #7F3F00;

			font-size: 0.9em;

			font-family: Arial, Helvetica, Sans;

			padding: 4px;
			
			width: 500px;

		}
		
		#comments form input {

			width:150x;
			
			background: #eee;
			
			border: solid 1px #7F3F00;

		}

		#comments form #submit {

			-moz-border-radius: 6px;

			-webkit-border-radius: 6px; 

			background:#7F3F00;

			font-size: 0.9em;

			font-family: Arial, Helvetica, Sans;

			color:#fff;

			padding: 4px;

			border:solid 1px #444;

		}

		#comments form button {

			font-size: 1em;

			font-family: Arial, Helvetica, Sans;

			padding: 2px 6px;

		}

	.commentdetails {

		margin-top: 25px;

	}

	.commentauthor {

		margin-bottom: 5px !important;

		font-weight: bold;

	}

	.commentdate {

		font-size: 0.8em;

		margin-bottom: 5px;

		color: #444;

	}

	.required {

		color: #ff0000;

	}

.notfound {

	padding: 40px;

}

	.notfound h2 {

		font-size: 18px;

		font-weight: normal;

		margin-bottom: 10px;

	}



/* For Facebook Connect widget, since it does not adhere to the <ul><li> widget convention */

.invitebutton { font-size: 12px; color: #033333; }



/* END Facebook Connect widget */



/** END miscellaneous **/



/** BEGIN wordpress 2.7 comments **/



#comments ol {

	list-style-type: none;

	clear: both;

	padding: 0;

	margin: 0;

}

	#comments ol li {

		background:#eee;

		padding: 10px;

		border: 1px solid #7F3F00;

		margin-bottom: 10px;

	}

	#comments ol li .avatar {

		float: right;

	}

	#comments ol li .comment-author {

		

	}

		#comments ol li .comment-author .fn {

			font-weight: bold;

			font-size: 1.2em;

		}

	#comments ol li .comment-meta {

		font-size: 0.9em;

		color: #999999;

		margin: 5px 0 10px;

	}

	#comments ol li .reply {

		font-size: 0.9em;

		font-weight: bold;

		padding-bottom: 10px;

	}

	#comments .children {

		list-style-type: none;

	}

#comments .navigation {

	padding: 10px 0 20px;

	font-size: 0.9em;

}

	#comments .navigation a {

		color: #999;

		padding: 3px 8px;

		border: 1px solid #ccc;

	}

	#comments .navigation a:hover {

		color: #333;

		border-color: #333;

		text-decoration: none;

	}

#comments .says {

	display: none;

}



/** END wordpress 2.7 comments **/



.wmd-preview {	

	float: left;

	width:550px;

	margin: 0 0 10px;

	padding: 0 10px 15px;

	display:none;

	}



.previewtitle {

	display:none;

}

#tweetblender { 
line-height:16px !important; 
padding:0 10px 10px !important;
width:230px !important;
}

/** CLEARFIX **/
.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
