/*

	Stylesheet for Pierre Schauwvlieghe 
	
	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Stephen Verhalleman stephen@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }


@font-face {
	font-family: 'Museo500';
	src: url('../fonts/museo500-regular-webfont.eot');
	src: local('☺'), url('../fonts/museo500-regular-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont.svg#webfontfrUvKFoj') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
	Clearfix
*/

.clearfix:after, #main:after, #navigation:after, #topSearch fieldset:after, #footer:after, #top:after, #about:after, #articleHeader:after, .articleBlock:after, .buttonlist li:after, .formBlock p:after, .comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	General
*/

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	color: #636363;
	background: #FFF;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1 {
	font-family: 'Museo500';
	font-size: 24px;
	padding: 0 0 8px 0;
	color: #231F20;
	font-weight: 500;
}

h2 {
	font-size: 16px;
	font-family: 'Museo500';
	padding: 0 0 4px 0;
	color: #4C4C4C;
	line-height: 1.4;
	font-weight: 500;
}

	h2.likeTitle, #articleHeader h2 {
		font-size: 20px;
		color: #231F20;
	}

	h2.likeTitle a:link, h2.likeTitle a:visited,
	#articleHeader h2 a:link, #articleHeader h2 a:visited {
		color: #231F20;
		border-bottom: none;
	}

	h2.likeTitle a:hover, h2.likeTitle a:active,
	#articleHeader h2 a:hover, #articleHeader h2 a:active {
		color: #231F20;
		border-bottom: 1px solid #231F20;
	}

h3 {
	font-size: 14px;
	padding: 0 0 4px 0;
}

h4 {
	font-size: 12px;
	padding: 0 0 2px 0;
}

/* Links */

a {
	border-bottom: 1px solid #F7AFA1;
	text-decoration: none;
}

a:link {
	color: #EB3713;
	border-color: #F7AFA1;
}

a:visited {
	color: #C32E10;
	border-color: #F7AFA1;
}

a:hover {
	color: #EB3713;
	border-color: #EB3713;
}

a:active {
	color: #000;
	border-color: #000;
}

/* .content defaults */

.content ul {
	list-style: none;
	padding: 0 0 12px 0;
}

	.content ul li {
		background: url(../images/bullet.png) no-repeat 3px 7px;
		padding: 0 0 6px 18px;
	}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 0;
	list-style-position: inside;
}

.content dl {
	padding: 0 0 12px 12px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px; 
	padding: 12px 0;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	border-top: 1px solid #DDE1DA;
	border-left: 1px solid #DDE1DA;
	margin-bottom: 12px;
}

.content td, 
.content th {
	border-right: 1px solid #DDE1DA;
	border-bottom: 1px solid #DDE1DA;
	font-size: 11px; 
	padding: 12px;
}

.content th {
	background: #ECF0E8;
	font-weight: 700;
}

/*
	Page structure and layout
*/

