/*



	Theme Name: Relaxation_3column

	URI: http://clemens.orth.me.uk/

	Description: A simple 3 column design (based on the relaxation theme)

	Version: 1.0.2

	Author: Clemens Orth

	Author URI: http://clemens.orth.me.uk/



	Relaxation_3column

	http://clemens.orth.me.uk/

	This theme was designed by John Wrana (http://www.jowra.de/wp/)

	and build by John Wrana and Clemens Orth (http://clemens.orth.me.uk)



	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: 62.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	color: #444;

	text-align: center;

	margin: 20px 0 30px;

	}



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: 'Trebuchet MS', Verdana, Sans-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: left;

}



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;

        font-size: 11px;

	float: left;

	left: 1px;

	margin: 0;

	padding: 0 30px 30px 67px;

	text-align: left;

	width: 430px;

}



#content a:hover {

	text-decoration: underline;

}



#content img {

	margin: 0px 0px 0 0;

	border: 0px 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 16px 16px 0px;

	text-align: left;

	width: 128px; /*width: 128px;*/

}



#sidebar a {

	color: #444433;

}



#sidebar2 a {

	color: #444433;

}



#sidebar a:hover {

	color: #DC5E04;

}



#sidebar2 a:hover {

	color: #DC5E04;

}



#sidebar h2 {

	color: #DC5E04;

	font-size: 11px;

	font-weight: normal;

	letter-spacing: 0.3em;

	margin: 20px 0 10px 0;

	padding: 0;

}



#sidebar2 h2 {

	color: #DC5E04;

	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 {

list-style-type: square;	

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;

}

#sidebar  ul li ul li {

	list-style-type: square;

	margin: 0 0 0 0px;

	padding: 0;

}



#sidebar2 ul {

	list-style-type: square;

	margin: 0 0 0 5px;

	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/top.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;

}
#ads {

	padding:0 ; 

	margin: 0 ;
	border: 0 px;

}