/*
Theme Name: Olie Media
Theme URI: http://www.whoooz.nl
Description: Olie Media corporate website theme (built on the excellent <a href="http://www.elliotjaystocks.com/starkers/">Starkers Theme</a> by <a href="http://www.elliotjaystocks.com/">Elliot Jay Stocks</a>)
Version: 1.0 (SVN Rev. 3)
Author: Christiaan Arthur Hemerik
Author URI: http://www.whoooz.nl
Tags: oliemedia, olie, Groningen, starkers, naked, clean, basic
*/

/* Import reset- and typography files */
@import "style/css/reset.css";
@import "style/css/typography.css";

/* WordPress default styles */
.aligncenter { display:block; margin:6px auto 20px auto; }
.alignleft { float:left; margin: 6px 18px 20px 0; }
.alignright { float:right; margin: 6px 0 20px 18px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* --------------------------------------------------------------- DEVELOPMENT GRID LAYOUT */
body { 
	background: #220301; 
}

/* --------------------------------------------------------------- DEFAULT TYPOGRAPHY */
@font-face { 
	font-family: CooperStd; 
        src: url(assets/fonts/CooperBlackStd.eot); /* IE */ 
        src: url(assets/fonts/CooperBlackStd.otf) format("opentype"); /* non-IE */ 
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}
h2, h3, h4, h5, h6 {
	font-family: CooperStd, Georgia, Times, "Times New Roman", serif;
	color: rgb(0, 187, 226);
}
h2#pagetitle {
	color: #220301;
	font-size: 2.3em;
	margin: -5px 0 16px 0;
}
ul#websites li h3 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.post-content h1, div.post-content h2, div.post-content h3, div.post-content h4, div.post-content h5, div.post-content h6 {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.status-apparte, .status-apparte a {
	color: #ff6600 !important;
	border: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.vcard h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.node h2, .node h3, .node h4, .node h5 { font-size: 1.4em; font-weight: normal; line-height: 1.4em; margin-bottom: 10px; }
.home #content .node-double h2:first-child { font-size: 1.4em; }
.node p { font-size: 0.9em; line-height: 1.55em; }
ul.blog-latest li h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
p#payoff { font-family: CooperStd, impact, sans-serif; /*color: #220301 !important;*/ }
p#secundary-payoff { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; }
p#secundary-payoff span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; padding: 0 5px; font-weight: normal !important; color: #4d433c; }
body.page-template-template_contact-php #sidebar h2 { margin-left: 0px !important; }

/* --------------------------------------------------------------- LINKS */
a {
	color: rgb(0, 187, 226);
	text-decoration: none;
	border-bottom: 1px dotted rgb(182, 237, 248);
}
a:hover {
	color: rgb(0, 149, 192);
	border-bottom-color: rgb(0, 187, 226);
}
a#home-about {
	position: absolute;
	bottom: 61px; left: 390px;
	display: block;
	background: #00759f;
	border: none;
	color: white;
	font-size: 0.8em;
	letter-spacing: 0px;
	padding: 7px 8px;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a#home-about:hover {
	background: rgb(0, 187, 226) !important;
}

/* --------------------------------------------------------------- BODIES & NODES */
.wrapper {
	width: 960px;
	margin: 0 auto;
}
.node {
	float: left;
	width: 320px;
}
.node-double {
	width: 640px;
}
.node-full {
	width: 960px;
}
#node-home {
	width: 960px;
	margin-bottom: 40px;
}
a.readmore {
	display: inline-block;
	font-size: 0.9em;
	line-height: 1.8em;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom:30px !important;
	border-bottom: none;
	padding-left: 15px;
	line-height: 14px;
	background: url(style/images/icon-postmorelink.gif) no-repeat 0px 0px;
}
	a.readmore:hover {
		background-position: 0 -14px;
	}
body.home #node-home a.readmore {
	display: inline-block !important;
	height: 15px !important;
	margin-bottom: 8px;
	background: url(style/images/icon-oliearrow-small.gif) no-repeat 0px 2px;
	padding-left: 15px;
	line-height: 15px;
	border: none;
	font-size: 0.9em !important;
}
body.home #node-home a.readmore:hover {
	background-position: 0px -10px;
} 

