/*  
Theme Name: Recruitment Matters Default
Theme URI: http://www.dizzain.com/blog_customization/
Description: The WordPress theme for site <b>Recruitment Matters</b>.
Version: 1.6 (26.06.2008)
Author: Dizzain.com
Author URI: http://www.dizzain.com/
*/

@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: auto !important;
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	font: 11px Verdana;
}

a { color: #a6514a; }
a:hover { text-decoration: none; }

p { margin: 1em 0 0 0; }

img { border: 0; }

.clear { clear: both; }

/*
	Layers
*/

#page {
	width: 100%;
	/*float: left;*/
	overflow: hidden;
	background: #ffa741 url("images/back-top.jpg") top repeat-x;
}

#all {
	width: 100%;
	/*float: left;*/
	overflow: hidden;
	background: url("images/back-bottom.jpg") bottom repeat-x;
}

#container {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	float: left;
	width: 1000px;
	height: 284px;
	background: url("images/back-header.jpg") bottom center no-repeat;
}

#nav {
	float: left;
	width: 1000px;
	height: 200px;
}

#nav.spring {
	background: url("images/flowers.jpg") 80px 81px no-repeat;
}

#wrapper {
	float: left;
	width: 1000px;
	height: 100%;
	background: url("images/back-wrapper.gif") repeat-y;
}

#bottom {
	margin: 0 auto;
	width: 1000px;
	height: 80px;
	background: url("images/back-footer.jpg") bottom center no-repeat;
	margin-bottom: -55px;
}

#footer {
	margin: 0 auto;
	height: 175px;
	width: 1000px;
}

#weergave {
	float: right;
	width: 150px;
	height: 30px;
	margin-top: 35px;
	margin-right: 215px;
	font: 14px/51px Impact;
	text-transform: uppercase;
	letter-spacing: 1px;
}

html>body #weergave {
	margin-top: 20px;
	margin-right: 440px;
}

#weergave img {
	vertical-align: middle;
}

/*
	Content
*/

#content {
	float: left;
	width: 580px;
	background: url("images/back-content.gif") repeat-y;
}

#sidebar_one {
	float: left;
	width: 220px;
}

* html #sidebar_one {
	margin: 0 0 0 -60px;
}

#sidebar_two {
	float: left;
	width: 190px;
}

/*
	Logo
*/

#logo {
	float: right;
	background: url("images/logo.jpg") top no-repeat;
	width: 396px;
	height: 84px;
	margin-right: 50px;
}

#logo a {
	display: block;
	width: 396px;
	height: 84px;
}

#logo a span { display: none; }

/*
	Menu
*/

#menu {
	float: left;
	width: 724px;
	height: 51px;
	background: url("images/menu.gif") no-repeat;
	margin-top: 30px;
	margin-left: 20px;
}

html>body #menu {
	margin-left: 40px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 51px;
	padding-left: 10px;
}

#menu ul li {
	float: left;
	height: 51px;
	font: 14px/51px Impact;
	color: #676f78;
	display: table-cell;
	vertical-align: middle;
}

#menu ul li a {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	height: 51px;
	color: #676f78;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 5px;
	padding-left: 50px;
}

#menu ul li a span { display: none; }

#menu ul li a:hover { color: #fff; }

#menu ul li.active a { color: #fff; cursor: default; }

#menu ul li#home a {
	background: url("images/menu/home.gif") left no-repeat;
}

#menu ul li#bloggers a {
	background: url("images/menu/bloggers.gif") left 5px no-repeat;
	font: 14px/16px Impact;
	width: 60px;
	padding-top: 10px;
}

#menu ul li#informatie a {
	background: url("images/menu/informatie.gif") left no-repeat;
}

#menu ul li#rss a {
	background: url("images/menu/rss.gif") left 5px no-repeat;
	font: 14px/16px Impact;
	width: 80px;
	padding-top: 10px;
}

#menu ul li#contact a {
	background: url("images/menu/contact.gif") left no-repeat;
}

#menu ul li#sitemap a {
	background: url("images/menu/sitemap.gif") left no-repeat;
}

/*
	Posts
*/

#posts {
	float: left;
	width: 555px;
}

*:first-child+html #posts {
	overflow: hidden;
}

.post {
	margin-left: 35px;
	margin-right: 55px;
	padding-bottom: 20px;
	background: url("images/post-f.gif") left bottom no-repeat;
	overflow: hidden;
}

