/*

	Theme Name: Relaxation
	URI: http://www.jowra.de/wp/
	Description: A clean, simple and soothing theme.
	Version: 1
	Author: John Wrana
	Author URI: http://www.jowra.de/

	Relaxation
	http://www.jowra.de/wp/
	This theme was designed and built by John Wrana,
	whose blog you will find at http://www.jowra.de/wp/
	
	While I've written this CSS for my own and nearly from scratch,
	the famous Kubrick-Theme by Michael Heilemann (http://binarybonsai.com/kubrick/)
	functioned as a base-template to start working.
	
	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	This is the first release of this theme.
	Maybe it's not really finished and therefore feedback is always appreciated.
	If you have any questions installing, using and modifying this theme,
	don't hesitate to contact me. Especially if you consider any errors on validating
	XHTML 1.1 or CSS, please drop me a line.
	
	ToDo:
	
	- important: using as much as possible the localize-function
	- cleanup the template files (some unused css-classes and such)
	- some enhancements to the design of the comments and the response-box
	- there are still some template files untouched, e.g. '404.php'
	- other minor issues
	
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body { font-size: small; font-family: "Trebuchet MS", Arial, Helvetica, "Bitstream Vera Sans", Verdana, "Lucida Sans", "Lucida Sans Unicode", sans-serif; background-color: #a9ac99; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; padding: 20px 0; }
table {
	color: #4f5947;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: solid 1px; }

td {
	padding: 4px;
	border-bottom: 1px solid #4f5947;
	 }

a {
	color: #a06000;
	text-decoration: none;
}

acronym {
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #808979;
}

blockquote {
	border-left: 1px solid #e0e0d0;
	padding-left: 10px;
	margin: 0 30px;
}

code {
	color: #005577;
	text-align: left;
}

h1, h1 a {
	color: #005577;
	font-size: 20px;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	margin: 40px 0 0 0;
	padding: 0;
	text-decoration: none;
}

h2, h2 a {
	color: #990000;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
}

h3 {
	color: #005577;
	font-size: 13px;
	margin: 15px 0 15px 0;
	padding: 0;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ol, form {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: circle;
}

p {
	font-family: "Trebuchet MS", Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
	line-height: 1.5em;
	text-align: justify;
	text-indent: 0; }
	
p + p {
	text-indent: 30px }
	

small {
	font-size: 10px;
	line-height: 1.2em;
}

#comment {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	width: 350px;
}

#content {
	background: transparent;
	border: none;
	color: #555;
	margin: 0;
	padding: 0 30px 30px 67px;
	text-align: left;
	width: 400px;
}

#content a:hover {
	color: black;
	text-decoration: none; }
#content img {
	float: left;
	margin: 5px 10px 0 0;
	border: solid 1px #e0e0d0; }

#email, #author {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#footer {
	background: url(images/bottom4.gif) no-repeat center bottom;
	clear: both;
	color: #b2a281;
	font-size: 9px;
	height: 65px;
	margin: 0;
	padding: 20px 10px 10px 67px;
}
#footer .design {	padding:    20px 10px 10px 67px; }

.caption {
	font-size: 10px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align: right; }
.caption a:hover {
	color: black; }

#header {
	color: #a0a999;
	font-size: 14px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left 0;
	height: 20px;
	text-align: center;
	width: 490px; }

#header a {
	color: #c64739;
}

#header img {
	border: none;
}

#page {
	background: transparent url(images/middle.gif) repeat-y top center;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 714px;
}

#s {
	background: #ffffff;
	border: 1px solid #e0e0d0;
	color: #595949;
	font-size: 11px;
	height: 15px;
	padding-left: 2px;
	vertical-align: middle;
	width: 115px;
}

#sidebar {
	background: transparent;
	border: none;
	color: #4f5947;
	font-size: 11px;
	text-align: left;
	width: 128px;
	float: right;
	padding: 50px 27px 30px 0; }
#sidebar img {
	float: left;
	
	 }

#sidebar a {
	color: #4f5947;
}

#sidebar a:hover {
	color: #a06000;
}
#sidebar h2 {
	color: #005080;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#sidebar li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#noindent {
	margin: -40px 0 0 -10px;
	padding: 0;
}
#submit {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	margin: 0;
	padding: 0 10px;
}

#today {
	background: #ffffff;
}

#top {
	background: url(images/headerimg.gif) no-repeat center top;
	text-align: center;
	height: 90px;
	padding-top: 50px;
	padding-left: 240px; }
#URL {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}

.commentbody {
	color: #595949;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	background: #f7f7f0;
	border: 1px solid #f0f0e0;
	position: relative;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink {
	font-size: 10px;
}

.commentlist {
	list-style: none;
}

.commentcount {
	position: absolute;
	right: 36px;
	top: 0;
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	color: #cfd1bd;
	float: right;
}

html[xmlns] .commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}

.date {
	color: #808979;
	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0 0 0 2px;
}

.navigation {
	font-size: 11px;
	font-weight: bold;
	padding: 40px 0 0; }

.pagetitle {
	color: #35451c;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 0.09em;
	text-align: left;
	margin-top: 20px; }

.postmetadata {
	color: #808979;
	font-size: 11px;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
	text-align: right;
}

.postmetadata a {
	color: #808979;
}

/* different postmetadata style for single.php */

.alt {
	line-height: 1.4em;
	padding: 0 0 15px 30px;
}

.alt a {
	color: #005577;
	
}

.description {
	color: white;
	font-size: small;
	font-weight: bold;
	background-color: transparent;
	text-align: center; }
.design a:link {
	color: #989f88;
	text-decoration: none; }
.design a:hover {	color:           #000;
	text-decoration: none; }