/*

	Theme Name: Relaxation_3column
	URI: http://clemens.orth.me.uk/de/
	Beschreibung: Ein einfaches 3 spaltiges design (basierend auf dem relaxation theme)
	Version: 1.0.2
	Author: Clemens Orth
	Author URI: http://clemens.orth.me.uk/de/

	Relaxation_3column
	http://clemens.orth.me.uk/de/
	Das Original 2 Spalten Design wurde von John Wrana (http://www.jowra.de/wp/) erstellt.
	Das 3 spaltige Design wurde von Clemens Orth (http://clemens.orth.me.uk/de/) erstellt 
	und von John Wrana und Clemens Orth umgesetzt.

	Das 3 spaltige Theme hat eine Extra Spalte die frei genutzt werden kann. 
	Dort koennen Bilder (z.B. von Flickr) untergebracht werden oder ebenso eine Liste der zuletzt gelesenen Buecher, gekauften CDs etc. 
	Nur deine Phantasie setzt dir hier Grenzen.
	Schau einfach fuer was ich sie verwende um einen Eindruck davon zu gewinnen.
	
	Das Style Sheet, der XHTML code und das Design stehen unter der GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Alle Photos in dem psd file sind unter der CC Lizenz veroeffentlicht. Dies schliesst eine kommerzielle Nutzung explizit aus! Fuer mehr Details zu den einzelnen Lizenzen folge den Links in dem readme.txt file.

	HINWEIS: Um ein moeglichst fluessiges Design zu erhalten solltest du die Farben der folgenden 7 Styles in eine der Farben deiner Graphik aendern.

		a
		h1, h1 a
		h2, h2 a
		#sidebar h2
		#sidebar2 h2
		#sidebar a:hover {
		#sidebar2 a:hover {

		Picture:							|	Color Code:
		------------------------------------|---------------
		Grand Pier							|	#DC5E04
											|
		Advert in Westminster Tube Station	|	#BD6907
											|	#CBDA7D
                                            |
		View from the Brooklyn Bridge		|	#497260
		                                    |
		Sunset								|	#7A677B
											|	#D47A7A
		                                    |
		Bridge in Central Park				|	#292E31
		                                    |
		Backyard							|	#78493F
		                                    |
		Docks mirrored in Water				|	#617E8E
		                                    |
		Hundertwasserhaus					|	#B89CA8
		                                    |
		Battery Park Memorial				|	#792400
		                                    |
		Love in Manhatten					|	#7D0100
                                            |


	HINWEIS: Das Flickr Style Sheet am Ende der Datei ist fuer die flickr badges (http://www.flickr.com). Die Style Sheet Definitionen werden auch fuer andere Graphiken in den 
	rechten Spalten verwendet. Sei daher bitte sehr vorsichtig was du aenderst.

	
*/

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

body {
	background: #aaaaaa;
	font-size: 13px;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	padding: 20px 0;
}

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

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

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

h1, h1 a {
	color: #DC5E04;
	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: #DC5E04;
	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;
}

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;
	float: left;
	left: 1px;
	margin: 0;
	padding: 0 30px 30px 50px;
	text-align: left;
	width: 560px;
}

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

#content img {
	margin: 5px 15px 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/bottom.gif) no-repeat bottom center;
	clear: both;
	color: #808979;
	font-size: 11px;
	height: 65px;
	margin: 0;
	padding: 10px 10px 10px 67px;
}

#header {
	background: transparent;
	color: #a0a999;
	float: left;
	font-size: 11px;
	height: 120px;
	margin: 0;
	padding: 8px 30px 0 7px;
	text-align: right;
	width: 490px;
}

#header a {
	color: #990000;
}

#header img {
	border: none;
}

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

#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: #921a1b;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0 27px 30px 50px;
	text-align: left;
	width: 128px;
}

#sidebar2 {
	background: transparent;
	border: none;
	color: #921a1b;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 0 27px 30px 0px;
	text-align: left;
	width: 128px;
}

#sidebar a {
	color: #921a1b;
}

#sidebar2 a {
	color: #91b91a;
}

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

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

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

#sidebar2 h2 {
	color: #b90002;
	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;
}

#sidebar2 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;
}

#sidebar2 ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#noindent {
	margin: 0 0 0 -10px;
	padding: 0;
}
#noindent2 {
	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/header.jpg) no-repeat top center;
	height: 185px;
}

#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,sans-serif;
	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;
}

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


/* 	these are the styles for the flickr badges in the 3 column. feel free to edit them 
	to your own needs but do never rename them as the styles would not be applied correctly.  
*/

#flickr_badge_uber_wrapper {
	text-align:center; 
	width:150px;
}
#flickr_badge_wrapper {
	padding:10px 0 10px 0;
}
.flickr_badge_image {
	margin:0 10px 10px 0px
}
.flickr_badge_image img {
	border: 1px solid black !important;
}
#flickr_badge_source {
	text-align:left; margin:0 10px 0 0px;
}
#flickr_badge_icon {
	float:left; margin-right:5px;
}
#flickr_www {
	display:block; 
	padding:0 10px 0 00px !important; 
	font: 11px Arial, Helvetica, sans-serif !important; 
	color: #3993ff !important;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important; 
	background:inherit !important;
	color: #000000;
}
#flickr_badge_wrapper {}
#flickr_badge_source {
	padding:0 !important; 
	font: 11px Arial, Helvetica, sans-serif !important; 
	color: #000000 !important;
}