/*

	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/

	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.

*/



html, body {

	margin: 0;

	padding: 0;

	text-align: center;

}



body {

	/* background: #a9ac99; F0F0F0 */

	font-size: 13px;

        font-family: 'Trebuchet MS', Verdana, 'Bitstream Vera Sans', Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;

	padding: 20px 0;

        background: #FFFFFF url(sidelogo.png) no-repeat top right fixed;


}



blockquote {

	background: url('images/cite.png') no-repeat bottom left;   

	border-left: 3px solid #f0f0f0; 

	padding-left: 10px;

	margin: 0 30px;

    font-family: Verdana;

    font-size: 10px; 

}


#ribbon a {
position: fixed;
top: 0;
left: 0;
display: block;
width: 80px;
height: 80px;
background: url(http://estrablog.net/matera_ribbon.gif) top left no-repeat;
text-indent: -999em;
text-decoration: none;
}

a {

	color: #005A87;

	text-decoration: none;

}



code {

	color: #005A87;

	text-align: left;

    font-family: Arial;

    font-style: italic;

    font-size: 10px; 

}



hr {

	border: 1px solid #e6e6e6;

}



h1, h1 a {

	color: #005A87;

	font-size: 21px;

	font-weight: normal;

	margin: 40px 0 0 0;

	padding: 0;

	text-decoration: none;

}



h2, h2 a {

	color: #898F8F;

	font-size: 13px;

	font-weight: normal;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0;

}



h3 {

	color: #005A87;

	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, li {

	margin: 0;

	padding: 0;

}





#content ul {

	margin: 0 0 0 15px;

	padding: 0;

}



p {

	line-height: 1.5em;

	text-align: justify;

}



small {

	font-size: 10px;

	line-height: 1.2em;

}



#comment {

	background: #ffffff;

	border: 1px solid #e6e6e6;

	color: #5a5a5a;

	font-size: 11px;

	padding-left: 2px;

	vertical-align: middle;

	width: 350px;

}



#content {

	background: transparent;

	border: none;

	color: #2e2e2e;

	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 7px 2px 0px;

	border: 1px solid #e6e6e6;

}



#email, #author, #ts_code {

	background: #ffffff;

	border: 1px solid #e6e6e6;

	color: #5a5a5a;

	font-size: 11px;

	padding-left: 2px;

	vertical-align: middle;

}



#footer {

	background: transparent url(images/bottom.png) no-repeat bottom center;

	clear: both;

	color: #787878;

	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.png) repeat-y top center;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	width: 864px;

}



#s {

	background: #ffffff;

	border: 1px solid #f0f0f0;

	color: #5a5a5a;

	font-size: 11px;

	height: 15px;

	padding-left: 2px;

	vertical-align: middle;

	width: 115px;

}



#q {

	background: #ffffff;

	border: 1px solid #f0f0f0;

	color: #5a5a5a;

	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: #898F8F;

	text-decoration: underline;

}



#sidebar2 a:hover {

	color: #898F8F;

	text-decoration: underline;

}



#sidebar h2 {

	color: #898F8F;

	font-size: 11px;

	font-weight: normal;

	letter-spacing: 0.3em;

	margin: 20px 0 10px 0;

	padding: 0;

}



#sidebar2 h2 {

	color: #898F8F;

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

	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 #e6e6e6;

	color: #5a5a5a;

	font-size: 11px;

	margin: 0;

	padding: 0 10px;

}



#today {

	background: #ffffff;

}



#top {

	background: transparent url(images/top.png) no-repeat top center;

	height: 185px;

}



#url {

	background: #ffffff;

	border: 1px solid #e6e6e6;

	color: #5a5a5a;

	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: #5a5a5a;

	font-size: 11px;

	margin: 0 0 10px 0;

	padding: 15px 15px 5px 15px;

	background: #f0f0f0;

	border: 1px solid #e6e6e6;

	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: #e6e6e6;

	float: right;

}



html[xmlns] .commentcount {

	position: absolute;

	right: 7px;

	top: 0;

}



.date {

	color: #787878;

	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0 0 0 2px;

}



#date {

	color: #787878;

	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0 0 0 2px;

}



#date img {

	border: none;

}	



.navigation {

	font-size: 11px;

	padding: 40px 0 0 0;

}



.pagetitle {

	font-size: 11px;

	letter-spacing: 0.09em;

	text-align: right;

}



#postmetadata {

	color: #787878;

	font-size: 11px;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0;

	text-align: right;

}



#postmetadata a {

	color: #787878;

}



#postmetadata img {

	border: none;

}	



.postmetadata {

	color: #787878;

	font-size: 11px;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0;

	text-align: right;

}



.postmetadata a {

	color: #787878;

}



/* different postmetadata style for single.php */



.alt {

	line-height: 1.4em;

	padding: 0 0 15px 30px;

}



.alt a {

	color: #005A87;

}



.latestactivity small {

	display: block;

	margin: 0px;

	margin-left: 10px;

	font-size: 94%;

}

.gravatar {

        float:left;

        padding: 3px;

        border: 1px solid #000;

        background: #fff;

}



.postgrav {

        float: left;

        padding: 3px;

        margin-right: 5px;

        margin-left: 5px;

        border: 1px solid #000;

        background: #fff;

}