#container {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

	/* Header */

	#header {
		padding: 0 0 46px 198px;
	}

	#home #header {
		padding-bottom: 29px;
	}

	/* Logo */

	#header h1, #header h2 {
		width: 166px;
		height: 310px;
		background: url(../images/logo.png) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 0;
		left: 0;
	}

	#blogTemplate #header h1, #blogTemplate #header h2 {
		height: 182px;
		background: url(../images/bloglogo.png) no-repeat;
	}

	#header h1 a, #header h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border-bottom: none;
	}

	/* Navigation */

	#navigation ul {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 12px;
		padding-top: 24px;
		float: left; /* IE6 fix */
	}

	#navigation ul li {
		float: left;
	}

	#navigation ul li a {
		color: #231f20;
		background: url(../images/nav_left.png) no-repeat left top;
		float: left;
		margin-right: 10px;
		padding-left: 4px;
		height: 36px;
		line-height: 36px;
		border-bottom: none;
		cursor: pointer;
	}

	#navigation li a span {
		background: url(../images/nav_right.png) no-repeat right top;
		float: left;
		padding: 0 12px 0 6px;
		cursor: pointer;
	}

		#navigation li a:link, #navigation li a:visited {
			color: #231f20;
			background-position: left top;
		}

		#navigation li a:link span, #navigation li a:visited span {
			background-position: right top;
		}

		#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
			color: #000;
			background-position: left -36px;
		}

		#navigation li a:hover span, #navigation li a:active span, #navigation li a:focus span {
			background-position: right -36px;
		}

		/* selected */

		#navigation li.selected a:link, #navigation li.selected a:visited,
		#navigation li.selected a:hover, #navigation li.selected a:active, #navigation li a:focus {
			color: #FFF;
			background-position: left -72px;
		} 

		#navigation li.selected a:link span, #navigation li.selected a:visited span,
		#navigation li.selected a:hover span, #navigation li.selected a:active span, #navigation li a:focus span {
			background-position: right -72px;
		}

		/* subnavigation */

		#subNavigation ul {
			padding-bottom: 24px;
			line-height: 1.4;
		}

		#subNavigation ul li {
			margin-bottom: 1px;
		}

		#subNavigation ul li a {
			background: #ECF0E8 url(../images/arrow.png) no-repeat 22px 9px;
			display: block;
			padding: 6px 12px 8px 40px;
			border-top: 2px solid #ECF0E8;
			border-bottom: none;
			font-weight: 700;
			color: #3C3C3C;
			zoom: 1; /* IE6 fix */
		}

		#subNavigation ul li a:link, #subNavigation ul li a:visited {
			background: #ECF0E8 url(../images/arrow.png) no-repeat 22px 9px;
			border-color: #ECF0E8;
			color: #000;
		}

		#subNavigation ul li a:hover, #subNavigation ul li a:active {
			background: #DEE1D6 url(../images/arrow.png) no-repeat 23px 10px;
			border-color: #C3C9B6;
			color: #000;
			padding: 7px 11px 7px 41px;
		}

		#subNavigation ul li.selected a:hover, #subNavigation ul li.selected a:active,
		#subNavigation ul li.selected a:link, #subNavigation ul li.selected a:visited {
			background: #EB3713 url(../images/arrow_active.png) no-repeat 23px 10px;
			border-color: #C32D0F;
			color: #FFF;
			padding: 7px 11px 7px 41px;
		}

	/* Content */

	#main {
		background: url(../images/faux_col.png) repeat-y 165px 0;
	}

	#mainContent {
		float: right;
		width: 752px;
	}

		#content {
			width: 482px;
			float: left;
			padding-bottom: 32px;
		}

		#default #content {
			overflow: hidden;
		}

		#home #content {
			width: 488px;
		}

		#sideContent {
			width: 238px;
			float: right;
		}

		#home #sideContent {
			padding-top: 24px;
		}

		.sideContentBlock {
			padding: 0 0 12px 22px;
		}

	#extraContent {
		float: left;
		width: 142px;
		padding-top: 164px;
	}

	/* sideContentBlock */
	.sideContentBlock h2 {
		color: #231f20;
	}

	.sideContentBlock a:link, .sideContentBlock a:visited {
		color: #231f20;
		border-color: #CCC;
	}

	.sideContentBlock a:hover, .sideContentBlock a:active, .sideContentBlock a:focus {
		color: #231f20;
		border-color: #231f20;
	}

	/* Footer */

	#footer {
		padding-bottom: 24px;
		padding-left: 166px;
	}

	#footer ul {
		width: 484px;
		height: 50px;
		padding: 0 30px;
		line-height: 50px;
		border-bottom: 1px solid #DDE1DA;
		border-left: 1px solid #DDE1DA;
		border-right: 1px solid #DDE1DA;
		background: #ECF0E8;
		float: left;
	}

	#footer ul li {
		float: left;
		padding-right: 18px;
	}

	#footer ul li a {
		display: inline;
		color: #231F20;
		border-bottom: none;
	}

		#footer ul li a:link, #footer ul li a:visited {
			color: #231F20;
			border-bottom: none;
		}

		#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus {
			color: #231F20;
			border-bottom: 1px solid #231F20;
		}

	#footer p {
		float: left;
		padding-left: 20px;
		width: 200px;
		height: 50px;
		line-height: 50px;
		color: #231F20;
		}

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
	background: none !important;
	padding: 0 !important;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	color: #636363;
	float: left;
	display: block;
	padding: 3px 4px;
	background: #ECF0E8;
	border: 1px solid #DDE1DA;
	text-decoration: none;
	min-width: 12px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #EB3713;
	border: 1px solid #B72B0F;
	color: #FFF;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* Form style */

