#gluten {
    position:relative;
}
#gluten img{
    position:absolute;
    top:-16px;
    left:-16px;
}

body {
	background: hsl(27,9%,80%);
	font: 0.91666625em/1.5 "open sans", helvetica, "sans-serif";
	color: #333;
	margin: 0 auto;
	padding: 1em;
	max-width: 430px;
	-webkit-text-size-adjust: 100%;
}

@media (min-width: 550px) {
	body {
		max-width: 645px;
		position: relative;
	}
	.blog {
		width: 66%;
		margin-left: 33%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.title {
		width: 33%;
		float: left;
		padding: 0 1em 0 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.menu_left {
		position: absolute;
		top: 450px;
		left: 0;
		width: 33%;
		padding: 0 1em;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
}
@media (min-width: 750px) {
	body {
		max-width: 860px;
		position: relative;
	}
	.blog {
		width: 50%;
		margin-left: 25%;
	}
	.title,
	.menu_left,
	.menu_right {
		width: 25%;
	}
	.menu_right {
		position: absolute;
		right: 0;
		top: 0;
		padding: 1em;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
}


/* @group Headings {{{
================================================================= */

	h1,
	h2 {
		font: normal normal normal 2.4em/1 "Goth",georgia,Courier;
		margin: .3em 0;
		letter-spacing: 2px;
	}
	h1 {
		margin: 0;
	}
	h1 img {
		width: 44px;
		height: auto;
		vertical-align: middle;
	}
	h1 a {
		text-decoration: none;
		color: #666;
	}
	h1 span {
		display: inline-block;
		vertical-align: middle;
	}
	@media (min-width: 550px) {
		h1 img {
			max-width: 100%;
			width: auto;
			height: auto;
			vertical-align: middle;
		}
		h1 span {
			font-size: .85em;
		}
	}
	h3,
	h4 {
		font: normal normal normal 80%/1.5  "open sans", helvetica, "sans-serif";
		color: #666;
		margin: .1em 0;
	}
	.blog h3 a,
	.blog h3 a:hover,
	.blog h3 a:visited,
	.blog h3 a:visited:hover {
		color: inherit;
		text-decoration: none;
		cursor: text;
		font-weight: inherit;
		background: transparent;
	}
	h5,
	h6 {
		font-size: 0.8em;
		font-weight: normal;
		margin: 0;
		color: #666;
	}
/* @end Headings
--------------------------------------------------------------}}} */


/* @group Posts {{{
================================================================= */

	.post,
	.menu_block_left,
	.form,
	.navbar,
	.menu_block_right,
	.comment {
		max-width: 396px;
		padding: 1em;
		margin: 1em 0;
		background: hsl(27,20%,89%);
		border-radius: 1em;
		box-shadow: 0 0 0 1px hsl(27,85%,97%),
					0 0 3px 2px hsl(27,6%,60%);
	}

	.author {
		font-weight: 700;
	}



	p {
		margin: .5em 0;
	}


	.blog img {
		max-width: 100%;
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto;
		border: 1px solid #c10;
	}
	.blog a,
	.blog .author a {
		color: #c10;
		font-weight: 700;
		cursor: pointer !important;
		text-decoration: underline;
	}
	.blog a:visited,
	.blog .author a:visited {
		color: inherit;
	}
	.blog a:hover,
	.blog a:focus,
	.blog .author a:hover,
	.blog .author a:focus {
		background: #c10;
		color: hsl(27,20%,89%);
	}
	.blog a:visited:hover,
	.blog a:visited:focus,
	.blog .author a:visited:hover,
	.blog .author a:visited:focus {
		background: #333;
	}

/* @end Posts
--------------------------------------------------------------}}} */

/* @group items {{{
================================================================= */

	.menu_block_left,
	.menu_block_right {
		background: inherit;
		box-shadow: 0 0 0 1px hsl(30,2%,64%),
					0 0 0 3px hsl(27,9%,80%),
					0 0 0 4px hsl(24,4%,75%);
	}
	.menu_block_left a,
	.menu_block_right a {
		color: #666;
		text-decoration: none;
	}
	.menu_block_left a:hover,
	.menu_block_right a:hover {
		color: #333;
	}

/* @end items
--------------------------------------------------------------}}} */

/* @group navigatie {{{
================================================================= */

	.opdezepagina {
		margin: 1em auto;
		padding: 0;
		list-style: none;
		font-size: .95em;
	}
	.opdezepagina li {
		margin: 0;
		padding: 0;
		display: inline-block;
	}
	.opdezepagina a {
		color: #333;
		display: block;
		padding: .5em 0;
	}

	.navigatie {
		display: none;
	}
	.navigatie:target {
		display: block;
	}
	.navigatie a {
		color: #888;

	}
	.navigatie a:hover {
		color: #333;
	}
	@media (min-width: 550px) {
		.opdezepagina {
			display: none;
		}
		.navigatie {
			display: block;
		}
	}

/* @end navigatie
--------------------------------------------------------------}}} */


/* @group form {{{
================================================================= */

	.form label {
		display: block;
		margin: 0 0 .5em;
	}
	.form input[type=text],
	.form input[type=url],
	input[type=search],
	.form textarea {
		font-size: 16px;
		border: 1px solid #fff;
		background: hsl(27,9%,80%);
		display: block;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	input[type=search] {
		width: 100%;
	}
	.form textarea {
		height: 10em;
		width: 100%;
	}

/* @end form
--------------------------------------------------------------}}} */

@font-face{
font-family: Goth;
src: local('WW2BAH__'), url('fonts/WW2BAH__.TTF') format('truetype'); /* For non-IE */
}