html {
	margin:  0;
	padding: 0;
	background: #fff;
	height: 100%;
	}
body {
	margin:  0;
	padding: 0;
	font:  13px/20px georgia, serif;
	color: #373737;
	background: #fff; 
	position: relative;
	height: 100%;
	}
#container {
	margin: 32px 0 -300px 20px;
	position: relative;
	padding-left: 60px;
	min-width: 940px;
	min-height: 100%;
}
#header {
	height: 173px;
}
#logo {
	float: left;
	}
#header h1 {
	display: none;
}
#header h2 {
	font-size: 16px;
	color: #999;
	font-weight: normal;
}
#search {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}
#sidebar {
	clear:  both;
	float: left;
}
#content {
	float: left;
}
.post {
	border-top: 1px solid #EAEAEA;
	position: relative;	
	background: #F5F5F5;
	
}
.post:hover {
	background: #fff;
	
}
h2.entry-title { display: none; }

/* A R T I C L E */
.article {
	background: transparent url(bggra1.png)  left top repeat-x !important;
}
.article p, .article h3, .article h4, .article h5 {
	line-height: 22px;
	margin: 0 0px 01em 0;
}

.article p {
	font-family: georgia, serif;
}
.article h2 {
	margin-bottom: 4px;
}
.article h3 {
	font-family: georgia, serif;
	margin-bottom: 4px;
	font-size: 26px;
	font-weight: bolder;
}
.article h4 {
	font-family: georgia, serif;
	font-style: italic;
	margin-bottom: 0px;
	font-size: 16px;
	text-transform: normal;
	font-variant: normal;
	font-weight: normal;
	margin-bottom: 1em;
}
.article h5, .article h5 a {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	margin-bottom: 0px;
	font-size: 16px;
	text-transform: normal;
	font-variant: normal;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
	color: #3F3F3F;
	text-decoration: none;
}
.article h5 a:hover {
	color: #0a81fd !important;
}
.article ul {
	margin: 1em 0 0.5em;
	padding: 1em 0 1em 17px;
	list-style-type: square;
}
.article ol {
	margin: 1em 0 0.5em;
	padding: 1em 0 1em 17px;
}
.article ul li, .article ol li {
	margin: 3px 0;
}
.post p {
	
	margin-top: 0px;
	height: 100%;
	overflow: hidden;
}
#content p a, #content ul a, #comments a, #search a {
	color: #0a81fd;
	border-bottom: 1px solid #86b8fd;
	text-decoration: none;
	}
#content p a:hover, #comments a:hover {
	background-color: #e0f2ef;
	text-shadow: 0px 0px 4px #FFF;
}
.post p img {
	margin: 2em 0;
}
#links {
	margin-left: 710px;	
}
/* headers */
h2, h3 {
	margin: 0px 0 0.5em 0;
	padding: 4px 0 0 0;
	xtext-transform: lowercase;
	xfont-variant: small-caps;
	font-size: 180%;
	font-weight: bold;
	xtext-shadow: 1px 1px 1px #E5E5E5;
	xborder-top: 1px solid #D9EAFD;
	font-family: helvetica, 'helvetica neue', arial, sans-serif;
	color: #000;
	line-height: 26px;
	
}
h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
	color: #000;
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	color: #0a81fd;
	border-bottom: 1px solid #86b8fd;
	text-shadow: 0px 0px 4px #FFF;
}

/* ============== N A V ============= */
/* ======== s i d e b a r   l e f t ======== */
#sidebar ul {
	list-style-type: none;
	margin: -18px 0 0 0;
	padding: 0;
	text-align: right;
}
#sidebar ul:hover {
		
}
#sidebar ul li {
	height: 41px;
	border-top: 1px solid #fff;
}
#sidebar ul li:hover {
	
}
#sidebar ul a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 14px 0px;
	font: 16px "helvetica neue", helvetica, arial, sans-serif;
	font-weight: bold;	
}
.red {
	color: #c9161c;
}
body#articles .red {
	color: #a4a4a4;
}
body#articles #sidebar ul a:link {
	color: #d1d1d1;
}
body#articles #sidebar ul a:visited {
	color: #d1d1d1;
}

#sidebar ul a:hover {
	color: #0a81fd !important;
}

