/*
Theme Name: Graaf
Theme URI: http://graaf.nl/
Description: WordPress theme for Graaf Relocation Management
Version: 1.0
Author: Geert Jan Nordeman
Author URI: http://geertjannordeman.nl/
Tags: white, ocre, grey, fixed width, two columns, widgets
*/

@import 'css/reset.css';

hr {
	display: none;
}

a, a:visited {
	color: #654E34;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

h1 {
	height: 0;
	visibility: hidden;
	line-height: 0;
	display: none;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	color: #654E34;
	margin: 0 0 18px 0;
}

h3 {
	font-size: 15px;
	font-weight: bold;
	color: #654E34;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	color: #654E34;
	margin: 0 0 3px 0;
}

.clear {
	clear: both;
}

.spacer {
	height: 36px;
	width: 36px;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

img { 
	-ms-interpolation-mode: bicubic; 
}
a img {
	border: none;
	padding: 0;
	margin: 0;
}
img.alignleft {
	float: left;
	margin: 0 18px 5px 0;
}
img.alignright {
	float: right;
	margin: 0 0 5px 18px;
}


/* ---------------------------------- */

body {
	background: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 81%;
	color: #5A4825;
}

#page {
	text-align: left;
	width: 936px;
	margin: 0 auto;
}

/* ---------------------------------- */

#header {
	background: url(img/header.jpg) top right no-repeat;
	height: 113px;
	padding: 31px 0 0 0;
}

#topmenu {
	height: 36px;
	margin: 0;
	background: url(img/menubg.png) left top repeat-x;
}
#submenu {
	background: url(img/submenubg.png) left top no-repeat;
	height: 36px;
	margin: 0;
	padding: 0 8px;
}
#topmenu ul, #submenu ul {
	width: 920px;
	float: left;
}
#topmenu ul li, #submenu ul li {
	float: left;
}
#topmenu ul li a {
	padding: 10px 20px 8px 20px;
	display: block;
	border-right: 1px solid #fff;
}
#submenu ul li a {
	padding: 10px 20px 8px 20px;
	display: block;
	text-decoration: none;
	color: #5A4825;
}
#menuleft {
	background: url(img/menuleft.png) left top no-repeat;
	width: 8px;
	height: 36px;
	float: left;
}
#menuright {
	background: url(img/menuright.png) right top no-repeat;
	width: 8px;
	height: 36px;
	float: right;
}

/* ---------------------------------- */

#content {
	overflow: hidden;
	line-height: 1.5em;
	margin-bottom: 36px;
}

.widecolumn {
	width: 700px;
	float: left;
	margin: 0 36px 0 0;
}
.middlecolumn {
	width: 517px;
	float: left;
	margin: 0 36px 0 5px;
}
.narrowcolumn {
	width: 165px;
	float: left;
	margin: 0 13px 0 0;
}
.narrowcolumn.last {
	margin: 0;
}
body.page-template-default .narrowcolumn {
	padding: 26px 0;
}

img.thumb {
	width: 165px;
}
body.category-partners .post img.thumb {
	width: 140px;
}

.post {
	margin: 0 0 1.5em 0;
	clear: both;
}
body.category .post {
	padding: 0 0 30px 0;
	background: url(img/sepa2.png) bottom left no-repeat;
}
.entry p {
	margin: 0 0 1.5em 0;
}
body.category .description {
	margin: 0 0 36px 0;
}

#homebanner {
	background: url(img/homebanner.jpg) top left no-repeat;
	width: 700px;
	height: 276px;
	margin: 0 0 36px 0;
}
#homebanner a#contactbutton {
	display: block;
	width: 205px;
	height: 40px;
	float: right;
	margin: 220px 20px 0 0;
}


#services {
	clear: both;
	margin: 0 0 36px 0;
}
#services .title {
	clear: both;
	display: block;
	margin: 0 0 18px 0;
}
#services .narrowcolumn {
	border-top: 2px solid #ccc;
	padding: 11px 0;
}
#services .narrowcolumn h2 {
	margin: 0 0 15px 0;
}
#services .thumbholder {
	width: 165px;
	height: 123px;
	overflow: hidden;
}
#services .entry {
	margin: 15px 0 10px 0;
	height: 135px;
	overflow: hidden;
}
#services a.readmore {
	background: url(img/dot.png) 0px 2px no-repeat;
	padding: 0 0 0 17px;
	color: #D31B6E;
	text-decoration: none;
	font-weight: bold;
}


ul.metadata {
	margin: -4px 18px 18px 0;
	width: 220px;
	float: left;
}
ul.metadata li {
	border-bottom: 1px solid #F2EBE8;
	padding: 4px 10px;
	overflow: hidden;
}
ul.metadata li span.key {
	float: left;
	width: 70%;
}
ul.metadata li span.value {
	float: right;
}

body.category-woningaanbod .post .action {
	float: right;
	width: 279px;
	
}
body.category-woningaanbod .post a.readmore, body.single .action a.readmore {
	background: url(img/dot.png) 0px 5px no-repeat;
	padding: 0 0 0 17px;
	margin: 3px 0 0 0;
	color: #D31B6E;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.nocomments {
	display: none;
}

/* ---------------------------------- */

#sidebar {
	width: 200px;
	float: right;
	margin: 0 0 36px 0;
}

.widget {
	margin: 0 0 18px 0;
}

.widget_woneninspanje {
	margin-bottom: 36px;
}
.widget_woneninspanje .block {
	background: #f3f3f3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 9px 9px 20px 9px;
	margin: 9px 0 0 0;
	clear: both;
}
.widget_woneninspanje img.thumb {
	width: 182px;
}
.widget_woneninspanje a.readmore {
	background: #946926;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 8px;
	float: right;
	display: block;
	color: #fff;
	font-size: 12px;
	margin: -10px 18px 0 0;
}

#searchform {
	margin: 18px 0 0 0;
	width: 200px;
}
#searchform #s {
	background: url(img/inputsubmit.png) right bottom no-repeat;
	_background: url(img/inputsubmit.png) right bottom no-repeat fixed;
	border: none;
	padding: 3px 35px 2px 5px;
	margin: 0;
	width: 160px;
	height: 20px;
	overflow: hidden;
}
#searchform label {
	display: none;
}
#searchform #searchsubmit {
	border: none;
	background: none;
	color: #654E34;
	padding: 0 7px 0 7px;
	margin: -26px 0 0 0;
	width: 30px;
	font-size: 18px;
	line-height: 18px;
	float: right;
	position: relative;
	cursor: pointer;
}

/* ---------------------------------- */

#footer {
	width: 900px;
	clear: both;
	margin: 36px 0;
	padding: 30px 18px 18px 18px;
	border: none;
}
#footer p {
	text-align: center;
	margin: 0 0 5px 0;
}