/* ___ ALLGEMEIN _________________________________________________ */

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background: #ffffff;
}

h1 {
	font: 1.4em/130% Palatino Linotype;
	font-weight: bold;
	letter-spacing: 2.4pt;
}

p {
	margin: 10px;
}

.clear {
	clear: both;
	height: 0px;
}

ul {
	margin-left: 24px;
}

ul.nolist {
	list-style: none;
}

ul.square {
	margin-left: 16px;
	list-style: square;
}

ul.haken {
	margin-left: 24px;
	list-style: none;
	list-style-image:url(http://www.pax-aeterna.net/gfx/haken.png)
}

li {
	margin-left: 4px;
	font-weight: normal;
}

li.small {
	margin-bottom: 3px;
	font-size: 8pt;
	text-align: left;
}

/* ___ ID ________________________________________________________ */

#container {
	position: relative;
	top: 10px;
	height: 600px;
	width: 1200px;
	margin: 0 auto;
}

/* ___ HEADER ____________________________________________________ */

#header {
	position: relative;
	height: 200px;
	width: 1200px;
	background: #ffffff url(gfx/header.jpg) no-repeat;
	cursor: pointer;
}

/* ___ NAVIGATION ________________________________________________ */

#nav {
	position: relative;
	margin: 10px 10px 10px 30px;
}

.menu a {
	float: left;
	margin: 0 11px 0 11px;
	height: 24px;
	width: 134px;
	border: #000000 1px solid;
	border-radius: 12px;
	-moz-border-radius: 12px;
	background: #f0dca0 url(gfx/menu1.jpg);
	color: #800000;
	font: 1.2em/120% Estrangelo Edessa;
	font-variant: small-caps;
	letter-spacing: 1.2pt;
	text-align: center;
	text-decoration: none;
	text-shadow: #ffffff 1px 1px 3px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.menu a:hover {
	background: #800000 url(gfx/menu2.jpg);
	color: #ffdd80;
	text-decoration: overline;
	text-shadow: #000000 1px 1px 3px, #a0a0a0 -0 -0 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

/* ___ CONTENT ___________________________________________________ */

#content {
	clear: both;
	position: relative;
	top: 14px;
	margin: 10px;
}

.post-1 {
	clear: both;
	margin-top: 14px;
	border: #907c40 1px solid;	
	border-radius: 32px 64px 32px 64px;
	-moz-border-radius: 32px 64px 32px 64px;
	background: #f0dca0 url(gfx/content1.jpg) no-repeat;
}

.post-2 {
	clear: both;
	margin-top: 14px;
	border: #907c40 1px solid;	
	border-radius: 32px 64px 32px 64px;
	-moz-border-radius: 32px 64px 32px 64px;
	background: #f0dca0 url(gfx/content2.jpg) no-repeat;
}

.meta_l {
	float: left;
	margin: 3px 0 0 32px;
	width: 750px;
	color: #606060;
	font: 0.8em/100% Estrangelo Edessa;
	letter-spacing: 1.6pt;
}

.meta_r {
	float: right;
	margin: 3px 52px 0 0;
	width: 250px;
	color: #606060;
	font: 0.8em/100% Estrangelo Edessa;
	letter-spacing: 1.6pt;
	text-align: right;
}

.meta_l a, .meta_r a {
	color: #a00000;
	text-decoration: none;
	text-shadow: #ffffff 1px 1px 3px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.meta_l a:hover, .meta_r a:hover {
	color: #ffffff;
	text-shadow: #000000 1px 1px 3px, #a0a0a0 -0 -0 3px;
	text-decoration: underline;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.title {
	clear: both;
	margin: 20px 0 0 20px;
	color: #400000;
	text-shadow: #ffffff 3px 3px 3px, #ffffff -3px -3px 3px;
}

.title a {
	color: #600000;
	text-decoration: none;
	text-shadow: #ffffff 1px 1px 3px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.title a:hover {
	color: #ffffff;
	text-shadow: #000000 1px 1px 3px, #a0a0a0 -0 -0 3px;
	text-decoration: underline;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.entry {
	margin: 20px;
	font: 1.0em/120% Estrangelo Edessa;
	text-align: justify;
}

.entry img {
	margin:	6px 0 2px 14px;
	border: #907c40 1px solid;
	border-right: #604c10 2px solid;
	border-bottom: #503c00 2px solid;
	border-radius: 12px;
	-moz-border-radius: 12px;
}

.entry img:hover {
	border: #000000 1px solid;
	border-right: #000000 2px solid;
	border-bottom: #000000 2px solid;
}

.entry a {
	color: #a00000;
	text-decoration: none;
	text-shadow: #ffffff 1px 1px 3px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.entry a:hover {
	color: #ffffff;
	text-shadow: #000000 1px 1px 3px, #a0a0a0 -0 -0 3px;
	text-decoration: underline;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

/* ___ KOMMENTARE ________________________________________________ */

#comments {
	clear: both;
	position: relative;
	top: 14px;
	left: 80px;
	width: 1000px;
	margin: 10px;
	font: 1.0em/120% Estrangelo Edessa;
}

#comments ul, #comments ol {
	list-style: none;
}

#comments li {
	margin: 8px;
	border: #000000 1px solid;
	border-radius: 16px;
	-moz-border-radius: 16px;
	background: #fafaf0 url(gfx/comment1.jpg) no-repeat;
}