a.home:hover span { background: url(images/favicon.png) left center no-repeat; padding-left: 25px;}
a.delicious:hover span { background: url(images/delicious.png) left center no-repeat; padding-left: 25px;}
a.flickr:hover span { background: url(images/flickr.png) left center no-repeat; padding-left: 25px;}
a.facebook:hover span { background: url(images/facebook.png) left center no-repeat; padding-left: 25px;}
a.twitter:hover span { background: url(images/twitter.png) left center no-repeat; padding-left: 25px;}
a.lastfm:hover span { background: url(images/lastfm.png) left center no-repeat; padding-left: 25px;}

/* ======== L I N K S  r e c h t s ======= */

#links h5 { display: none; }
#links ul {
	list-style-type: none;
	margin: 21px 0 0 0;
	padding: 0;
	text-align: left;
}
#links ul li {
	height: 28px;
	padding-left: 10px;
	border-top: 1px solid #F5F5F5;
	overflow: hidden;
}
#links ul li:hover {
	background-color: #fdfdde;
	border-top: 1px solid #f7fcae;
}

#links ul a {
	display: block;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-variant: small-caps;
	text-decoration: none;
	color: #666;
	font:  10px/30px futura, "twentieth century", "century gothic", verdana, sans-serif;
	letter-spacing: 1px;
}
body#articles #links ul a:link  {
	color: #d1d1d1;
}
body#articles #links ul a:visited  {
	color: #d1d1d1;
}
#links ul a:visited {
	color: #666;
}
#links ul a:hover {
	color: #111111 !important;
} 

/* foto-hover effect links 
#links ul li:hover { background: transparent url(testpic1.jpg) left top; }
.link2 { background-position: 0px -29px !important;}
.link3 { background-position: 0px -58px !important;}
.link4 { background-position: 0px -87px !important;}
.link5 { background-position: 0px -116px !important;}
#links ul a:hover {	color: #fff !important; } 
*/

/* ============== s u b n a v ============= */
#subnav {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	margin: 5em 0 3em;
	color: #111;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	min-height: 2em;
	color: #999;
	font-variant: small-caps;
	text-transform: uppercase;
	line-height: 2em;
	}
#subnav p {
	color: #373737;
}
#subnav p.date {
	color: #999;
	border-bottom: 1px solid #E5E5E5;
}
.subnavleft {
	border-right: 1px solid #E5E5E5;
}
.subnavleft a {
	
}
.subnavright {
	border-left: 1px solid #E5E5E5;
	text-align: right;
}

.subnavcenter {
	
}
#subnav a {
	text-decoration: none;
	margin: 10px 0;
	color: #0a81fd;
	text-decoration: none;
	font-variant: small-caps;
	text-transform: uppercase;
	}
.subnavcenter a {
	background-color: #e0f2ef;
	text-shadow: 0px 0px 4px #FFF;
}
#subnav a:hover {
	text-decoration: underline;
}
#subnav p {
	font-family: georgia, serif;
	font-style: italic;
	margin-bottom: 0px;
	font-size: 13px;
	text-transform: normal;
	font-variant: normal;
	font-weight: normal;
}

/* C O M M E N T S */
#comments { 
	border-top: 1px solid #E5E5E5;
	margin: 2em 0;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}
#comments p.commentsvademecum {
	font-style: italic;
	color: #999;
}
#comments span {
	width: 55px;
}
#comments label {
	color: #363636;
	border-bottom: 1px dotted #E5E5E5;
	float: right;
}
.comments-wrapper {
	
	}
#comments textarea {
	width: 100%;
}
#comments input {
	margin: 2px 5px 2px 0;
}
#comments textarea, #comments input.checkbox, input.comment_name_input, input.comment_email_input, input.comment_web_input {
	border: 1px solid #E5E5E5;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#cpreview {
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px dotted #E5E5E5;
}
#comments .name {
	color: #111;
	font-weight: bold;
}
ol.comments {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	}
ol.comments li {
	border-bottom: 1px dotted #E5E5E5;
	padding: 10px 0;
}
ol.comments p {
	margin: 0;
}
ul.comments_error {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 10px 1px;
	color: #000;
}
ul.comments_error li {
	margin: 2px 0;
	background: #f1f1f1;
	padding: 0 0 0 3px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;}
