/*  
Theme Name: Haverkamp
Author URI: http://www.janolepeek.com/
Version: 1.0
Author: Jan Ole Peek
Description: Custom theme built for Haverkamp Properties website
*/

body {
	background: #FFFFFF url(images/body-bg.jpg) top left repeat-x;
	color: #383838;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0px 0px 0px 0px;
	behavior: url("csshover3.htc");
}



body * {
	margin: 0px; 
	padding: 0px;
}
img {
	border: none;
	background: none;
}
hr {
	height: 5px;
	color: #fff;
	margin: 10px 0px;
	border: none;
	border-top: 1px dotted #D3D3D3;
}
blockquote{
	margin: 0px 0px 0px 15px;
	padding: 0px 45px 15px 50px;
	background: url(images/quote.gif) no-repeat;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	color: #666666;
	}
blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
.clearboth {
	clear: both;
}
/*************************************
	Links
**************************************/
a {
	color: #FA7F42;
	text-decoration: underline;
	}
	
a:hover{
	text-decoration: underline;
	color: #0A4E97;
	}
/*************************************
	Headings
**************************************/
h1, h3 {
	color: #416a81;
	font-size: 26px;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 30px;
	}
h3.h1 { /*make homepage h3's for the first 2 stories look like H1 */
	font-size: 22px;
}
h1 a, h3 a, h1 a:visited, h3 a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
h1 a:hover, h3 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
h2 {
	color: #000;
	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	padding: 10px 0px;
	line-height: 150%;
	margin: 0px;
}

#homecontent li {
	list-style-type: none;
}

#homecontent p {
	text-align: center;
}

#homecontent .textwidget {
	margin: 0 30px 0 30px;
}

#homecontent h2 {
	color: #416a81;
	font-size: 26px;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
	line-height: 30px;
}

#testimonials h2 {
	color: #416a81;
	font-size: 26px;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0 0 0 25px;
}

#test1, #test2, #test3 {
	border: 1px solid #999999;
	width: 128px;
	float: left;
	margin: 10px 0 0 25px;
	padding: 6px;
	height: 100px;
	overflow: hidden;
}

#test1 h2, #test2 h2, #test3 h2 {
	color: #416a81;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: -3px 0;
}

#properties {
	width: 298px;
	height: 222px;
	background: url(images/propertiesbg.png) no-repeat;
	padding-top: 80px;
}

#properties-wrap {
	width: 298px;
	background: url(images/propertiesbg-middle.png) center center repeat-y;
}

#properties-top {
	width: 298px;
	background: url(images/propertiesbg-top.png) center top no-repeat;
	padding-top: 80px;
}

#properties-content {
	width: 273px;
	padding-left: 20px;
	padding-right: 15px;
}

#properties-bottom {
	height: 33px;
	width: 298px;
	background: url(images/propertiesbg-bottom.png) center bottom no-repeat;
}

#dots {
	height: 1px;
	width: 250px;
	background: url(images/dots.png) left center repeat-x;
}


#latestnews {
	width: 298px;
	height: 242px;
	background: url(images/newsbg.png) no-repeat;
}

#applynow {
	width: 248px;
	height: 123px;
	background: url(images/applybg.png) no-repeat;
	padding: 60px 0 0 50px;
}

.inputtext {
	border: 1px solid #969494;
	background: #FFFFFF;
	color: #2e2a2b;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	height: 20px;
	width: 200px;
	margin-bottom: 8px;
	margin-left: 20px;
}

#recentnews h2 {
	height: 75px;
	width: 232px;
	color: #01580a;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	background: url(images/news.png) no-repeat;
}


#properties ul li {
	margin: 0 20px 10px 5px;
	padding-bottom: 20px;
	.padding-bottom: 10px;
}

#properties-content ul li {
	margin: 0 20px 10px 5px;
	padding-bottom: 20px;
	.padding-bottom: 10px;
}

#latestnews ul {
	padding: 80px 20px 0 28px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
}

#latestnews ul li a, #latestnews ul li a:hover, #latestnews ul li {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0 7px 0;
	.padding: 0 0 5px 0;
}


#recentnews ul li a, #recentnews ul li p{
	margin: 0 10px 10px 10px;
}

#properties ul li a, #properties-content ul li a, #recentnews ul li a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
}

#properties ul li p, #properties-content ul li p, #recentnews ul li p {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 10px 20px 0 75px;.
	.padding: 10px; 20px 0 0;
	min-height: 52px;
}