#content .node-full .node:last-child {
	margin-right: -10px;
	padding-left: 10px;
}
.imagecontainer {
	position: relative;
	margin-bottom: 25px;
	margin-left: -10px;
}
.imagecontainer img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #dddddd;
	-webkit-box-shadow: 1px 1px 4px #dbdbdb; -moz-box-shadow: 0px 0px 4px #dbdbdb; box-shadow: 1px 1px 4px #dbdbdb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 8px;
}
.verplicht {
	color: #ff3300 !important;
	padding-left: 3px !important;
}
.administrated {
	display: block;
	font-size: 0.95em;
	color: #fff;
	background: #ff6600;			
	padding: 1px 5px 2px 5px;
	margin-bottom: 15px;
	margin-left: -80px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.administrated a {
	color: #ffd600;
	border-color: #ffd600;
}
/* --------------------------------------------------------------- MASTHEAD */
#masthead {
	border-top: 10px solid rgb(0, 187, 226);
	border-bottom: 10px solid #ededed;
	background: #f3f3f3;
}
.home #masthead {
	border-bottom: 10px solid #e7e7e7;
}
#masthead .wrapper { 
	position: relative;
	height: 150px;
}
#masthead h1 {
	position: absolute;
	top: 44px; left: 0px;
}
#masthead h1, #masthead h1 a {
	background: url(style/images/logo-olie-klein.jpg) no-repeat transparent;
	width: 123px;
	height: 63px;
}
#masthead h1 a {
	display: block;
	text-indent: -9999px;
	border-bottom: none;
}
.nav-main { 
	position: absolute;
	top: 60px; right: 0px;
}
.nav-main li { 
	display: inline;

}
.nav-main li a { 
	display: block;
	float: left;
	font-size: 1.35em;
	margin-left: 10px;
	font-weight: bold;
	border: none;
        background: #fff;
	padding: 4px 18px;
	border-color: #fff;
	-webkit-box-shadow: 1px 1px 2px #c0c3c6; -moz-box-shadow: 0px 0px 6px #dbdbdb; box-shadow: 1px 1px 2px #c0c3c6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.nav-main li a:hover {
	color: #fff;
	background: rgb(0, 187, 226);
}
/* Gewijzigd door Christiaan, 27-04 @ 17:43 ivm plugin Olie Media voor navigatie */
.nav-main li.BN-current a { 
	color: #fff;
	background: #220301;
	border-bottom: none;
}
form#searchform {
	position: absolute;
	top: -8px; right: 0px;
	width: 168px;
	padding: 9px 10px 9px 12px;
	background: rgb(0, 187, 226);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
form#searchform input { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
form#searchform input[type=text] { border: 1px solid #fff; width: 90px !important; padding: 2px 4px; margin-top: -1px;font-size: 0.7em; }
form#searchform input[type=text]:active,
form#searchform input[type=text]:focus { border-color: rgb(0, 149, 192); -webkit-box-shadow: 0px 0px 6px rgb(0, 187, 226); -moz-box-shadow: 0px 0px 6px rgb(0, 187, 226); box-shadow: 0px 0px 6px rgb(0, 187, 226); }
form#searchform input[type=submit] { background: #00759f; border: none; color: white; font-weight: normal; font-size: 0.7em; padding: 3px 4px; margin-left: 6px; cursor: pointer; }
form#searchform input[type=submit]:hover { background: #004260; }
form#searchform label {
	display: none;
}

.ilikebtn {
	float: left;
	width: 450px;
	height: 21px;
	left: 0;
	margin-top: 120px;
}

