* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *behavior:url(boxsizing.htc); }
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

html { 
	font-size: 62.5%;
	margin:0px;
	padding:0px;
	height:100%;
} 
body {
	font-family: 'Open Sans', sans-serif;
	font-size:10px;	
	margin:0px;
	padding:0px;
	height:100%;
}
.wrapper {
	min-height:100%;
	margin: 0 auto -50px;
}
.push {
	height:50px;	
}
.content {
	max-width:980px;
	margin:0 auto;	
	position:relative;
	padding-bottom:2em;
}
header {
	min-height:100px;
	background-color:#352929;
}
header .logo {
	text-decoration:none;
	font-weight:700;
	display:inline-block;
	color:#323e4e;
	position:relative;
	top:20px;
}
header .tagline {
	display:block;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	position:relative;
	top:20px;
}
/*
 * Every block gets the same right margin and the holder is widened by one
 * gap, so the last block's margin falls outside it. This keeps 4 per row
 * with even gaps no matter which blocks Isotope filters out (an
 * nth-child(4n) rule counts hidden blocks too). The holder is 102% of its
 * parent, so 23.0392% / 1.9608% of it equal the original 23.5% / 2%.
 */
.blockholder {
	margin-right:-2%;
}
.block {
	width:23.0392%;
	margin-right:1.9608%;
	border:1px solid #eee;
	height:200px;
	margin-bottom:20px;
	float:left;
	font-size:16px;font-size:1.6rem;
	position:relative;
	overflow:hidden;
	background-size:cover;
	display:block;
}
.blockcontent {
	width:100%;
	height:100%;
	position:relative;	
	padding:7px 10px;
	-webkit-transition: all 1s ease;
}
.block:hover .blockcontent {
	background-color:rgba(0, 0, 0, 0.5);
}
.block h3 {
	margin:0px;
	position:absolute;
	bottom:7px;	
	color:#fff;
	font-family: 'Patua One', cursive;
	font-weight:normal;
	padding-right:10px;
}
.block h4 {
	margin:0px;
	position:absolute;
	bottom:-60px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	color:#fff;
	font-weight:normal;
	padding-right:10px;
	font-size:14px;
}
.block:hover h3 {
	position:absolute;
	bottom:auto;
	top:10px;
}
.block:hover h4 {
	position:absolute;
	bottom:10px;
}
nav {
	min-height:30px;	
	background-color:#352929;
}
nav ul, nav ul li {
	margin:0px;
	padding:0px;	
	list-style:none;
	font-size:14px;font-size:1.4rem;
	font-family: 'Patua One', cursive;
	text-transform:uppercase;
}
nav ul li {
	float:left	
}
nav ul {
	position:absolute;
	right:0px;	
}
nav a {
	text-decoration:none;
	color:#fff;	
	padding:5px 20px;
	height:30px;
	display:inline-block;
	padding-top:7px;
}
nav a.current, nav a.section {
	background-color:#fff;	
	color:#1091cf;
}
nav a:hover {
	color:#fabb00;	
}
.main {
	padding:40px;	
}
.categories {
	margin:0px 0px 10px 0px;
	line-height:4em;
}
.categories a {
	font-size:14px;font-size:1.4rem;
	font-family: 'Patua One', cursive;
	background-color:#352929;
	color:#fff;
	margin-right:15px;
	border-radius:4px;
	text-decoration:none;
	padding:5px 10px;
	text-transform:uppercase;
	white-space: nowrap;
}
.categories a:hover {
	color:#352929;
	background-color:#1091cf;
}
.categories a.selected {
	color:#352929;
	background-color:#fabb00;
}

.post.typography {
	width:75%;
	float:left;	
}
.page.typography {
	width:75%;
	float:left;	
}
.artikelen.typography {
	width:65%;
	float:left;	
}
.sidebar {
	width:20%;	
	float:right;
	text-transform:uppercase;
	padding-top:3.6em;
}
.sidebar.page {
	width:20%;	
	float:right;
	text-transform:uppercase;
	padding-top:3.6em;
}
.sidebar.artikelen {
	width:30%;	
	float:right;
	text-transform:uppercase;
	padding-top:3.6em;
}
.sidebar h3.title {
	color:#000;	
}
.sidebar.page a.current, .sidebar.page a.section {
	font-weight:bold;
	text-decoration:none;
}
.sidebar p {
	font-size:1.2rem;font-size:12px;	
}

footer {
	width:100%;
	height:50px;
	margin-top:-50px;
	background-color:#1091cf;
}
footer .content {
	padding:20px 0px 0px 0px;
	color:#fff;	
}

