html{
	height: 100%;}

html, body {
	min-height: 100%;
	background: #eff1f2;
	overflow-x: hidden;}
	
body{
	background: #eff1f2 url(../img/scan.png) 100% 0 no-repeat;}

#site{
	min-height: 100%;
	padding: 90px 0 0;
	background: url(../img/scan.png) 95% -1% no-repeat;}

#top {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;}

#top ul {
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-top: 110px;
	height: 30px;
	padding-left: 50px;}

#top li {
	display: block;
	float: left;
	height: 30px;
	margin: 0 10px 0 0;
	font-weight: bold;}

#top li a{
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #fff;
	background: #008ac9;
	text-decoration: none;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0,0,0,.01);}

#top li strong a{
	background: #121516;}

#top h1 {
	z-index: 1;
	overflow: hidden;
	text-indent: -999em;
	position: absolute;
	top: 0;
	right: 50px;
	width: 800px;
	height: 200px;
	background: url(../img/logo1.png) 100% 11px no-repeat;}

#content {
	z-index: 5;
	position: relative;
	margin: 50px;
	padding: 20px 0 1px;
	position: relative;
	background: #121516;
	color: #fff; }

#end {
	z-index: 10;
	position: relative;
	margin: -40px 50px 20px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	color: #75bada;}

.day {
	position: relative;
	margin: 0 87px 20px 20px;
	padding: 40px 20px 20px 0;
	border-right: 3px solid #fff;}

.day h1 {
	position: absolute;
	top: 0;
	right: -70px;
	text-transform: uppercase;
	padding: 40px 0 0;
	color: #fff;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: bold;}
	
.day .year{
	display: block;
	text-align: right;
	color: #008ac9;
	font-size: 14px;}

.article {
	width: 500px;
	float: left;
	margin: 0 50px 49px 0;
	padding: 1px 0 0;}

.article .header {
	position: relative;
	padding: 20px 0 0;
	border-top: 1px solid #fff;}

.article .header div {
	overflow: hidden;
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 20px;
	font-size: 11px;
	text-transform: lowercase;}

.article .header div span {
	display: block;
	float: left;}

.article .header div span span,
.article .header div span.category {
	border-top: 3px solid #fff;
	margin: 0 10px 0 0;}
	
/* Post detail */

.post{
	float: left;
	z-index: 10;
	position: relative;
	left: 100%;
	overflow: hidden;
	width: 500px;
	margin: 30px 20px 30px -100%;
	border-left: 20px solid #121516;}
	
.post .article{
	width: auto;
	margin: 0 0 80px;
	float: none;}
	
.moreposts{
	float: left;
	position: relative;
	left: 100%;
	width: 100%;
	margin:0 0 0 -100%;}
	
.moreposts div.day.wall{
	margin-top: -30px;
	margin-left: 620px;
	margin-right: 0;
	border-right: 0;}
	
.moreposts div.day.wall h1{
	display: none;}
	
.moreposts h2.first-child{
	margin-left: 620px;
	margin-bottom: 0;
	text-transform: none;
	font-size: 14px;
	line-height: 20px;}

/* Comments */

#comments{
	clear: both;
	float: none;}
	
#comments h3{
	margin: 0 0 40px;}

ol.commentlist{
	padding: 0 0 0 30px;
	position: relative;
	overflow: visible;
	font-size: 18px;
	color: #008ac9;}
	
.comment-body{
	position: relative;
	padding: 1px 0;
	color: #fff;
	font-size: 14px;}
	
.comment .vcard{
	position: relative;
	height: 24px;
	margin: 1px 0 10px;
	padding: 0;
	border-top: 1px solid #fff;}
	
.comment .vcard img.avatar,
.comment .vcard cite,
div.comment-meta{
	position: absolute;
	top: -2px;
	left: 0;
	height: 24px;
	padding: 0 0 0;
	border-top: 3px solid #fff;}

.comment .vcard img.avatar{
	width: 24px;}

.comment .vcard cite{
	left: 34px;
	font-style: normal;
	font-size: 13px;
	color: #008ac9;}

div.comment-meta{
	text-align: right;
	top: 1px;
	right: 0;
	left: auto;
	margin: 0;
	background: #121516;
	font-size: 10px;}

.comment .vcard a,
.comment-meta a{
	color: #fff;}

ol.commentlist li.comment .vcard span.says{
	display: none;}

#comments #respond{
	margin: 40px 0 0 30px;}
	
textarea#comment{
	width: 99%;}
	
#comments #respond h3{
	margin: 0 0 10px;} 

#respond label{
	font-size: 12px;}

#respond input,
#respond textarea{
	border: 0;
	margin: 2px;
	padding: 5px;
	background: #fff;}

#respond textarea{
	width: 95%;}
	
/* Jay Es */

.mansonry .col{
	float: left;}

.mansonry .col .article{
	width: 100%;
	margin-right: 0;
	float: none;}
	
#site2{
	position: absolute;
	top: -50px;
	right: -10px;
	width: 1750px;
	height: 644px;
	background: url(../img/scan.png) 95% -1% no-repeat;}
	
.mansonry .article img {
	height: auto;
	max-width: 100%;}

/* Clear */

.section:after, .vcard:after, .clear:after, .day:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;}

.section, .vcard, .clear, .day {
	display: inline-block;}

html[xmlns] .section, html[xmlns] .vcard, html[xmlns] .clear, html[xmlns] .day {
	display: block;}

* html .section, * html .clear, * html .day, * html .vcard {
	height: 1%;}
	
.gewinnspiel,
.gaestebuch{
   overflow: hidden;
   margin: 20px 20px 80px;}
   
div.gewinnspiel div.article{
   width: auto;
   margin: 0;
   padding: 0 0 0 300px;}
   
div#winfrom{
   margin: 40px 0 40px;}
   
div#win_bild{
   position: absolute;
   top: 40px;
   left: 20px;}
   
.gaestebuch{
	margin-top: 0;}
   
.gaestebuch h1{
	margin: 0 0 40px;}
	
.gaestebuch div.content{
	overflow: hidden;
	position: relative;}

 div.img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;}
	
.gaestebuch div.right{
	width: auto;
	min-height: 100px;
	margin: 0;
	padding: 0 0 0 120px;}
	
.gaestebuch div.name{
	font-weight: bold;
	text-transform: uppercase;}