/*

	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 {
	background: #a9ac99 url(images/jowra.gif) no-repeat top right;
	font-size: 13px;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	padding: 20px 0;
}

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;
        text-align: justify;     
}

ul {}

p {
	line-height: 1.5em;
	text-align: justify;
}

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: #000000;
	margin: 0;
	padding: 0 0px 0px 45px;
	text-align: left;
	width: 450px;
float: left;

}

#content a:hover {
	text-decoration: underline;
}

#content img {
	
	margin: 5px 0px 0 0;
	border: 1px solid #e0e0d0;
}

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

#footer {
	background: transparent url(images/bottom4.gif) no-repeat bottom center;
	clear: both;
	color: #808979;
	font-size: 11px;
	height: 65px;
	margin: 0;
	padding: 10px 10px 10px 250px;
}

#header {
	background: transparent;
	color: #a0a999;
	font-size: 11px;
	height: 120px;
	margin: 0;
	padding: 8px 0px 0 238px;
	text-align: right;
	width: 460px;
}

#header a {
	color: #990000;
}

#header img {
	border: none;
}

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

#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: #443;
	float: left;
position:relative
	font-size: 11px;
	margin: 0;
	padding: 0 27px 30px 45px;
	width: 128px;
}

#sidebar a {
	color: #444433;
font-size: 87%;
}

#sidebar a:hover {
	color: #a06000;
}

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

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

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


#sidebar2 {
	background: transparent;
	border: none;
	color: #443;
	float: right;
position:relative
	font-size: 11px;
	margin: 0;
	padding: 0 27px 30px 10px;
	width: 150px;
}

#sidebar2 a {
	color: #444433;
font-size: 100%;
}

#sidebar2 a:hover {
	color: #a06000;
}

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

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

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








#noindent {
	margin: 0 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: transparent url(images/top4.gif) no-repeat top center;
	height: 30px;
}

#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: #e0e0d0;
	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;
}

.timesince {
	color: #808979;
	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;
	letter-spacing: 0.09em;
	margin: 0;
	text-align: right;
}

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

.pagetitle {
	font-size: 11px;
	letter-spacing: 0.09em;
	text-align: right;
}

.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;
}

.flickr-album {
	padding: 0;
	width: 450px;
}

.flickr-thumbnail {
	padding-right: 20px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 6px 6px 6px 6px;
	padding: 4px;
	margin-top: 10px;
}

.flickr-title {
	width: 500px;
	color: #260;
	padding-top: 6px;
}

a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}

a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	/* Setup opaque background in notes box with browser specific opacity
	 * properties (they aren't valid CSS - sorry).  If having valid CSS is
	 * so important	to you just get rid of the next 4 lines after these
	 * comments (you'll sacrifice the opaque background in the notes
	 * boxes.
	*/
	background: white;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}

a.annotation:hover {
	border-color: yellow;
}