#SearchForm_SearchForm {
	width:27%;
	position:absolute;
	right:20px;
	top:24px;
}
#SearchForm_SearchForm .field.text {
	width:73%;
	float:left;
}
#SearchForm_SearchForm input[type="text"] {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	padding:5px 7px;
	border:0px;
}
#SearchForm_SearchForm input[type="submit"] {
	font-family: 'Patua One', cursive;
	font-size:16px;
	padding:6px 7px;
	border:0px;
	background-color:#fabb00;
	text-transform:uppercase;
}

#SearchForm_SearchForm .action {
	width:27%;
	float:left;
}
fieldset {
	margin:0px;
	padding:0px;
	border:0px;
}



.comments-holder-container {
	border-top:1px solid #fabb00;
	margin-top:30px;
	padding-top:20px;
}
.typography .comments-holder-container h4 {
	font-size:16px;font-size:1.6rem;
	font-family: 'Patua One', cursive;
	font-weight:normal;
	text-transform:uppercase;
}
.comments-holder-container label {
	font-size:12px;
	font-weight:bold;
	color:#1091cf;
}
.comments-holder-container input[type="text"], .comments-holder-container input[type="email"], .comments-holder-container textarea {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	padding:5px 7px;
	border:1px solid #ddd;
}
.comments-holder-container input[type="submit"] {
	font-family: 'Patua One', cursive;
	font-size:16px;
	padding:6px 20px;
	border:0px;
	background-color:#fabb00;
	text-transform:uppercase;
	float:right;
}
#Form_CommentsForm {
	padding-bottom:40px;	
}
.commenting-rss-feed {
	font-size:12px;	
}
.comments-list, .comments-list li {
	margin:0px;
	padding:0px;
	list-style:none;	
}
.comments-list li {
	padding:1em 1em .5em 1em; 
}
.comments-list li.odd {
	background-color:#eee; 
}
.comments-list li.even {
	background-color:#aaa; 
}
.comments-list li .info {
	font-size:.8em;
}
.comments-holder-container .comments-holder {
	margin-bottom:1.5em;
}
.comments-holder-container input[type="submit"]:hover, #SearchForm_SearchForm input[type="submit"]:hover {
	background-color:#1091cf;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

.typography.search ul, .typography.search ul li {
	list-style:none;
	margin:0px;
	padding:0px;	
}
.typography.search ul li {
	margin-bottom:1.5em;	
}
.typography.search h3 a {
	font-family: 'Patua One', cursive;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
}
.typography.search p {
	margin-bottom:.2em;	
}
.typography.search p.searchQuery {
	margin-bottom:1.5em;
	color:#1091cf;
}
.readMoreLink {
	font-size:.8em;	
}

.artikel {
	border-bottom:1px solid #fabb00;
	margin-bottom:2em;
}
.artikel img {
	max-width:100%;	
	height:auto; /* SS6 adds width/height attributes to template images */
}
.artikel.even {
	width:48%;
	margin-right:4%;
	float:left;	
	clear:left;
}
.artikel.odd {
	width:48%;
	float:left;
	clear:right;
}
.artikel a {
	text-decoration:none;
}
.artikel a:hover {
	text-decoration:underline;
}
.artikel.odd h2, .artikel.even h2 {
	font-size:1.4em;
	margin:0px;
}
.artikel p {
	clear:both;
}
.pagination {
	clear:both;
	padding:10px;	
	text-align:center;
}
.artikelen .date {
	font-size:.7em;	
	display:block;
	text-align:right;
	font-style:italic;
}
.artikel .date {
	font-size:.7em;	
	float:right;
}
.sidebar .sidebarartikel {
	clear:both;
	margin-bottom:1em;
	position:relative;
	border-bottom:1px solid #fabb00;
	padding-bottom:10px;
}
.sidebar .sidebarartikel.photo {
	padding-bottom:0px;
}
.sidebar .sidebarartikel.photo .description {
	width:70%;
	float:right;	
}
.sidebar .sidebarartikel h5 {
	text-align:right;
	font-weight:normal;
	color:#0e0e0e;
	font-size:10px;
}
.sidebar .sidebarartikel.photo h5 {
	position:absolute;
	bottom:1em;
	right:0px;
}
.sidebar .sidebarartikel p {
	margin:0px;
	text-transform:none;
	font-size:11px;
	line-height:1.2em;
}
.sidebar .sidebarartikel img {
	width:27%;
	height:auto;
}
.sidebar .sidebarartikel a {
	text-decoration:none;
	color:inherit;
}
.typography.sidebar.artikelen h3 {
	margin-bottom:1em;
	color:#0e0e0e;
}
.tinynav { display: none }
.follow {
	position:absolute;
	font-size:16px;
	display:inline-block;
	padding:2px 30px 2px 0px;
	background-image:url(../images/volg.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#fabb00;
	text-decoration:none;
	right: 320px;
    top: 28px;
}
.follow:hover {
	color:#1091cf;	
}
input.mathspamprotector {
	max-width:40px;	
}