* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	font-family: Georgia;
	font-size:1.1em;
	color: #8AC9E4;
}

body {
	height: 100%;
}

.pane {
	min-height: 100%;
}

h1 {
	position: fixed;
	left: 52px;
	top: 35px;
}

h2, h3, h4 {
	font-weight: normal;
}

a {
	color: inherit;
}

#two {
	background: #8AC9E4;
}

.innerwrap {
	width: 600px;
	padding: 50px 0 0 330px;
}

#watte {
	color: #8AC9E4;
	margin-left: 310px;
	vertical-align: top;
	margin-top: 30px;
	position: fixed;
}

#facebook-feed {
	display: inline-block;
	max-width: 500px;
	vertical-align: top;
	margin-left: 730px;
	margin-top: 86px;
}

#veg_cat_dag {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 300;
	margin-top: 39px;
}

#tagline {
	font: 1.2em Georgia, serif;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1.6em;
}

#down {
	margin-left: 40px;
}

#uren_adres {
	font-style: italic;
	font-size: 0.9em;
}

.date {
	font-style: italic;
	font-size: 0.9em;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #8AC9E4;
}

.post:last-of-type {
	border-bottom: none;

}

.profile-message {
	font-family: 'Roboto', sans-serif;
	margin: 8px 0 24px 0;
}

.post-content img {
	max-width: 100%;
}

.groter {
	font: 1.2em Georgia, serif;
	font-style: italic;
}

.underline {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid;
	display: inline-block;
	text-shadow:
		-1px -1px 0 #fff,  
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;
	height: 1.08em;
}

.loading {
	font-family: Roboto, sans-serif;
	display: inline-block;
}

.three-bounce {
    text-align: center;
    font-size: 26px;
    margin-top: 8px;
}

.three-bounce>div {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 6px;
    border-radius: 100%;
    background-color: #8AC9E3;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both
}

.three-bounce .one {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.three-bounce .two {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.group:before,
.group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.group:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.group {
    *zoom: 1;
}

@media(max-width:1260px) {
	h1 {
		left: 5px;
	}
	
	#watte {
		left:-80px;
	}
	
	#facebook-feed {
		margin-left: 630px;
	}
}

@media(max-width:1150px) {
	#watte {
		width: 330px;
	}
	
	#veg_cat_dag {
		font-size: 1.7em;
	}
	
	#facebook-feed {
		position: absolute;
		right: 8px;
	}
}

@media(max-width:1100px) {
	#facebook-feed {
		width: 35%;
		position: absolute;
		right: 5%;
	}
}

@media(max-heighvt:510px) {
	#watte {
		position: absolute;
	}
}

@media(max-width:950px) {
	h1 {
		position: static;
		text-align: center;
		margin-top: 20px;
	}
	
	#watte {
		position: static;
		margin-left: 0;
		text-align: center;
		width: auto;
		margin-top:-10px;
	}
	
	#wrapper {
		text-align: center;
	}
	
	#facebook-feed {
		margin: 80px 10px 10px 10px;
		position: static;
		width: auto;
		display: inline-block;
		text-align: left;
	}
	
	.date {
		text-align: left;
		margin-bottom: 16px;
	}
	
	.post-content img {
		width: 100%;
	}
}