/*
* Theme Name: Bathtub
* Theme URI: http://west-penwith.org.uk/blog/archives/234
* Description: Rick's soggy theme, minimal, fluid with an extensible header image.
* Version: 1.5.3
* Author: Rick Parsons
* Author URI: http://west-penwith.org.uk/home.htm
* Text Domain: bathtub
* Tested up to: 6.3
* Requires PHP: 7.0
* License: GNU General Public License
* License URI: license.txt

See Readme.txt for change log

------------------------------------------------------------------------
Copyright ©2007 Rick Parsons, Bristol, England.

This software is published Open Source Freeware. You are free to use the
programs either in full or part without charge. I would ask however that
this notice is included with any extract or onward distribution and that
the acknowledgement in the footer is retained.

No charge may be made for the use of this code.

No warranty is given or implied by the use of the software which you do
at your own risk. No compensation can be considered regarding damage to
data, computers or any thing else arising as a result of using these
programs.
------------------------------------------------------------------------

*/

/* Begin Typography & Colors */
body {
	font-family: "Century Schoolbook", "Bookman Old Style", "Book Antiqua", "New York", serif;
	background-color: #dfd;
	color:black;
	margin: 1% 2%;
}
#content .entry {
	line-height: 1.4em;
}
.alt { /* alternate comments to help separate them and some metadata */
	background-color: #e5f7e5;
	border-top: 1px solid #bdb;
	border-bottom: 1px solid #bdb;
}
small {
	font-size: 0.8em;
}
h2, h3, h4, h5, h6, .description {
	font-family: Verdana, Helvetica, helv, Arial, sans-serif;
	font-weight: bold;
	color: #006;
}
h2 { /* Archive and sidebar headers */
	font-size: 1.3em;
	font-style: italic;
}
a:hover { /* gentle highlighting to show area of effect */
	background-color: #bdb;
}
.postmetadata, blockquote { /* dim stuff */
	color: #669;
}
input {
	background-color: #e5f7e5;
}
input, textarea {
	border: #bdb ridge 2px;
	color: #006;
}
hr {
	color: #bdb;
	background-color: #bdb;
}
/* End Typography & Colors */

/* Begin Headers */
#page { /* Left bit of top image defined here */
	width: 100%;
	background: url(images/bathtaps.png) top left no-repeat;
}
#header { /* Right bit defined here */
	background: url(images/bathhead.png) top right no-repeat;
	padding: 0 0 0.8cm 0;
}
#headerimg { /* Middle bit repeated here */
	background: url(images/bathmid.png) repeat-x;
	padding: 1px 0; /* strangely essential for anything to work */
	margin: 0 3.5cm; /* keep the image to the middle of the screen */
	text-align: center;
}
h1 {
	font-family: Verdana, Helvetica, helv, Arial, sans-serif;
	font-weight: bold;
	margin-top: 1.8cm;
	color: #006;
	font-size: 1.5em;
}
h1 a, h1 a:hover, h1 a:visited, h1 a:hover { /* Suppress the default colours and underline */
	text-decoration: none;
	color: #006;
	background-color: transparent;
}
.description { /* The second line of the header caption */
	margin-top: 1.2cm;
	color: #006;
	padding-bottom: 0.5cm; /* make sure the bottom of the "mid" image gets drawn */
}
h2.pagetitle { /* Page sub-headings */
	text-align: center;
	margin: 1em 0% 0em 0%;
}
/* End Headers */

/* Begin Content */
#content { /* Main left column */
	float: left;
	width: 75%;
	max-width: 75%; /* May not work in IE */
	overflow: hidden;
}
.post {
	clear: left; /* Keep clear of navigation */
}
h3 { /* Individual post headers */
	font-size: 1.2em;
}
h3 a, h3 a:visited, h3 a:hover { /* Suppress the default colours */
	color: #006;
	background-color: transparent;
}
.postmetadata {
	padding-top: 5px;
	clear: both;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
.center, .centered, .centred {
	text-align: center;
}
.hidden {
	display: none;
	}
/* End Content */

/* Begin Sidebar (on Right) */
#sidebar {
	font-size: 0.8em;
	padding: 20px 0 10px 0;
	margin-left: 76%;
}
#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
}
#sidebar form { /* Search form */
	margin: 0;
}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	background-color:white;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}
#sidebar ul p {
	margin: 5px 0 8px;
}
#sidebar ul ul {
	margin: 5px 0 0 20px;
}
#sidebar ul ul ul {
	margin: 0 0 0 10px;
}
#sidebar ul ul li {
	margin: 3px 0 0;
	padding: 0;
	color: #669;
}
#akismetwrap #aka:hover { /* Fix an IE glitch */
	background-color: transparent;
}
/* End Sidebar */

/* Begin Comments */
.commentlist {
	list-style-type: none;
}
.alt, .commentlist li {
	margin: 0;
	padding-left: 10px;
	clear: left; /* Mostly to clear avatar on short comments */
}
li.alt {
	padding-bottom: 3px; /* To make sure there is room for the avatar */
}
.bypostauthor {
	color: #006;
}
div.commentnumber { /* For Greg's Threaded Comment Numbering plugin */
	font-weight: bold;
	float: left;
}
div.commentnumber:after {
	content: ".";
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
.avatar, .identicon, .monsterid {
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right: 2px;
}
li.comment p {
	margin-top: 0;
	}
#comment {
	width: 85%;
	height: 5cm;
}
/* End Comments */

/* Begin Footers */
#footer { /* Mostly to clear long sidebars */
	clear: both;
}
#ffoot { /* For credits at the very bottom */
	margin: 1cm 0 1% 0;
	text-align: center;
	font-style: italic;
	font-size:  0.8em;
}
div#flogo { /* For signature image */
	padding-top: 1em;
}
#flogo img {
	float: left;
	margin-top: -2em; /* push it up a bit */
	margin-right: 0.5em;
}
/* End Footers */

/* Now for stuff you can put in posts */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
img.centered, img.centred {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
a img { /* Stop the red line around link images */
	border: none;
}
/* End Images */

/* Begin Lists
	Special stylized bullets
	May not work in Internet Explorer, which merely defaults to normal bullets. */
html>body .entry ul {
	margin: 1em 0% 1em 5%;
	padding: 0 0 0 30px;
	list-style: url("images/duck.png") circle;
} 
html>body .entry li {
	margin: 7px 0 8px 10px;
}
ol li {
	list-style: decimal outside;
}
/* End Lists */

/* Begin Various Tags & Classes */
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.9em;
}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #669;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #669;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
strong {
	color: #006;
}
.clear {clear: both;
}
/* I don't use iframe ... but hackers do so this will highlight them */
iframe{width: 500px !important;
	height: 500px !important;
	display: block !important;
	background: #ff0000 !important;
	border: #000 dashed thick !important;
}
/* End Various Tags & Classes*/

/* Stuff for the ilastfm plugin */
ul#ilastfm li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
}

ul#ilastfm {
	margin: 5px 0 0 5px;
	padding: 0;
}

#ilastfm a img {
	background: #efe;
	padding: 2px;
	border: 1px solid #cec;
	width: 50px;
	height: 50px;
}

#ilastfm a:hover img {
	border: 1px solid #bdb;
}
/* end of ilastfm plugin */