label {
	font-size: 12px;
	display: block;
	width: 110px;
}

input.inputText, input.input-password, textarea, input.input-datefield, input.text {
	font-size: 11px;
	background: #FFF;
	border: 1px solid #CECECF;
	padding: 6px 2px;
	margin: 0;
	color: #B2B2B2;
}

	#header #searchForm input.inputText,
	#side .subscribeForm input.inputText {
		border-right: none;
	}

input[disabled] {
	color: #777;
}

input.inputText, input.input-password, input.text {
	width: 320px;
}

input:focus, textarea:focus, input.focus, textarea.focus {
	border-color: #000; 
	background: #FFF;
	color: #000;
}

input.keepFocus, textarea.keepFocus {
	color: #000;
}

/* Fix hoverstate in firefox */

@-moz-document url-prefix() {
	input[type="text"]:focus,
	textarea:focus { 
		outline: none;
		border-color: #000;
		color: #666;
	}
}

/* Fix hoverstate in Chrome/Saf */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="text"]:focus,
	textarea:focus {
		outline: none;
		border-color: #000;
		color: #666;
	}
}

input.inputSubmit, button {
	font-size: 12px;
	cursor: pointer;
	width:auto;
	overflow:visible;
	background: #000;
	border: 1px solid #000;
	color :#FFF;
	font-weight: 700;
	padding: 4px 6px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}

/* Fix alignment in Chrome/Saf */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.inputSubmit, .inputSubmit,
	input[type="submit"] {
		height: 26px;
		padding-top: 4px;
	}
}

input.inputSubmit:hover {
	border-color: #777;
	color: #FFF;
	background: #777;
}

	.inputLink input.inputSubmit:hover {
		border-color: #CCC;
		color: #666;
		background: #EDEDED url(../images/bg_button.gif) repeat-x 0 -22px;
	}


input.inputSubmit:active {
	border-color: #656565;
	color: #FFF;
	background:#656565;
}

	.inputLink input.inputSubmit:active {
		border-color: #CCC;
		color: #666;
		background: #EDEDED url(../images/bg_button.gif) repeat-x 0 0;
	}
	

textarea {
	width: 320px;
	height: 200px;
	font-family:Arial,sans-serif;
}

