html {
	width: 100%;
	overflow-x: hidden;
}
body {
	background: url('./images/paper.jpg') fixed repeat;
	color: rgba(0, 0, 0, 0.35);
	font: 14px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#contact, h1, .post, #footer {
	display: block;
	position: relative;
	clear: both;
}
#contact, h1, .post, #footer, form#txpCommentInputForm, .commentinfo {
	width: 4000px;
}
#contact, .content, .post, #footer {
	padding-left: 120px;
}
#contact {
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.1);
	height: 42px;
}
#footer {
	text-transform: uppercase;
	height: 42px;
	/*background: rgba(0, 0, 0, 0.1);*/
}
#contact p, #footer p {
	width: 200px;
	padding: 10px 20px;
	border-left: 2px solid rgba(255, 255, 255, 0.5);
	display: block;
	float: left;
	font-weight: bold;
}
#contact p a:link, #contact p a:hover, #contact p a:visited, #footer p a:link, #footer p a:hover, #footer p a:visited {
	color: rgba(0, 0, 0, 0.35);
	text-decoration: none;
}
h1, h2 {
	height: 200px;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: default;
	letter-spacing: -4px;
	word-spacing: -10px;
	/*float: left;*/
}
h1 {
	text-align: left;
	font: bold 200px/200px Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: rgba(200, 54, 54, 0.2);
}
h1 a:link, h1 a:hover, h1 a:visited {
	color: rgba(200, 54, 54, 0.2);
	text-decoration: none;
}
.post {
	height: 200px;
	background: rgba(0, 0, 0, 0.1);
}
h2 {
	/*background: rgba(0, 0, 0, 0.1);*/
	padding:0 20px 0 20px;
	border-left: 2px solid rgba(255, 255, 255, 0.5);
	color: rgba(0, 0, 0, 0.35);
	/*text-align: center;
	display: block;
	position: relative;
	float: left;*/
	font: bold 140px/220px Helvetica, "Helvetica Neue", Arial, sans-serif;
}
h2 a:link, h2 a:hover, h2 a:visited {
	color: rgba(0, 0, 0, 0.35);
	text-decoration: none;
}
.first {
	border-left:2px solid rgba(255, 255, 255, 0.5);
}
/*li {
	height: 200px;
	display: block;
	position: relative;
	float: left;
}*/

/* contentbaszka */

.content p {
	width: 350px;
	/*height: 156px;*/
	/*float: left;*/
	/*border-right: 2px solid rgba(255, 255, 255, 0.5);*/
	padding: 10px 20px 10px 20px;
	text-align: justify;
	color: rgba(0, 0, 0, 0.5);
}
.content p a, .content p a:hover, .content p a:visited, dd a, dd a:hover, dd a:visited, li a {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	background: rgba(200, 54, 54, 0.2);
}
q { quotes: '„' '“' }
blockquote {
	font-style: italic;
	border-left: 2px solid rgba(200, 54, 54, 0.2);
	margin: .5em .5em;
	/*quotes: "\201C" "\201D";*/
}
blockquote p {
	color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.1);
}
blockquote p:before {
	content: '„'; }
blockquote p:after {
	content: '“'; }
ul {
	width: 350px;
	padding: 0 20px 0 20px;
	/*color: rgba(0, 0, 0, 0.5);*/
	text-align: justify;
	list-style-type: square;
}

/* kommentbaszka */

input, textarea {
	background:#ccc;
	border:10px solid #999;
	padding:10px;
}
input:focus, textarea:focus {
	background:#fff;
	border:10px solid #ccc;
	outline:none;
}
form#txpCommentInputForm {
	padding: 0 20px 0 120px;
}
form#txpCommentInputForm div {
	margin:20px 0;
}
form#txpCommentInputForm div input {
	width:330px;
	border:none;
}
form#txpCommentInputForm div input.button {
	width:350px;
	height:31px;
	background:#ddd url("./images/bg-btn.gif") repeat-x 0 0;
	/*font:11px/14px "Lucida Grande",Sans-serif;
	width:auto;*/
	overflow:visible;
	padding:4px 8px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	border-bottom-color:#ccc;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#333;
	text-shadow:1px 1px 0 #fff;
}
form#txpCommentInputForm div input.button:hover {
	border-color:#999 #999 #888;
	background-position:0 -6px;
	color:#000;
}
form#txpCommentInputForm div input.button:active {
	background-image:none!important;
	text-shadow:none!important;
	outline:none!important;
}
form#txpCommentInputForm textarea {
	border:none;
	width:330px;
	height:200px;
	/*margin:0 0 0 180px;*/
}
input, textarea, .commentinfo span.gravatar {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
form#txpCommentInputForm input:hover, form#txpCommentInputForm textarea:hover {
	-webkit-box-shadow:#fff 0 0 20px;
}
input:focus, textarea:focus {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 0 5px;
}

form#txpCommentInputForm input, form#txpCommentInputForm textarea, .commentinfo span.gravatar {
	background:rgba(0,0,0,0.1);
}
form#txpCommentInputForm input:focus, form#txpCommentInputForm textarea:focus {
	background:rgba(255,255,255,0.4);
}

input, textarea, .commentinfo span.gravatar {
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	-webkit-transition-timing-function: ease-out;
}
.commentinfo {
	margin-top: 40px;
	padding-left: 120px;
	background: rgba(0, 0, 0, 0.1);
}
.commentinfo h2 {
	height: 60px;
	padding:0 20px 0 90px;
	font: bold 35px/60px Helvetica, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: -2px;
	word-spacing: 0;
}
.commentlist p {
	width: 350px;
	padding: 20px 0 0 145px;
	text-align: justify;
	color: rgba(0, 0, 0, 0.5);
}
p#txpCommentInputForm {
	width: 350px;
	padding: 20px 0 20px 145px;
	text-align: justify;
	color: rgba(0, 0, 0, 0.5);
}
.commentlist p a, .post p a:hover, .post p a:visited {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	background: rgba(200, 54, 54, 0.2);
}
.commentinfo span.gravatar {
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
	margin-top: -74px;
	border: rgba(0, 0, 0, 0.1) solid 4px;
}
form#txpCommentInputForm #kommentbaszka {
	margin-left: -120px;
	background: rgba(0, 0, 0, 0.1);
	height: 60px;
}
form#txpCommentInputForm #kommentbaszka h2 {
	height: 60px;
	margin:0 20px 0 120px;
	border-left: 2px solid rgba(255, 255, 255, 0.5);
	font: bold 35px/60px Helvetica, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: -2px;
	word-spacing: 0;
}
ul.comments_error {
	color: #c00;
	font: bold;
}
#txpCommentInputForm p {
	visibility: hidden;
}
#comment {
	margin-left: 0px;
	background: rgba(0, 0, 0, 0.1);
	height: 60px;
}
#comment h2 {
	height: 60px;
	margin:0 20px 0 120px;
	border-left: 2px solid rgba(255, 255, 255, 0.5);
	font: bold 35px/60px Helvetica, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: -2px;
	word-spacing: 0;
}