#propimg {
	border: 1px solid #FFFFFF;
	float: left;
}

.propheader {
	height: 49px;
	width: 232px;
	color: #01580a;
	font-size: 16px;
	font-weight: normal;
	font-family: Tahoma, Sans-Serif;
	margin: 10px 0 0 60px;
}






#test1 .textwidget, #test2 .textwidget, #test3 .textwidget {
	color: #999999;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0px;
}
	
h2 a, h2 a:visited  {
	color: #6B030B;
	text-decoration: underline;
}
h2 a:hover {
	color: #000000;
	text-decoration: none;
	}
h3 {
	font-size: 18px;
}
#sidebar h3 {
	font-size: 22px; 
}
h3 a, h3 a:visited {
	color: #FFF;
	text-decoration: none;
}
#sidebar h2 {
	margin: 0px; padding: 5px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;;
	font-weight: bold;
	color: #3D474E;
}
#sidebar #popular h2 {
	color: #F97B1E;
}
h6 {
	color: #000;
	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;;
	font-weight: normal;
	padding: 10px 0px;
	line-height: 150%;
	margin: 0px;
}
/*************************************
	Header
**************************************/
#header { 
	width: 100%;
	height: 215px;
	padding: 0px;
	margin:  0px auto;
	position: relative;
	background: url(images/headerbg.png) repeat-x;
	.height: 211px;
	}
#headerinner {
	width: 925px;
	height: 215px;
	margin-left: auto;
	margin-right: auto;
}

#address {
	width: 436px;
	height: 60px;
	margin: 0 0 0 520px;
	background: url(images/addressbg.png) no-repeat;
}

#address p {
	font-size: 15px;
	color: #FFFFFF;
	font-family: Sans-Serif, Arial, Helvetica;
	padding: 15px 0 0 110px;
}

/*
#header .title a {
	color: #ACD3FD;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 38px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#header .title a:hover {
	color: #FFF;
}
#header .description {
	clear:  both;
	color: #FFF;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 10px 4px 10px;
	width:  850px;
}
*/
/*************************************
	Top Search Form
**************************************/
.searchform {
	background: #073365 url(images/searchform-bg.gif) bottom left no-repeat;
	float: right;
	padding: 10px;
	position: absolute;
	top: 1px;
	right: 10px;
	width: 348px;
}
.searchform .s {
	border: none;
	background: #4674A7;
	color: #FFF;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 8px 8px 9px 8px;
	width: 283px;
	float: left;
}
.searchform .button {
	float: right;
}
/*************************************
	RSS Feed
**************************************/
.feeds {
	position: absolute;
	top: 73px;
	right: 10px;
	display: block;
	width: 150px; height: 50px;
	float: right;
	text-align: right;
	text-transform: none;
	font-size: 11px;
	color: #EAF4FF;
	padding: 0px;
	background: transparent;
}
.feeds a, .feeds img {
	padding: 0px; margin: 0px;
}
.feeds a:hover {
}
.feeds .rss {
	padding: 0px; margin: 0px;
}
.feeds .email {
/* if you want to add an email sub */
}
/*************************************
	Horizontal Menu
**************************************/
#menu {
    height: 55px;
    background: transparent;
    padding: 0px; 
    margin: 6px 0 0 30px;
    clear: both;
    float: left;
    background: url(images/menu-left.png) left no-repeat;
    .margin-top: -1px;
    }
#menu ul {
	float: left;
	display: block;
	height: 55px
	margin: 0px 0px 0px 0px;
	padding: 0px 9px 0px 10px;
	background: url(images/menu-right.png) right no-repeat;
	}
#menu li {
	float: left;
	height: 55px;
	list-style-type: none;
	padding: 0px;
	background: url(images/menu.png) top right no-repeat;
	}
#menu ul li.current_page_item {
	background: url(images/menu-active.png) top left no-repeat;
	height: 55px;
	margin-right: -25px;
	margin-left: -10px;
	}
#menu ul li.current_page_item a {
	color: #000000;	
	text-decoration: none;
	height: 55px;
	padding-right: 34px;
	padding-left: 0px;
	margin-left: 20px;
	background: url(images/menu-active.png) top right no-repeat;
	}
#menu ul li a {
	font-family: Sans-Serif, Arial;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 22px 0px 0px 20px;
	margin: 0px 24px 0px -1px;
	height: 55px;
	background: url(images/menu.png) top left no-repeat;
	}
