/*   
Theme Name: Marco Florijn2
Description: Wordpress theme voor Marco Florijn
Author: Marko Postma van Friks Web & Marketing
Author URI: www.marksten.nl
Version: 1.0
*/

/**** HACKS ****/

label.screen-reader-text {
	display:			none!important;	
}

body {
	background:			#dfd7cd;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#444;
}

.center {
	width:				960px;
	margin:				0 auto;
	position:			relative;
}

img#foto {
	position:			absolute;
	right:				15px;
	bottom:				-1px;
	z-index:			100;
}

img.alignleft {
	float:				left;
	margin-bottom:		8px;
	margin-right:		20px;
}

img.alignright {
	float:				right;
	margin-bottom:		8px;
	margin-left:		20px;
}

blockquote {
display: block;
	
}

blockquote {
	padding:			40px;
	background:			#ebebeb;
	font-style:			italic;
	quotes:				inherit;
}


/*********************************************** HEADERS ***********************************************/

h1 {
	color:				#d13234;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16pt;
	margin-bottom:		10px;
	font-weight:		normal;
	letter-spacing:		-1px;
}

h1 a {
	font-weight:		normal;	
}

h3 {
	font-size:			12pt;
	margin-bottom:		15px;
}

a {
	color:				#d13234;
	font-weight:		bold;
	text-decoration:	none;
}

a:hover {
	color:				#444;	
}

#contentLeft p {
	font-size:			11pt;
	padding:			0 0 20px 0;
	line-height:		20px;
}

/*********************************************** WRAPS ***********************************************/

#headerwrap {
	position:			relative;
	float:				left;
	width:				100%;
	background:			url(img/bg_headerwrap.png) center top no-repeat;
}

div.home {
	height:				330px;
	float:				left;
}

div.page {
	height:				180px;
	float:				left;
}

#footerwrap {
	float:				left;
	width:				100%;
	background:			url(img/bg_footerwrap.png);
	height:				322px;
}

#contentwrap {
	float:				left;
	width:				100%;
	padding:			0 0 30px 0;
}

/* Top */

#top {
	height:				70px;
	position:			relative;
	z-index:			999;
}

#top #logo {
	position:			absolute;
	left:				0;
	z-index:			200;
}

#top #connect {
	float:				right;	
	padding:			24px 0;
	font-size:			8pt;
	color:				#fff;
	line-height:		22px;
	position:			absolute;
	right:				0;
	z-index:			300;
}

#top #connect li {
	float:				left;
  	padding-left:		4px;
}

/* Home header */

#homeheader {
	height:				260px;	
}

#pageheader {
	height:				110px;
}

/* Navigatie */

#nav {
	position:			absolute;
	width:				643px;
	height:				67px;
	bottom:				5px;
	left:				-3px;
}

#nav li {
	float:				left;
}

#nav a.weblog {
	width:				159px;
	height:				67px;
	background:			url(img/nav_weblog.png);
	display:			block;
}

#nav a.videos {
	width:				159px;
	height:				67px;
	background:			url(img/nav_videos.png);
	display:			block;
}

#nav a.biografie {
	width:				159px;
	height:				67px;
	background:			url(img/nav_biografie.png);
	display:			block;
}

#nav a.contact {
	width:				166px;
	height:				67px;
	background:			url(img/nav_contact.png);
	display:			block;
}

#nav a.biografie:hover {
	background:			url(img/nav_biografieH.png);	
}

#nav a.videos:hover {
	background:			url(img/nav_videosH.png);	
}

#nav a.weblog:hover {
	background:			url(img/nav_weblogH.png);
}

#nav a.contact:hover {
	background:			url(img/nav_contactH.png);	
}

/* Latest Tweet */

#latesttweet {
	position:			absolute;
	width:				575px;
	height:				104px;
	background:			url(img/bg_latesttweet.png);
	left:				-10px;
	bottom:				56px;
	padding:			100px 70px 40px 40px;
}

#latesttweet p {
	padding:			15px 0;
	color:				#3d3d3d;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16pt;
}

#latesttweet span {
	color:				#999;
	font-size:			11pt;
}

/* Breadcrumbs */

#breadcrumbs {
	color:				#3b3b3b;
	font-size:			8pt;
	padding:			15px 0;
	width:				960px;
	float:				left;
}