select, option {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

	/* reports */

		.formBlock .formError, .formBlock .form-error {
			margin-left: 104px;
			width: 314px;
			}

		.formError {
			background: #EB3713;
			color: #FFF;
			padding: 3px 6px;
			margin-top: 3px;
			display: block;
			}

	.formSuccess, .form-success {
		padding: 12px;
		border: 1px solid #ABE17F;
		background: #DDF3CB;
		margin-bottom: 24px;
		color: #4C752A;
	}

	.generalMessage p, .formBlock .generalMessage p {
		background: #DEE1D6;
		padding: 6px 12px;
		margin-bottom: 12px;
		border: 1px solid #CECECF;
	}

	errorMessage p, .formBlock .errorMessage p {
		background: #EB3713;
		padding: 6px 12px;
		margin-bottom: 12px;
		border: 1px solid #B72B0F;
		color: #FFF;
	}

	.successMessage p, .formBlock .successMessage p {
		background: #C6D69C;
		padding: 6px 12px;
		margin-bottom: 12px;
		border: 1px solid #ACBA88;
		color: #5D6449;
	}

	/* checkboxes */

	ul.checkbox {
		list-style: none;
		padding: 0;
		width: 223px;
	}

	#contactForm  ul.checkbox {
		width: 400px;
	}

	li.label_checkbox_pair {
		clear: both;
		float: none;
		position: relative;
		padding-bottom: 2px;
	}

	li.label_checkbox_pair input {
		left: 0;
		position: absolute;
		top: 4px;
		margin: 0;
	}

	li.label_checkbox_pair label {
		display: inline;
		margin-left: 24px;
		width: 150px;
		padding: 0 0 0 0;
		font-size: 13px;
		letter-spacing: 0;
		text-transform: none;
		color: #1F1F1F;
		font-family: Arial, sans-serif;
		text-align: left;
	}

	/* formBlock */

	.formBlock p {
		padding-bottom: 12px;
	}

	.formBlock h2 {
		padding-bottom: 6px;
		font-weight: 500;
		font-size: 18px;
		border-bottom: 1px solid #CECECF;
		margin-bottom: 12px;
	}

	.formBlock p.submitLine {
		border-top: 1px solid #CECECF;
		padding-top: 12px;
	}

	.formBlock label {
		display: block;
		width: 104px;
		text-align: left;
		float: left;
		line-height: 23px;
		padding: 0;
	}

	.formBlock .checkbox label {
			width: 250px;
		}

	/* section */

	.section { 
		padding: 24px 24px 12px 24px; 
		background: #ECF0E8;
		margin: 0 0 24px 0;
		}

	/* topSearch */

	#topSearch {
		padding: 12px;
		background: #ECF0E8;
		float: right;
	}

	#topSearch fieldset{
		float: left;
	}
	

	#topSearch input.inputText {
		width: 172px;
		float: left;
	}

	#topSearch input.inputSubmit {
		float: left;
		margin-left: 6px;
	}

	/* home */

	#about {
		padding-left: 166px;
		background: url(../images/faux_col.png) repeat-y 165px 0;
		padding-bottom: 12px;
	}

	#aboutContent {
		width: 481px;
		height: 144px;
		overflow: hidden;
		padding: 12px 32px;
		float: left;
		background: #ECF0E8;
	}

	#aboutContent .intro {
		font-size: 13px;
		font-weight: 700;
		line-height: 1.5;
	}

	#aboutContent p {
		padding-bottom: 6px;
	}

	#readMore {
		float: left;
		width: 200px;
		padding-top: 16px;
		color: #686868;
	}

	#readMore ul li {
		display: block;
		padding-top: 10px;
	}

	#readMore ul li.firstChild {
		padding-top: 0;
	}


	#readMore ul li a {
		background: url(../images/readmore_btn.png) no-repeat top left;
		width: 154px;
		height: 35px;
		overflow: hidden;
		display: block;
		line-height: 35px;
		padding: 0 28px 0 12px;
		border-bottom: none;
		font-family: 'Museo500';
		letter-spacing: 0.02em;
		font-size: 13px;
	}

	#readMore ul li a:link, #readMore ul li a:visited {
		background-position: 0 0;
		color: #636363;
		line-height: 35px;
	}

	#readMore ul li a:hover, #readMore ul li a:active, #readMore ul li a:focus {
		background-position: 0 -35px;
		color: #FFF;
		line-height: 36px;
	}

	/* articles */

	#articleHeader {
		padding-bottom: 12px;
	}

	#articleHeader h2 {
		float: left;
	}

	.articleBlock {
		position: relative;
		padding-bottom: 18px;
	}

	.articleBlock .date {
		font-family: 'Museo500';
		position: absolute;
		height: 40px;
		width: 52px;
		background: #ECF0E8;
		overflow: hidden;
		left: -85px;
		top: 0;
		zoom: 1;
	}

	.articleBlock .date .month, .articleBlock .date .day {
		display: block;
		text-align: center;
	}

	.articleBlock .date .day {
		font-weight: 700;
		font-size: 24px;
		line-height: 1;
		padding-top: 6px;
	}

	.articleBlock .date .month {
		text-transform: uppercase;
		font-size: 12px;
		line-height: 1.2;
	}

	.articleBlock .articleContent {
		float: left;
		width: 386px;
	}

	.articleBlock .buttonlist {
		float: right;
		width: 80px;
	}

	.articleBlock .buttonlist li {
		display: block;
		padding-bottom: 4px;
	}

	.articleBlock .buttonlist li a {
		width: 76px;
	}

	/*buttonlist detail*/

	.detail .articleBlock .buttonlist {
		float: none;
		width: auto;
	}

	.articleBlock .buttonlist li {
		float: left;
		padding-right: 6px;
	}

	.detail .articleBlock .buttonlist li a {
		width: auto;
	}

	.detail .articleBlock .buttonlist li a.commentButton span {
		padding-right: 24px;
	}


	/* rss */

	p.rss {
		float: left;
		padding: 8px 0 0 6px;
	}

	.rss a {
		float: left;
		width: 14px;
		height: 13px;
		text-indent: -9999px;
		background: url(../images/rss.png) no-repeat;
		border-bottom: none;
	}

	/* bio */

	#bio {
		padding-left: 24px;
		width: 196px;
		font-size: 11px;
	}

	#bio .imageholder img {
		width: 184px;
	}

	/*likeButtons */

	a.likeButton {
			background: transparent url('../images/like_button_left.png') no-repeat scroll left top; 
			display: block;
			float: left;
			height: 22px;
			font-size:11px;
			font-weight:500;
			border-bottom: none;
			line-height: 22px;
			color: #636363;
			padding-left: 3px;
			position: relative;
	}

	a.likeButton span {
		color: #636363;
		background: transparent url('../images/like_button_right.png') no-repeat right top; 
		display: block;
		padding: 0 6px 0 3px;
	}

		/*general link states*/

		a.likeButton:link, a.likeButton:visited {
			color: #636363;
			background-position: left 0;
		}

		a.likeButton:link span, a.likeButton:visited span {
			color: #636363;
			background-position: right 0;
		}

		a.likeButton:hover, a.likeButton:active, a.likeButton:focus {
			color: #FFF;
			background-position: left -22px;
		}

		a.likeButton:hover span, a.likeButton:active span, a.likeButton:focus span {
			color: #FFF;
			background-position: right -22px;
		}

	 /* speech */

		.speech {
			position: absolute;
			width: 11px;
			height: 10px;
			background: url(../images/speech.png) no-repeat 0 0;
			margin-top: 7px;
			top: 0;
			right: 6px;
			line-height: 1;
		}

		/*general link states*/

		a.likeButton:link .speech, a.likeButton:visited .speech {
			background-position: left 0;
		}

		a.likeButton:hover .speech, a.likeButton:active .speech, a.likeButton:focus .speech {
			background-position: left -10px;
		}