#menu ul li a:hover {
	color: #000000;
	text-decoration: underline;
	height: 55px;
	}
	



	


/*************************************
	Main Container
**************************************/
#container { 
	width: 925px;
	background: #FFF url(images/cont-bg.png) repeat-y;
	text-align: left; 
	margin: 0px auto 0px auto;
	padding: 0;
	min-height: 790px;
}

#container-top {
	width: 925px;
	height: 116px;
	background: #FFF url(images/cont-top.png) no-repeat;
}

/*************************************
	Content
**************************************/


#content {
	width: 550px;
	padding: 50px 0 0 50px; 
	margin-top: -116px;
}

#calendar {
	width: 100px;
	height: 72px;
	background: url(images/cal.png) no-repeat;
}

#month {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	width: 100px;
	padding-top: 8px;
}

#day {
	font-family: Arial;
	color: #80a83a;
	font-size: 20px;
	text-align: center;
	width: 100px;
	margin-top: 4px;
}

#postheader h3 {
	font-family: Arial;
	color: #80a83a;
	font-size: 20px;
	font-weight: normal;
	padding-top: 8px;
	margin: -75px 0 0 100px;
}

#postheader h3 a, #postheader h3 a:hover {
	font-family: Arial;
	color: #80a83a;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}

#postheader h4 {
	font-family: Arial;
	color: #787a74;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 25px;
	margin-left: 100px;
}

#postheadernocal h3 {
	font-family: Arial;
	color: #80a83a;
	font-size: 20px;
	font-weight: normal;
	padding-top: 8px;
	margin-left: 10px;
}

#postheadernocal h3 a, #postheadernocal h3 a:hover {
	font-family: Arial;
	color: #80a83a;
	font-size: 20px;
	font-weight: normal;
		text-decoration: none;
}

#postheadernocal h4 {
	font-family: Arial;
	color: #787a74;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 10px;
	margin-left: 10px;
}

#postcontent {
	width: 538px;
	min-height: 170px;
	background: #FFFFFF url(images/postbg.png) top no-repeat;
}

#postcontent p {
	font-family: Arial;
	color: #595858;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 15px 10px 15px;
}

#postbottom {
	width: 538px;
	height: 53px;
	background: url(images/postbottom.png) no-repeat;
}

.post-meta-bottom a {
	color: #535353;
	text-decoration: none;
}
.post-meta-bottom a:hover {
	text-decoration: underline;
}
.cat {
	float:  left;
	width: 75%;
	text-align: left;
}
.cat span {
	background: url(images/catbg.gif) 0px 0px no-repeat;
	padding: 0px 0px 0px 18px;
}
.comm {
	float: right;
	width: 25%;
	text-align: right;
}
.comm span {
	background: url(images/commbg.gif) 0px 0px no-repeat;
	padding: 0px 0px 0px 18px;
}
.auth {
	float: left;
	width: 50%;
	text-align: left;
}
.auth span {
	background: url(images/authbg.gif) 0px 1px no-repeat;
	padding: 0px 0px 0px 15px;
}
.auth a {
	text-decoration: none;
}
.date {
	float: right;
	width: 50%;
	text-align: right;
}
.date span {
	background: url(images/datebg.gif) 0px 0px no-repeat;
	padding: 0px 0px 0px 18px;
}
/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 15px 0px;
	padding: 2px 0px;
	height: 22px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
	margin: 2px 0px;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
	margin: 2px 0px;
}
.page-nav a {
	text-decoration: none;
}
.nav-previous a {
	padding-left: 10px;
}
.nav-next a {
	padding-right: 10px;
}
/*************************************
**************************************
	Comments
**************************************
**************************************/
#comments-wrap {
}

/*	Headers	*/

#comments-wrap h6 {
	font-size: 20px;
}

/*	Comments	*/

.commentlist {	
}
.thecomment {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}
.comment-body {
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	margin: 0px; padding: 10px;
}
.comment-metadata {
	background: #4A7BB5;
	padding: 10px;
	color: #FFF;
}
.comment-metadata a, .comment-metadata a:visited {
	color: #FFF;
}
.comment-metadata a:hover {
	color: #FF8800;
}
.authorcomment {
	border: 1px solid #CCC;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}
.authorcomment .comment-body {
	border: none;
}
.authorcomment .comment-metadata {
	background: #FCF4C7;
	padding: 11px 10px;
	color: #AD5433;
}
.authorcomment .comment-metadata a {
	color: #AD5433;
}
.authorcomment .comment-metadata a:hover {
	color: #FF8800;
}

/*	Comment Form	*/

#commentform {
}