/* Socialable */

.sociable {
	border:				1px #d9d9d9 solid;
	padding:			5px;
	background:			#ebebeb;
}

.sociable h4 {
	font-size:			10pt;
	padding-bottom:		5px;
}

.sociable li {
	display:			inline;
}

/* Comments */

.comment {
	border-bottom:		1px #d9d9d9 solid;
	padding:			8px 0;
}

h3#comments {
	color:				#000;
	font-size:			11pt;
}

#commentform small {
	font-size:			9pt;	
}

.comment-meta a {
	color:				#777;
	font-size:			8pt;
	font-weight:		normal;
}

.comment-author {
	color:				#d13234;
	font-weight:		bold;
	font-style:			normal !important;
}

cite.fn {
	font-style:			normal !important;	
}

/* Content & Sidebar */

#contentLeft {
	float: 				left;
	width:				570px;
	padding:			28px;
	border:				1px #d7c4aa solid;
	background:			#fff;
}

#contentFull {
	float: 				left;
	width:				900px;
	padding:			28px;
	border:				1px #d7c4aa solid;
	background:			#fff;
}

.post {
	border-bottom:		1px #d9d9d9 solid;
	padding-bottom:		10px;
	margin-bottom:		30px;
}

.post .meta {
	color:				#999;
	font-size:			10pt;
	margin-top:			10px;
	margin-bottom:		5px;
}

#sidebar {
	float:				right;
	width:				320px;
	font-size:			11pt;
}

#sidebar p {
	margin-bottom:		15px;	
}

#sidebar .item {
	width:				280px;
	padding:			10px;
	float:				left;
	margin-bottom:		20px;
	background:			#fff;
	margin:				0 10px 20px 10px;
	font-size:			10pt;
}

#sidebar h3 {
	color:				#000	
}

#sidebar h3 a {
	color:				#000	
}

#sidebar li {
	padding:			5px 0;	
}

/* BIOGRAFIE DIV */

#bio {
	float:				left;
	width:				260px;
	height:				195px;
	background:			url(img/bg_bio.png);
	padding:			90px 30px 30px 30px;
	position:			relative;
	margin-bottom:		20px;
}

#bio a.button {
	position:			absolute;
	right:				30px;
	bottom:				30px;
	width:				200px;
	height:				30px;
	background:			url(img/button_biografie.png);
	display:			block;
}

#bio a.button:hover {
	background:			url(img/button_biografieH.png);
}

/* WAARISMARCO DIV */

#waarismarco {
	float:				left;
}

/* Pagination */

.wp-pagenavi {
	font-size:			11pt;
	text-align:			right;
}

.wp-pagenavi a {
	padding:			0 5px;
	text-align:			right;
	border:				1px #d9d9d9 solid !important;
	background:			#ebebeb !important;
	margin-right:		4px;
	color:				#d13234 !important;
}

.wp-pagenavi span.current {
	padding:			0 10px;
	text-align:			right;
	border:				none !important;
}

.wp-pagenavi span.pages {
	margin-right:		30px;
	border:				none !important;
}

/* Contact Form 7 */

.wpcf7-form input {
	padding:			4px;
}

/* SITEMAP */

#sitemap {
	float:				left;
	height:				240px;
	width:				960px;
	font-size:			10pt;
	padding:			20px 0;
}

#sitemap .item {
	float:				left;
	margin-right:		20px;
	color:				#fff;
	width:				230px;
}

#sitemap li {
	padding:			6px 0;	
}

#sitemap h3 a {
	font-weight:		bold;	
}

#sitemap a {
	color:				#fff;	
	font-weight:		normal;
}

#sitemap a:hover {
	text-decoration:	underline;	
}

#sitemap #logofriks {
	float:				right;	
}

#disclaimer {
	float:				left;
	height:				42px;
	width:				960px;
	color:				#efaaa8;
	font-size:			9pt;
	line-height:		42px;
}

#disclaimer a {
	color:				#efaaa8;	
	font-weight:		normal;
}

#disclaimer a:hover {
	color:				#fff;	
}

#disclaimer span {
	float:				left;	
}

#disclaimer span.right {
	float:				right;
}