* html #posts {
	float: left;
	width: 555px;
}

* html .post {
	margin-left: 35px;
	margin-right: 27px;
	padding-bottom: 20px;
	background: url("images/post-f.gif") left bottom no-repeat;
}

.post h1, .post h2 {
	font: 28px Georgia;
	color: #d52a1b;
	margin: 10px 0;
	padding-left: 30px;
}

.post h1 a, .post h2 a {
	color: #d52a1b;
	text-decoration: none;
}

.post .info {
	font: 10px/14px Verdana;
	color: #35383b;
	background: url("images/post-title.gif") left bottom no-repeat;
	margin-bottom: 20px;
	padding-left: 30px;
	width: 510px;
	float: left;
	height: 60px;
}

.post .info.small {
	line-height: 1px;
	background: url("images/post-title.gif") left bottom no-repeat;
	margin-bottom: 20px;
	padding-left: 30px;
	width: 510px;
	float: left;
	height: 2px;
}

.post .info .left {
	float: left;
	width: 350px;
}

.post .info .right {
	float: left;
	width: 100px;
}

.post .info .author {
	background: url("images/icons/author.gif") left center no-repeat;
	padding: 0 0 0 30px; 
	height: 20px;
}

.post .info .rubrieken {
	background: url("images/icons/rubrieken.gif") left center no-repeat;
	padding: 5px 30px;
	float: left;
	width: 350px;
	margin: 0;
	height: 26px;
}

.post .info .rubrieken .left {
	width: 70px;
	float: left;
}

.post .info .rubrieken .right {
	width: 250px;
	float: left;
}

.post .info .author a {
	color: #35383b;
	text-decoration: none;
}

.post p {
	font: 12px/20px Verdana;
	color: #4d3838;
	padding-left: 30px;
}

.post ul, .post ol {
	margin: 10px 0 10px 50px;
	color: #4D3838;
}

.post ul li {
	margin: 0;
	padding: 0;
	font: 12px/20px Verdana;
}

.post ol li {
	margin: 0 10px;
	padding: 0;
	font: 12px/20px Verdana;
}

.post ul li ul {
	margin: 10px 20px;
}

.post img {
	margin: 23px;
	border: 1px solid #CD7C1E;
}

.post .bottom {
	background: url("images/post-bottom.gif") left top no-repeat;
	margin: 20px 0 0;
	padding: 10px 0;
}

.post .bottom p {
	font: 11px/20px Verdana;
}

.post .bottom .reageer {
	background: url("images/icons/reageer.gif") left center no-repeat;
	padding-left: 30px;
	margin-left: 30px;
}

.post .bottom .print {
	background: url("images/icons/print.gif") left center no-repeat;
	padding-left: 30px;
	margin-left: 30px;
}

.post .bottom .stem {
	background: url("images/icons/stem.gif") left center no-repeat;
	padding-left: 30px;
	margin-left: 30px;
}

.post .bottom .wat {
	text-align: center;
}

.post .bottom .toon {
	background: url("images/icons/toon.gif") left center no-repeat;
	padding-left: 30px;
	margin-left: 30px;
}

.post .bottom .pagina {
	background: url("images/icons/pagina.gif") left center no-repeat;
	padding-left: 30px;
	margin-left: 30px;
}

.post .bottom img {
	margin: 0 2px;
	vertical-align: middle;
	border: 0;
}

.separator {
	height: 20px;
	background: url("images/separator.gif") left no-repeat;
}

.post .related {
}

.post .related h3 {
	background: url("images/related-posts.gif") 0 0 no-repeat;
	width: 380px;
	height: 61px;
	margin-top: 10px;
}

.post .related h3 span {
	display: none;
}

.post .related ul {
	padding: 10px 0 0;
	list-style-type: none;
}

.post .related ul li {
	background: url("images/bullet.gif") left no-repeat;
	padding-left: 20px;
}

/*
	Sidebars
*/

#sidebar_one p, #sidebar_two p {
	color: #272b2f;
	font: 11px Verdana;
}

#sidebar_one a, #sidebar_two a {
	color: #272b2f;
	text-decoration: none;
}

#sidebar_one .time, #sidebar_two .time {
	color: #fff;
	font: bold 9px Verdana;
}

#recente, #onderwerpen, #zoeken, #artikelen, #onze, #mail, #blogroll, #archief, #meest, #besproken {
	width: 180px;
	margin-bottom: 50px;
}