/* General classes */

.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }
.meta { font-size: 11px;}
p.intro { font-size: 15px; color: #434343;}


/* definitions */

a.definition {
	background: #DEE1D6;
	color: #636363;
	padding: 1px 6px;
	border-bottom: none;
}

a.definition:link, a.definition:visited {
	background: #DEE1D6;
	color: #636363;
}

a.definition:hover, a.definition:active, a.definition:focus {
	background: #EB3713;
	color: #FFF;
}

/* Image classes */

img.alignLeft {
	float: left;
	padding: 12px 12px 12px 0;
}

img.alignRight {
	float: right;
	padding: 12px 0 12px 12px;
}

img.alignLeftBorder {
	float: left;
	margin: 12px 12px 12px 0;
	border: 1px solid #CECECF;
}

img.alignRightBorder {
	float: right;
	margin: 12px 0 12px 12px;
	border: 1px solid #CECECF;
}

img.border {
	border: 1px solid #CECECF;
}

/* ImageHolder */

p.imageholder {
	border: 1px solid #DDE1DA;
	background: #FFF;
	padding: 5px;
	line-height: 0;
	margin-bottom: 12px;
}

p.imageholder a {
	border: none;
}

/* blogcomments */

#comments {
	background: #ECF0E8;
	padding-top: 12px;
	padding: 12px 24px 0 24px;
}

#comments h2 {
	padding-bottom: 6px;
	font-weight: 500;
	font-size: 18px;
	border-bottom: 1px solid #CECECF;
	margin-bottom: 24px;
}

.comment {
	padding-bottom: 18px;
	position: relative;
}

#comments p.avatar {
	width: 48px;
	position: absolute;
	height: 48px;
	background: #ECF0E8;
	overflow: hidden;
	left: -105px;
	top: 0;
	padding: 0;
	zoom: 1;
}

#comments p.avatar a {
	border-bottom: none;
}

#comments p.avatar img {
	width: 48px;
	height: auto;
	display: block;
}

#comments .author {
	padding-bottom: 16px;
	font-size: 11px;
}

#comments .content p {
	padding-bottom: 6px;
}