/* --------------------------------------------------------------- CONTENT */
#tagline-bar {
	overflow: hidden;
	background: url(style/images/bg-groningen-color.jpg) repeat-x bottom #000;
	border-bottom: 10px solid #110000;
}
#tagline-bar .wrapper {
	position: relative;
	height: 350px;
}
#tagline-bar .node .node-home-sidebar {
	padding-top: 40px;
}
#tagline-bar .node .node-home-sidebar h2 {
	margin-left: 10px;
}
#content {
	background-color: rgb(255, 255, 255);
	padding: 40px 0 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
}
.home #content .wrapper {
	padding-top: none;
}
#content .wrapper {
	padding-top: 40px;
	margin-top: -40px;
}
#sidebar {
	overflow: hidden;
	width: 320px;
	float: left;
}
#sidebar .node {
	margin-bottom: 10px;
}
#sidebar .readmore a {
	display: block;
	font-size: 1em;
	padding-left: 15px;
	line-height: 14px;
	margin: 10px 0;
	background: url(style/images/icon-postmorelink.gif) no-repeat 0px 0px;
	border: none;
}
#sidebar .readmore a:hover {
	background-position: 0px -14px;
}
.wp-sidebar ul li a{
	line-height: 1.75em;
}
#sidebar .node:first-child h2 {
	margin-left: 10px;
}
body.blog #sidebar .node:first-child h2, body.single #sidebar .node:first-child h2, body.search #sidebar .node:first-child h2, body.archive #sidebar .node:first-child h2 {
	margin-left: 0px;
}
.blog #content, .single #content, .search #content, .archive #content {
	padding-bottom: 60px;
}
.blog #sidebar .node:first-child, .single #sidebar .node:first-child, .search #sidebar .node:first-child, .archive #sidebar .node:first-child {
	margin-bottom: 10px;
}
#sidebar .node-mini {
	width: 150px;
	margin-left: 10px;
	margin: 0 0 30px 10px;
	float: left;
}
#sidebar .node-mini h2, div#cats h2 {
	font-size: 1.1em;
	margin-bottom: 5px;
}
#sidebar .node-mini ul li {
	font-size: 0.8em;
	line-height: 1.4em;
}
p#payoff {
	margin-top: 69px;
	margin-left: -8px;
	width: 517px;
	height: 221px;
	background: url(style/images/payoff.gif) no-repeat;
	text-indent: -9999px;
	border: none;
}
p#secundary-payoff {
	display: none;
}
ul#olie-labels li { margin: 0px; padding: 0px; }
ul#olie-labels li a {
	display: block;
	margin-bottom: 1px;
	border-bottom: none;
}
ul#olie-labels li a img {
	display: block;
	background-color: rgb(255, 255, 255);
	padding: 8px;
	border: 1px solid #dddddd;
	-webkit-box-shadow: 1px 1px 4px #dbdbdb; -moz-box-shadow: 0px 0px 4px #dbdbdb; box-shadow: 1px 1px 4px #dbdbdb;
	width: 300px !important;
	height: 50px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.home ul#olie-labels li a img {
	background-color: none;
	background: url(style/images/bg-trans-labels.png) repeat;
	border: none;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
ul#olie-labels li a:hover img {
	border-color: rgb(0, 187, 226) !important;
	background: rgb(0, 187, 226);
}
ul#olie-labels span {
	display: none;
}
ul.blog-latest {
	margin-left: -10px;
	margin-bottom: 45px;
}
ul.blog-latest li {
	margin-bottom: 6px;
	padding: 3px 10px;
	background: #f7f7f7;
	border: 1px dotted #ebebeb; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
ul.blog-latest li p {
	font-size: 0.75em;
	letter-spacing: 0.5px;
	line-height: 1.55em;
}
ul.blog-latest li h3 {
	font-size: 0.95em;
	margin-bottom: 0px;
}
body.page-template-template_websites-php p.intro {
	width: auto;
}
body.page-template-template_websites-php h2#pagetitle {
	margin-bottom: 0px;
}
ul#websites {
	overflow: hidden;
	margin-left: -10px;
	padding-top: 0px;
	margin-bottom: 20px;
}
ul#websites li {
	position: relative;
	float: left;
	width: 272px;
	min-height: 430px !important;
	height: 445px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px 20px 20px 20px;
	background: #f3f3f3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
ul#websites li .imagecontainer { 
	margin-left: 0px;
	margin-bottom: 15px;
}
ul#websites li h3 {
	margin-bottom: 8px;
}
ul#websites li h3 a {
	border: none;
	color: #333333;
}
ul#websites li h3 a:hover {
	color: rgb(0, 149, 192);
}
dl.website-info {
}
dd.website-summary {
	font-size: 0.85em;
	line-height: 1.45em;
	margin-bottom: 20px;
}
dd.elink a {
	display: block;
	background: url(style/images/icon-oliearrow.gif) no-repeat 0px 0px;
	padding-left: 18px;
	font-size: 0.85em;
	line-height: 15px;
	margin-bottom: 6px;
	border-bottom: none;
}
dd.elink a:hover {
	background-position: 0px -15px;
}

