/*	Theme Name: Relaxation_3column	URI: http://clemens.orth.me.uk/	Description: A simple 3 column design (based on the relaxation theme)	Version: 1.0	Author: Clemens Orth	Author URI: http://clemens.orth.me.uk/	Relaxation_3column	http://clemens.orth.me.uk/#743	The original 2 column theme was designed by John Wrana (http://www.jowra.de/wp/)	The 3 column relaxation design by Clemens Orth (http://clemens.orth.me.uk)	and build by John Wrana and Clemens Orth	The 3 cloumn relaxation theme comes with a 3rd column where you can freely 	edit your own content like last read books, flickr photos, cds you bought, etc.	Have a look at my website (http://clemens.orth.me.uk) for an example.		The CSS, XHTML and design is released under the GPL:	http://www.opensource.org/licenses/gpl-license.php		The photos in the header graphic are released under the cc licence. Check the URLs	in the readme.txt file for more details.	NOTE: replace the color in the following 7 style definitions depending on the header graphic you use:		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                                            |	NOTE: The flickr stylesheet definition for the flickr badges (http://www.flickr.com) are at the end of this 	of this stylesheet. They are also used for all other images in the 3rd column. So be carefull what you are 	do to them.	*/html, body {	margin: 0;	padding: 0;	text-align: center;}body {	background: #a9ac99;	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: #6D8994;	text-decoration: none;}code {	color: #005577;	text-align: left;}h1, h1 a {	color: #6D8994;	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: #005577;	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 67px;	text-align: left;	width: 430px;}#content a:hover {	text-decoration: underline;}#content img {	float: left;	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: #443;	float: left;	font-size: 11px;	margin: 0;	padding: 0 27px 30px 20px;	text-align: left;	width: 128px;}#sidebar2 {	background: transparent;	border: none;	color: #443;	float: right;	font-size: 11px;	margin: 0;	padding: 0 27px 30px 0px;	text-align: left;	width: 128px;}#sidebar a {	color: #444433;}#sidebar2 a {	color: #444433;}#sidebar a:hover {	color: #6D8994;	text-decoration: underline;}#sidebar2 a:hover {	color: #6D8994;	text-decoration: underline;}#sidebar h2 {	color: #6D8994;	font-size: 11px;	font-weight: normal;	letter-spacing: 0.3em;	margin: 20px 0 10px 0;	padding: 0;}#sidebar2 h2 {	color: #6D8994;	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/top3.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;}