#recente, #artikelen {
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#recente h2, #onderwerpen h2, #zoeken h2, #artikelen h2, #onze h2, #blogroll h2, #archief h2, #meest h2, #besproken h2 {
	font: 14px/50px Impact;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #272b2f;
	padding-left: 55px;
}

#mail h2 {
	font: 14px/18px Impact;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #272b2f;
	padding-left: 55px;
}

#recente h2 {
	background: url("images/icons/recente-posts.gif") left no-repeat;
}

#onderwerpen h2 {
	background: url("images/icons/onderwerpen.gif") left no-repeat;
}

#onderwerpen ul {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#onderwerpen ul li {
	/*background: url("images/icons/onderwerpen-li.gif") left no-repeat;
	padding-left: 25px;*/
	font: 11px/16px Verdana;
	font-weight: bold;
}

#zoeken h2 {
	background: url("images/icons/zoeken.gif") left no-repeat;
}


#artikelen h2 {
	background: url("images/icons/artikelen.gif") left no-repeat;
}

#onze h2 {
	background: url("images/icons/onze.gif") left no-repeat;
}

#onze img {
	border: 1px solid #000;
}

#mail h2 {
	background: url("images/icons/mail.gif") left no-repeat;
}

#meest h2 {
	background: url("images/icons/messt-gelezen.gif") left no-repeat;
}

#besproken h2 {
	background: url("images/icons/meest-besproken.gif") left no-repeat;
}

#blogroll h2 {
	background: url("images/icons/blogroll.gif") left no-repeat;
}

#blogroll ul {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#blogroll ul li {
	/*background: url("images/icons/cloud.gif") left no-repeat;
	padding-left: 25px;*/
	font: 11px/16px Verdana;
	font-weight: bold;
}

#archief h2 {
	background: url("images/icons/archief.gif") left no-repeat;
}

#archief ul {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#archief ul li {
	padding-left: 5px;
	font: 11px/16px Verdana;
	font-weight: bold;
}

#onze .u {
	float: left;
	margin-top: 10px;
	width: 180px;
}

#onze .l {
	float: left;
	width: 50px;
}

#onze .r {
	float: left;
	width: 110px;
}

/*
	Form
*/

#form, #form2 {
	margin-top: 20px;
}

#form .sibmit, #form2 .sibmit {
	border: 0;
	background: transparent;
	font-weight: bold;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font: bold 12px Verdana;
}

/*
	Footer
*/

#footer .info {
	width: 800px;
	height: 50px;
	padding-top: 65px;
	padding-left: 40px;
}

#footer .logo {
	float: left;
	background: url("images/logo-bottom.jpg") left no-repeat;
	width: 250px;
	height: 50px;
}

#footer .text {
	float: left;
	width: 250px;
	height: 20px;
	font: 10px/20px Verdana;
	color: #fff;
	margin-top: 20px;
}

#footer .snippet {
	float: left;
	width: 100px;
	height: 20px;
	font: 10px/20px Verdana;
	color: #fff;
	margin-top: 10px;
}

#footer a {
	color: #fff;
}

/*
	Navigation
*/

.navigation {
	float: left;
	padding: 5px 20px 0px 30px;
	background: url("images/navigation.gif") top left no-repeat;
	width: 520px;
	height: 40px;
	font: 11px/40px Verdana;
}

.alignright {
	float: right;
	margin-right: 30px;
}

.alignleft {
	float: left
}

/*
	Comments
*/

#comments {
	margin-left: 35px;
	margin-right: 2px;
}

#comments p {
	padding-right: 53px;
}

#comments cite {
	font: bold 10px Verdana;
}

#comments img {
	margin: 0;
	border: 0;
}

#comments h4 {
	font: 14px/50px Impact;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #272b2f;
	padding-left: 55px;
	margin-left: 25px;
	background: url("images/icons/reacties.gif") left no-repeat;
}

h4#respond {
	font: 14px/50px Impact;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #272b2f;
	padding-left: 80px;
	margin-left: 0;
	background: none;
	background: url("images/icons/reacties.gif") no-repeat 20px 0;
}

.comment .info {
	font: 10px/20px Verdana;
	color: #35383b;
	background: url("images/post-title.gif") left bottom no-repeat;
	margin-bottom: 20px;
	width: 510px;
	float: left;
	height: 30px;
}