/* ------------------------------------------ POSTS & OLIE MEDIA BLOG */
p.intro {
	font-size: 1.45em;
	line-height: 1.45em;
	font-weight: normal;
	width: 570px;
	margin-bottom: 30px;
	color: #2f2b2b;
}
div#sidebar p.intro {
	width: auto !important;
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 10px;
	margin: 0 0 25px 0px;
}
div.post { 
	position: relative;
	width: 560px;
	margin-bottom: 40px;

}
div.post h3 {
	margin-bottom: 4px;
}
div.post ul.post-meta {
	overflow: hidden;
	margin-bottom: 12px;
	font-size: 0.85em;
	color: #a1a1a1;
}
div.post ul.post-meta li {
	float: left;
	margin-right: 5px;
	padding: 3px 0;
}
	div.post ul.post-meta li.post-meta-timestamp {
		padding-right: 5px;
		border-right: 1px dotted #999;
		font-size: 0.95em;
	}
		div.post ul.post-meta li.post-meta-timestamp em {
			font-style: normal;
			font-weight: bold;
			color: #dddddd !important;
		}
	div.post ul.post-meta li.post-meta-author {
		display: none;
	}
	div.post ul.post-meta li.post-meta-comments {
		padding-right: 5px;
		border-right: 1px dotted #999;
	}
	div.post ul.post-meta li.post-meta-cat {
		overflow: hidden;
		padding-left: 4px;
	}
		div.post ul.post-meta li.post-meta-cat span {
			display: none;
		}
		div.post ul.post-meta li.post-meta-cat a {
			display: block;
			padding: 1px 5px 3px 5px;
			margin-right: 5px;
			font-size: 0.85em;
			background: #dff5fc;
			color: rgb(0, 187, 226);
			float: left;
			border: none;
			-moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0px 0px 3px #d0d0d0; -moz-box-shadow: 0px 0px 3px #d0d0d0; box-shadow: 0px 0px 3px #d0d0d0;
		}
			div.post ul.post-meta li.post-meta-cat a:hover {
				background: rgb(0, 187, 226);
				color: #fff;
			}
		div.post ul.post-meta li.post-meta-edit a {
			position: absolute;
			top: 4px; left: -80px;
			display: block;
			font-size: 0.95em;
			color: #fff;
			background: #ff6600;			
			padding: 1px 5px 2px 5px;
			border: none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
			div.post ul.post-meta li.post-meta-edit a:hover {
				background: #cc3300;
			}
div.post-content p {
	line-height: 1.55em;
	margin-bottom: 15px;
}
div.post-content div {
	line-height: 1.55em;
	margin-bottom: 15px;
        font-size: 0.9em;
}
div.post-content strong {
	font-weight: bold;
	color: #545454;
}
div.post-content ul, div.post-content ol, div.post-content dl {
	margin-bottom: 15px;
}
div.post-content ul li, div.post-content ol li, div.post-content dl dd {
	font-size: 0.9em;
	line-height: 1.55em;
}
div.post-content ul li {
	list-style-type: disc !important;
	margin-left: 26px;
}
div.post-content ol li {
	list-style-type: decimal !important;
	margin-left: 26px;
}
	div.post-content a.more-link {
		display: block;
		font-size: 0.9em;
		padding-left: 15px;
		line-height: 14px;
		margin: 10px 0;
		background: url(style/images/icon-postmorelink.gif) no-repeat 0px 0px;
		border: none;
	}
	div.post-content a.more-link:hover {
		background-position: 0px -14px;	
	}
dl.nav-blog {
	position: relative;
	overflow: hidden;
	width: 560px;
	height: 32px;
}
	dl.nav-blog dd.nb-next {
		position: absolute;
		right: 0px;
	}
	dl.nav-blog dd a {
		font-size: 0.9em;
		display: block;
		padding: 5px 10px;
		background: #ebe3de;
		border: none;
		text-align: center;
		width: 60px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	dl.nav-blog dd a:hover {
		color: #fff;
		background: rgb(0, 187, 226);
	}
div.post-content img {
	display: block;
	background: #fff;
	padding: 8px;
	margin-bottom: 18px !important;
	border: 1px solid #dddddd;
	-webkit-box-shadow: 0px 0px 4px #dbdbdb; -moz-box-shadow: 0px 0px 4px #dbdbdb; box-shadow: 0px 0px 4px #dbdbdb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.post-content blockquote {
	padding: 12px 12px 8px 12px;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	div.post-content h1, div.post-content h2, div.post-content h3, div.post-content h4, div.post-content h5, div.post-content h6 {
		color: #333333;
		font-size: 1.2em;
	}
	div.post-content blockquote p {
		color: #a1a1a1;
		font-style: italic;
		font-size: 0.85em;
		font-style: italic;
		line-height: 1.5em;
		text-align: left;
		padding-left: 40px;
		width: 425px;
	}
		div.post-content blockquote p:first-child {
			background: url(style/images/icon-blockquote-start.gif) no-repeat 0px 0px;
		}
div.wp-caption {
	border: none;
	background: none;
	padding: 0 0 10px 0;
	margin: 0px;
}
	div.wp-caption a img {
		margin-bottom: 5px !important;
	}
	div.wp-caption p {
		color: #a1a1a1;
		font-size: 0.8em;
		font-style: italic;
		line-height: 1.3em;
		text-align: left;
		padding: 0 0 0 9px;
	}
div.post-content a:hover img {
	background: rgb(0, 187, 226);
	border-color: rgb(0, 187, 226); 
}

/* ------------------------------------------ REACTIES OLIEMEDIA BLOG */
#respond {
	margin-top: 30px;
}

#respond h3 {
	margin-left: 130px;
}

	form#commentform .formfield {
		margin-bottom: 12px;
	}
	form#commentform label {
		display: block;
		color: #000;
		font-size: 0.85em;
		padding-top: 11px;
		padding-right: 10px;
		text-align: right;
		float: left;
		width: 120px;
	}
	form#commentform textarea, form#commentform input[type=text] {
		border: 8px solid #e4eced;
		padding: 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	form#commentform textarea:focus, form#commentform input[type=text]:focus {
		background: #f5f5f5;
		-webkit-box-shadow: 0px 0px 4px #dbdbdb; -moz-box-shadow: 0px 0px 6px #00a4d0; box-shadow: 0px 0px 4px #dbdbdb;
	}
	form#commentform input[type=submit] {
		background: #00759f;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 0.9em;
		padding: 6px 25px;
		margin-left: 130px;
		cursor: pointer;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
		form#commentform input[type=submit]:hover {
			background: #004260;
		}