#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}

#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
} 

/*************************************
	Sidebar
**************************************/
#sidebarwrap {
	float: right;
	margin-right: 25px;
	margin-top: -80px;
}

#sidebar {
	display: block;
	width: 300px;
}

#sidebar ul {
	list-style-type: none;
}
#sidebar .ads {
	text-align: center;
	padding: 0px 10px 20px 10px;
}


/*************************************
	Popular Posts Section
**************************************/
#sidebar #sidebarwrap #popular {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	background: #CDEBFE url(images/popular-top.gif) top left no-repeat;
}
#popular ul {
	margin: 0px; padding: 0px 10px 15px 10px;
	background: #CDEBFE url(images/popular-bottom.gif) bottom left no-repeat;
}
#popular ul li {
	margin: 0px; padding: 0px;
}
#popular ul li ul {
	border-top: 1px solid #C1D8E6;
	padding:  0px;
}
#popular ul li ul li {
	margin: 0px; padding: 5px 15px;
	border-bottom: 1px solid #C1D8E6;
	background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}
#popular ul li ul li a, #popular ul li ul li a:visited {
	color: #003399;
	padding: 0;
	margin: 0px;
	text-decoration: none;
}
#popular ul li ul li a:hover {
	text-decoration: underline;
}

/*************************************
	Left Sidebar
**************************************/
#l_sidebar {
	float: left;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; padding: 0px 0px 0px 10px;
}
#l_sidebar ul, #l_sidebar ul li {
	margin: 0px; padding: 0px;
}
#l_sidebar ul li ul {
	border-top: 1px solid #C1D8E6;
}
#l_sidebar ul li ul li {
	margin: 0px; padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #C1D8E6;
	background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}
#l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited {
	color: #003399;
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
}
#l_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#l_sidebar ul li ul li ul li {
	border-bottom: 1px solid #EAF4FF; /*IE Bug Fix */
	border-top: 1px solid #C1D8E6;
	background: none;
	margin:  0px; padding: 0px;
}
#l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited {
	color: #003399;
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
}
#l_sidebar ul li ul li ul {
	border: none;
	padding: 0px; margin: 0px;
}
#l_sidebar ul li ul li ul li a:hover {
	text-decoration: underline;
}

/*************************************
	Right Sidebar
**************************************/
#r_sidebar {
	float: right;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; padding: 0px 10px 0px 0px;
}
#r_sidebar ul, #r_sidebar ul li {
	margin: 0px; padding: 0px;
}
#r_sidebar ul li ul {
	border-top: 1px solid #C1D8E6;
}
#r_sidebar ul li ul li {
	margin: 0px; padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #C1D8E6;
	background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}
#r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited {
	color: #003399;
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
}
#r_sidebar ul li ul li a:hover {
	color: #003399;
	text-decoration: underline;
}
#r_sidebar ul li ul li ul li {
	border-bottom: 1px solid #EAF4FF; /*IE Bug Fix */
	border-top: 1px solid #C1D8E6;
	background: none;
	margin:  0px; padding: 0px;
}
#r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited {
	color: #003399;
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
}
#r_sidebar ul li ul li ul {
	border: none;
	padding: 0px; margin: 0px;
}
#r_sidebar ul li ul li ul li a:hover {
	color: #003399;
	text-decoration: underline;
}
/*************************************
	Footer
**************************************/
#text-link-ads {
	padding: 15px;
	text-align: left;
	clear: both;
	}

/*************************************
	Footer
**************************************/
#footer {
	height: 135px;
	background: url(images/footer-bg.png) repeat-x;
	margin-top: -20px;
}

#footerinner { 
	width: 925px;
	height: 135px;
	margin: 0 auto 0 auto;
	background: url(images/footer-inner.png) no-repeat;
	}
#footerinner a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer-right {
	float: right;
	color: #FFFFFF;
	font-size: 11px;
	margin-right: 40px;
	margin-top: 40px;
	font-family: Arial, Helvetica, Sans-Serif;
}
#footer-left {
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	margin-left: 40px;
	margin-top: 40px;
	font-family: Arial, Helvetica, Sans-Serif;
}

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