.trackback .info {
	font: 10px/20px Verdana;
	color: #35383b;
	margin-bottom: 10px;
	width: 510px;
	float: left;
	background: none;
}

.trackback .info .author {
	float: left;
	padding: 5px 0;
	width: 420px;
	background: none;
}

.comment .info .author {
	float: left;
	background: url("images/icons/author.gif") left center no-repeat;
	padding: 5px 30px;
	width: 420px;
}

#commentform p {
	overflow: hidden;
}

* html #commentform p {
	zoom: 1;
}

#commentform textarea {
	margin: 0;
	color: #604948;
	font: 9px Verdana, sans-serif;
	width: 450px;
}

#commentform p label {
	float: left;
	width: 90px;
}

#commentform p input {
	float: left;
	height: 14px;
	padding: 2px 0 0 0;
	margin: 0 10px 0 0;
	color: #604948;
	font: 11px Verdana, sans-serif;
}

/*
#commentform p span {
	font: italic 10px Verdana, sans-serif;
	position: relative;
	top: 2px;
}
*/

#commentform .subscribe-to-comments label {
	width: auto;
	padding: 0 0 0 5px;
}

#submit {
	background: url("images/plaasten.gif") no-repeat !important;
	width: 115px !important;
	height: 25px !important;
}

* html #submit {
	margin-left: -35px;
}

*:first-child+html #submit {
	margin-left: -35px;
}

/*
.author_comment {
	border-top: 1px solid #BB2D2E;
	border-bottom: 1px solid #BB2D2E;
	margin: 0 0 0 0;
	padding: 10px 0 15px 0;
	background: url("images/author_comment.gif") repeat-y;
}
*/

.author_comment {
	border-top: 1px solid #BB2D2E;
	border-bottom: 1px solid #BB2D2E;
	margin: -20px 0 0 -20px;
	padding: 32px 0 15px 20px;
	background: url("images/author_comment.gif") repeat-y;
}


.author_comment .info {
	background: url("images/author_comment_info.gif") no-repeat;
}

/*
	Comments and trackbacks
*/

.reacties_trackbacks {
	list-style-type: none;
	overflow: hidden;
	margin: -8px 0 0 0 !important;
	padding: 0 !important;
}

* html .reacties_trackbacks {
	zoom: 1;
}

.reacties_trackbacks li {
	color: #000;
	float: left;
	height: 69px;
	color: #272B2F;
	font: 14px/69px Impact !important;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.reacties_trackbacks li a {
	text-decoration: none;
	color: #272B2F;
	background-image: url("images/reacties_trackbacks.gif");
	background-repeat: no-repeat;
	display: block;
	height: 69px;
	padding: 0 0 0 80px !important;
}


.reacties_trackbacks li span {
	text-decoration: none;
	color: #272B2F;
	background-image: url("images/reacties_trackbacks.gif");
	background-repeat: no-repeat;
	display: block;
	height: 69px;
	padding: 0 0 0 80px !important;
}


.reacties_trackbacks li#tab_reacties {
	width: 211px;
}

.reacties_trackbacks li.active a#reacties {
	background-position: 0 0;
}

.reacties_trackbacks li.unactive a#reacties {
	background-position: 0 -69px;
}


.reacties_trackbacks li.active span#reacties {
	background-position: 0 0;
}

.reacties_trackbacks li.unactive span#reacties {
	background-position: 0 -69px;
}


.reacties_trackbacks li#tab_trackbacks {
	width: 307px;
}

.reacties_trackbacks li.active a#trackbacks {
	background-position: -211px -69px;
}

.reacties_trackbacks li.unactive a#trackbacks {
	background-position: -211px 0;
}


.reacties_trackbacks li.active span#trackbacks {
	background-position: -211px -69px;
}

.reacties_trackbacks li.unactive span#trackbacks {
	background-position: -211px 0;
}

/*
	Karma
*/

.vote {
	margin: 20px 0 0 30px;
	font: 10px/30px Verdana;
}

.vote .up, .vote .down {
	margin: 10px;
	display: inline;
}

.vote .up .image-up {
	background: url("images/vote/up.png") left no-repeat;
	color: #be1e2d;
	text-decoration: underline;
	cursor: pointer;
	padding: 10px 0 10px 20px;
}

.vote .down .image-down {
	background: url("images/vote/down.png") left no-repeat;
	color: #be1e2d;
	text-decoration: underline;
	cursor: pointer;
	padding: 10px 0 10px 20px;
}