ol.commentlist {	
	width: 560px;
	margin-bottom: 20px;
}
	h3#comments {
		margin-left: 130px;
	}
ol.commentlist li div.comment-body {
	overflow: hidden;
	position: relative;
}
		.comment-author-admin .comment-author {
			background-color: #b4e3f6 !important;
		}
		.comment-author-admin .comment-author cite, .comment-author-admin p {
			color: #000;
		}
		.comment-author-admin div.comment-body .comment-author img.avatar {
			border-color: #528fa8;
		}
	ol.commentlist li {
		margin-bottom: 20px;
	}
	div.comment-body .comment-author {
		background: #eef4f5;
		padding: 8px;
		overflow: hidden;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		div.comment-body .comment-author .says {
			display: none;
		}
		div.comment-body .comment-author cite {
			position: absolute;
			top: 8px; left: 130px;
			font-size: 1.1em;
			line-height: 1.45em;
			font-weight: bold;			
		}
		div.comment-body .comment-author img.avatar {
			display: block;
			float: left;
			background: #fff;
			padding: 8px;
			border: 1px solid #dddddd;
			-webkit-box-shadow: 0px 0px 4px #dbdbdb; -moz-box-shadow: 0px 0px 4px #dbdbdb; box-shadow: 0px 0px 4px #dbdbdb;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
	div.comment-body .commentmetadata {
		position: absolute;
		top: 37px; left: 130px;
		font-size: 0.8em;
	}
	div.comment-body em {
		display: block;
		color: #ff3300;
		font-size: 0.85em;
		line-height: 1.55em;
		margin-left: 130px;
		margin-top: 5px;
		margin-bottom: 0px;
	}
	div.comment-body p {
		line-height: 1.55em;
		margin-left: 130px;
		margin-top: 8px;
	}

/* ------------------------------------------ CONTACTFORMULIER (PLUGIN) */
div.contactform form {
}
	div.contactform form div {
		margin-bottom: 12px;
	}
	div.contactform form label {
		display: block;
		color: #000;
		font-size: 0.85em;
		padding-top: 11px;
		padding-right: 10px;
		text-align: right;
		width: 120px;
	}
	div.contactform form textarea, div.contactform form input[type=text] {
		border: 8px solid #e4eced;
		padding: 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	div.contactform form textarea:focus, div.contactform form input[type=text]:focus {
		background: #f5f5f5;
		-webkit-box-shadow: 0px 0px 4px #dbdbdb; -moz-box-shadow: 0px 0px 6px #00a4d0; box-shadow: 0px 0px 4px #dbdbdb;
	}
	div.contactform form input[type=submit] {
		background: #00759f;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 0.9em;
		padding: 6px 25px;
		cursor: pointer;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
		div.contactform form input[type=submit]:hover {
			background: #004260;
		}

div#cats ul { overflow: hidden; }
div#cats ul li { display: inline; }
div#cats ul li a { float: left; display: block; color: #0094b; font-size: 0.75em; padding: 5px 8px; margin-right: 10px; margin-bottom: 10px; border: none; font-weight: bold; background: #dff5fc; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0px 0px 6px #dbdbdb; -moz-box-shadow: 0px 0px 6px #dbdbdb; box-shadow: 0px 0px 6px #dbdbdb; }
div#cats ul li a:hover { background: rgb(0, 187, 226); color: #fff; }

/* --------------------------------------------------------------- FOOTER */
#footer {
	padding-bottom: 60px;	
}
#footer h2, #footer h2 a {
	color: #fff;
	letter-spacing: 0.8px;
}
#footer .node {
	margin-bottom: 60px;
}
#footer #socials .node {
	margin-bottom: 0px;
}
#footer #socials {
	padding: 20px 0 35px 0;
	margin-bottom: 40px;
	overflow: hidden;
	background: /*#ededed;*/ rgb(0, 187, 226);
	border-top: 10px solid #00a8cc;
	border-bottom: 10px solid #110000;
}
#footer #socials a {
	color: #fff;
}
#footer #socials #flickr {
	margin-left: -10px;
}
#footer #socials #flickr a {
	border-bottom: none;
}
#footer #socials #flickr a img {
	padding: 10px;
	border: 1px solid #20a2ca;
	background: #fff;
	width: 58px;
	margin-right: 4px;
	-webkit-box-shadow: 1px 1px 2px #00698a; -moz-box-shadow: 1px 1px 2px #00698a; box-shadow: 1px 1px 2px #00698a;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#footer #socials #flickr a:hover img {
	border-color: #ff6600;
	background-color: #ff6600;
}
#footer #socials .node:last-child { 
	margin-right: -10px;
	padding-left: 10px;
}
ul#twitter_update_list li {
	font-size: 0.80em;
}
ul#twitter_update_list li span {
	display: block;
	background: #00a8cc;
	border: 1px dotted #1e96bb;
	color: #fff;
	font-size: 1em;
	margin-left: -10px;
	margin-bottom: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 14px 10px;
}
dl#footer-links dd a, a.flink {
	display: block !important;
	height: 15px !important;
	margin-bottom: 8px;
	background: url(style/images/icon-oliearrow-small.gif) no-repeat 0px 2px;
	padding-left: 15px;
	border: none;
}
dl#footer-links dd a {
	font-size: 0.85em;
}
dl#footer-links dd a:hover, a.flink:hover {
	background-position: 0px -10px;
} 
a.flink {
	padding: 0px 8px 0px 15px !important;
	margin: 5px 0 8px 0;
	font-size: 0.9em;
}
.vcard h3 {
	font-size: 1em;
	margin-bottom: 0px;
}
.vcard p {
	margin-bottom: 0px;
	font-size: 0.85em;
	line-height: 1.8em;
}
.vcard abbr { border: none !important; }
.vcard-url { display: none; }
dl#footer-labels { overflow: hidden; }
dl#footer-labels dd { display: inline; }
dl#footer-labels dd a { float: left; display: block; color: #0094bb; font-size: 0.85em; padding: 5px 8px; margin-right: 10px; margin-bottom: 10px; border: none;  background: #3f2b2a; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
dl#footer-labels dd#footer-labels-adverteren a:hover, dl#footer-labels dd a:hover { background: rgb(0, 187, 226); color: white; }
dl#footer-labels dd#footer-labels-adverteren a { color: #fff; background: #003243; }
.clear_both {clear:both;}

/** Blog / Social Media **/

.sm_icon {
	border: 0px !important;
}


#recaptcha_area {
	float:left;
	margin:0px 0px 30px 131px;
}