/*

	Theme Name: Relaxation_3column
	URI: http://clemens.orth.me.uk/
	Description: A simple 3 column design
	Version: 1.5.0 Public Beta
	Author: Clemens Orth
	Author URI: http://clemens.orth.me.uk/

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

	The 3 column relaxation theme comes with 2 sidebars which can be setup freely to show what ever you like. 
	This can be your flickr images, delicious bookmarks, last.fm songs and of course all your other blog stuff
	like blogroll, tags, recent comments, ... .
	
	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: 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: #697f8b;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 20px 0;
	text-align: center;
}

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

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

a:hover { 
color: #003366; 
}

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

/* h1, h2, h3, h1 a, h2 a, h3 a {color: #005799;} */

h1, h1 a {
	color: #005799;
	font-size: 1.4em;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
line-height: 1.4em;
	margin: 30px 0 0 0;
	padding: 0;
	text-decoration: none;
}

h2, h2 a {
	color: #617E8E;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
}

/*
h3 {
	color: #005577;
	font-size: 13px;
	margin: 0px 0 px 0;
	padding: 0;
}
*/

h4 {
font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
h5 {
	color: #005799;
	font-size: 1.4em;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
line-height: 1.4em;
	margin: 30px 0 0 0;
	padding: 0;
	text-decoration: none;
}


img {
	border: 0px;
}

ol, form {
	margin: 0;
	padding: 0;
}

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

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 {
	float: left;
	padding: 0px 40px 0px 40px;
	width: 446px;
	background: transparent;
	border: none;
	left: 0px;
	margin: 0;
	text-align: left;
	font-size: 1.2em;
	overflow: hidden;
}

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

#content img {
	margin: 5px 15px 0 0;
	border: none;
}

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

#footer {
	
	padding-left: 20px;
				 
	clear: both;
	color: #808979;
	font-size: 11px;
	text-align: center;
	height: 65px;
	margin: 0;
}

#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 {
	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;
	font-size: 11px;
	margin: 0;
	text-align: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 156px;
}


#sidebar2 {
	padding-top: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 20px; 
	margin-right: 0px;
	background: transparent;
	color: #443333;
	font-size: 11px;
	text-align: left;
}

#sidebar a {
	color: #444433;
}

#sidebar2 a {
	color: #555555;
}

#sidebar a:hover {
	color: #617E8E;
}

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

#sidebar h2 {
	color: #005799;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 5px;
	line-height: 24px;
}

#sidebar2 h2 {
	color: #777777;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
	text-transform: uppercase;
}


#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(http://www.on-stjohn.com/images/top.jpg) no-repeat top center;
	height: 180px;
}

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


#wrapper {
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-align: center;
}

.ad {
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}

.aligncenter {
	margin: 30px 0 0 0;
	float: none;
	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;
			width: 406px;
			margin: 25px auto 15px auto;
			border-top: 1px solid #E5E5E5;
			border-bottom: 1px solid #E5E5E5;
			background: #F5F5F5;
			text-align: center;
			padding: 6px 6px;

}

.postmetadata a {
	color: #808979;
}

/* different postmetadata style for single.php */

.alt {
	line-height: 1.4em;
	padding: 0 0 15px 30px;
}

.alt a {
	color: #005577;
}

tr.header td {
	background-image: url(http://www.on-stjohn.com/images/top.jpg);
	background-repeat: no-repeat;
}
tr.footer td {
	background-image: url(http://www.on-stjohn.com/images/bottom.gif);
	background-repeat: no-repeat;
}
td.middleleft {
	background-image: url(http://www.on-stjohn.com/images/middle_left.gif);
	background-repeat: repeat-y;
}
td.middle {
	background-color: #CDC8BA;
}
td.middleRight {
	background-image: url(http://www.on-stjohn.com/images/middle_right.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#sidebar2 p {
	font-size: 11px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#sidebar .page_item a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #005799;
	text-decoration: none;
	line-height: 24px;
}
#sidebar .page_item a:hover {
	color: #617E8E;
}
#sidebar .page_item {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B1AEA1;
	margin: 5px;
	padding-bottom: 5px;
}

#sidebar .page_item2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B1AEA1;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#player1  #player2, #player3 {text-align: center;}

#restaurants {
	color: #990000;
	font-weight: bold;
	font-size: 16px;
}
#yelp {
	padding-top: 1em;
}