.vote .up .gray-up {
	background: url("images/vote/gray_up.png") left no-repeat;
	padding: 10px 0 10px 20px;
}

.vote .down .gray-down {
	background: url("images/vote/gray_down.png") left no-repeat;
	padding: 10px 0 10px 20px;
}

.post .bar {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}

.comment .bar {
	float: right;
	margin-top: -15px;
}

.comment .bar .karma-no, .post .bar .karma-no {
	display: block;
	width: 68px;
	height: 10px;
}

.comment .bar .karma-0, .post .bar .karma-0 {
	display: block;
	width: 68px;
	height: 10px;
	background: url("images/bar/bar_0.png") left top no-repeat;
}

.comment .bar .karma-1, .post .bar .karma-1 {
	display: block;
	width: 68px;
	height: 10px;
	background: url("images/bar/bar_1.png") left top no-repeat;
}

.comment .bar .karma-2, .post .bar .karma-2 {
	display: block;
	width: 68px;
	height: 10px;
	background: url("images/bar/bar_2.png") left top no-repeat;
}

.comment .bar .karma-3, .post .bar .karma-3 {
	display: block;
	width: 68px;
	height: 10px;
	background: url("images/bar/bar_3.png") left top no-repeat;
}

.comment .bar .karma-4, .post .bar .karma-4 {
	display: block;
	width: 68px;
	height: 10px;
	background: url("images/bar/bar_4.png") left top no-repeat;
}

.comment .bar .karma-5, .post .bar .karma-5 {
	display: block;
	width: 68px;
	height: 10px;
	background: url("images/bar/bar_5.png") left top no-repeat;
}

#comments .field, #comments textarea {
	background: #fff;
	border-top: 1px solid #C2C0C0;
	border-left: 1px solid #C2C0C0;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;	
}

#comments .field {
	width: 230px;
}

#comments .button {
	background: url("images/submit.gif") left top no-repeat;
	width: 109px;
	height: 19px;
	border: 0;
	cursor: pointer;
}


.post .podPress_content {
	margin-left: 30px;
}

@media all and (min-width: 0) {
    .comment .bar, .post .bar { margin-top: 15px; }
}

.user_avatar {
	float: right;
	border: 0;
	margin: 0;
	padding: 0;
}

/*
	Subnav
*/

#subnav {
	width: 180px;
	margin-bottom: 50px;
}

#subnav .panel {
	width: 175px;
	background: url("images/subnav/back.gif") 0 0 repeat-y;
	/*min-height: 200px;
	height: auto !important;
	height: 200px;*/
	margin-left: 5px;
}

#subnav .panel .top {
	width: 175px;
	background: url("images/subnav/top.gif") left top no-repeat;
	height: 10px;
}

#subnav .panel .bottom {
	width: 175px;
	background: url("images/subnav/bottom.gif") left bottom no-repeat;
	height: 10px;
}

#subnav .panel .list {
	width: 175px;
}

#subnav .panel ul {
	list-style-type: none;
	padding: 20px 0 0px 15px;
}

#subnav .panel ul li {
	font: 14px/35px Impact;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	padding-left: 40px;
	margin-bottom: 18px;
}

#subnav .panel ul li.sollicitatie {
	background: url("images/subnav/icons/sollicitatie.gif") 0 0 no-repeat;
	font: 14px/18px Impact;
}

#subnav .panel ul li.banen {
	background: url("images/subnav/icons/banen.gif") 0 0 no-repeat;
}

#subnav .panel ul li.index {
	background: url("images/subnav/icons/index.gif") 0 0 no-repeat;
}

#subnav .panel ul li a {
	color: #fff;
}

#subnav .panel ul li a:hover {
	color: #eee;
}

/*
	Extended search
*/

#extsearch {
	float: left;
	margin-left: 30px;
}

#extsearch select {
	width: 200px;
	font: 12px/16px Arial;
	border-top: 1px solid #C2C0C0;
	border-left: 1px solid #C2C0C0;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

#extsearch .field {
	width: 190px;
	font: 12px/16px Arial;
	padding: 2px;
	border-top: 1px solid #C2C0C0;
	border-left: 1px solid #C2C0C0;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

#extsearch label {
	vertical-align: top;
}

#extsearch .button {
	border: 0;
	background: transparent;
	font: bold 14px/20px Arial;
	text-transform: lowercase;
	cursor: pointer;
}