#comments-help {
	margin: 10px 0;
}
p#txpCommentInputForm {
	font-style: italic;
}

/* lijsten artikels en zoekresultaten */
.hfeed {
	
	}
.hfeed .article {
	margin-bottom: 2em;
}

/* === FOOTER === */
#footer {
	clear: both;
	margin: 40px 0 0 0px;
	position: relative;
	border-top: 1px solid #363636;
	padding: 0px 0 0px 60px;
	min-width: 940px;
	background: #000;
	font: 14px "helvetica neue", helvetica, arial, sans-serif;
	min-width: 962px;
	color: #a4a4a4;
	min-height: 300px;
}
#footersidebar {
	float: left;
	border-right: 1px solid #363636;
	padding: 20px 0 3em 20px;
	min-height: 300px;
}
#footercontent {
	float: left;
	border-right: 1px solid #363636;
	padding: 20px 0 3em 0;
	min-height: 300px;
}
#footerright {
	padding: 10px 0 3em 0;
	min-height: 300px;
}
#footer h4 {
	margin: 0px 0 0 0;
	padding: 0 0 0;
	font-size: 180%;
	font-weight: bold;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	color: #FFF;
}
#footer p {
	margin: 0 0 1em 0;
	padding: 1em 0 0px 0;
}
#footer a:link, #footer a:visited {
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #999;
}
#footer a:hover {
	color: #43adfd;
	border-bottom: 1px solid #86b8fd;
	
}
#footer a:active {
	
}
#footer ul {
	margin: 0 0 20px 0;
	padding: 1em 0;
	list-style-type: none;
}
#footer ul li {
	padding: 0.2em 0;
}
#flickrphoto img {
	border: 5px solid #363636;
	margin-right: 20px;
	float: right;
}

/* S I Z E */
.half {width: 90px !important;}
.one {width: 60px !important;}
.two {width: 140px !important;}
.three {width: 220px;}
.four {width: 300px;}
.five {width: 380px;}
.six {width: 460px;}
.seven {width: 540px;}
.eight {width: 620px;}
.nine {width: 700px;}
.ten {width: 780px;}
.eleven {width: 860px;}
.twelve {width: 940px;}

.row1 {	height: 140px; overflow: hidden;}
.minheight {
	min-height: 300px;
}
.small {
	font-size: 80%;
}

/* P L A C E M E N T */
.gutterleft { margin-left: 20px; }
.gutterright { margin-right: 20px; }
.guttertop { margin-top: 20px; }
.gutterbottom { margin-bottom: 20px; }
.left {float: left;}
.right {float: right;}
.right.inset {margin: 0 0px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 0px;} /* img floated left within text */
.center {
	text-align: center;
}
.links { margin-right: 10px; text-align: left;}
.half-left {
	width: 50%;
	float: left;
}
.half-right {
	width: 50%;
	float: right;
}
.tab1 { padding-left: 80px;}
.tab2 { padding-left: 160px;}

.pre1 { margin-left: -70px; }
.borderhalfright { padding-right: 10px;}
.borderhalfleft { padding-left: 10px;}
.center { text-align: center; }

/* C O L O R + S T Y L E*/
.rw { color: #fff; background-color: #ede8e2;}
.r {
	position: absolute;
	left: 0; top:  0;
	background: url(images/r.png) left top no-repeat;
	width: 100px;
	height: 100%;
	z-index: 100;
	xborder: 1px solid red;
}
#barleft, #barright {
	position: fixed;
	width: 5px; height: 100%;
	top: 0;
	bottom: 0;
	background: #000;	
	display: block;
	z-index: 100;
} 	
#barleft { left: 0; }
#barright { right: 0;  }
.bordertopbottom {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}


img {
	padding: 0;
	margin: 0;
}
.clear {
	height: 0.1%;
	clear: both;
}
.clearfloat {
	clear: both !important;
}

img { 
	-ms-interpolation-mode:bicubic;
	border: none;
 }
img a:link {
	border:  none;
}
.clearfooter {
   height: 330px;
   clear: both;
}
a:active {
	border: none;
	outline: none;
}
a:focus
{
-moz-outline-style: none;
}