#comments li.alt {
	background: #eaeae0 url(gfx/comment2.jpg) no-repeat;
}

#comments li.bypostauthor {
	background: #fffce0 url(gfx/comment3.jpg) no-repeat;
}

.comment-meta_l {
	float: left;
	margin: 10px;
	color: #606060;
	font: 0.9em/100% Estrangelo Edessa;
	letter-spacing: 1.2pt;
}

.comment-meta_r {
	float: right;
	margin: 10px;
	color: #606060;
	font: 0.9em/100% Estrangelo Edessa;
	letter-spacing: 1.2pt;
}

.comment-meta_l a, .comment-meta_r a, .comment-body a {
	color: #a00000;
	text-shadow: #ffffff 1px 1px 2px, #ffffff 0 0 2px;
	text-decoration: none;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.comment-meta_l a:hover, .comment-meta_r a:hover, .comment-body a:hover {
	text-decoration: underline;
	text-shadow: #606060 1px 1px 3px, #aaaaaa -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.comment-body {
	clear: both;
	margin: 0 12px 0 10px;
	color: #000000;
	font: 1.0em/100% Estrangelo Edessa;
	text-align: justify;
}

.comment-ava img {
	border: #907c40 1px solid;
	border-right: #604c10 2px solid;
	border-bottom: #503c00 2px solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

.comment-ava img:hover {
	border: #000000 1px solid;
	border-right: #000000 2px solid;
	border-bottom: #000000 2px solid;
}

.comment-reply {
	clear: both;
	color: #000000;
	font: 1.0em/100% Estrangelo Edessa;
}

.comment-reply a {
	float: left;
	width: 100px;
	margin-bottom: 6px;
	margin-left: 10px;
	border: #000000 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background: #eaf0ff;
	color: #200040;
	font: 1.1em/100% Estrangelo Edessa;
	text-align: center;
	text-decoration: none;
	text-shadow: #606060 3px 3px 4px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

.comment-reply a:hover {
	background: #f0dca0;
	color: #800000;
	text-decoration: underline;
	text-shadow: #000000 3px 3px 4px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

#respond p {
	margin: 6px;
}

#respond a {
	color: #a00000;
	text-decoration: none;
	text-shadow: #ffffff 1px 1px 3px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

#respond a:hover {
	color: #ffffff;
	text-shadow: #000000 1px 1px 3px, #a0a0a0 -0 -0 3px;
	text-decoration: underline;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

span.required {
	color: #ff0000;
}

.comment-form-author, .comment-form-email, .comment-form-url {
	width: 600px;
	color: #000000;
	font: 1.0em/100% Estrangelo Edessa;
}

input#author, input#email, input#url {
	margin: 0 10px 0 0;
	width: 200px;
	border: #000000 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background: #f0dca0;
	color: #604c10;
	font: 1.0em/100% Estrangelo Edessa;
	text-shadow: #ffffff 1px 1px 1px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

textarea#comment {
	width: 600px;
	border: #000000 1px solid;
	border-radius: 4px;
	background: #f0dca0;
	color: #604c10;
	font: 1.0em/100% Estrangelo Edessa;
	text-shadow: #ffffff 1px 1px 1px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

input#author:hover, input#email:hover, input#url:hover, textarea#comment:hover {
	background: #402000;
	color: #ffffff;
	text-shadow: #000000 1px 1px 3px, #a0a0a0 -0 -0 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

input#submit {
	float: left;
	width: 200px;
	border: #000000 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background: #eaf0ff;
	color: #200040;
	font: 1.1em/100% Estrangelo Edessa;
	text-align: center;
	text-decoration: none;
	text-shadow: #606060 3px 3px 4px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

input#submit:hover {
	background: #f0dca0;
	color: #800000;
	text-decoration: underline;
	text-shadow: #000000 3px 3px 4px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

/* ___ FOOTER ____________________________________________________ */

#footer {
	clear: both;
	height: 24px;
	width: 1100px;
	margin: 40px 0 0 50px;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-right: #808080 1px solid;
	border-top-left-radius: 40px 40px;
	border-top-right-radius: 40px 40px;
	-moz-border-top-left-radius: 40px 40px;
	-moz-border-top-right-radius: 40px 40px;
	background: #cccccc;
	font: 0.8em/160% Estrangelo Edessa;
	text-align: center;
}

#footer a {
	color: #600000;
	text-decoration: none;
	text-shadow: #ffffff 1px 1px 3px, #ffffff -1px -1px 3px;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}

#footer a:hover {
	color: #ffffff;
	text-shadow: #000000 1px 1px 3px, #a0a0a0 -0 -0 3px;
	text-decoration: underline;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
}