/*  
Theme Name: thebathtimeblog
Theme URI: http://isaac-cate.co.uk
Description: Wordpress theme compatible with Wordpress 1.5 and above.
Version: 0.1
Author: James Cooper
Author URI: http://jpc-design.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* general stuff */

body {
background: #0116ce url(images/back.png) repeat-x bottom left;
margin: 0;
padding: 0;
text-align: center;
font: x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
color: #333;
font-size/* */:/**/small;
font-size: /**/small;
}

#container {
width:960px;
margin:0 auto;
padding: 0;
}

a:link, #main a:link {
color:#0016ce;
text-decoration: none;
}
a:visited, #main a:visited {
color:#0016ce;
text-decoration: none;
}
a:hover, #main a:hover {
color:#0016ce;
text-decoration: underline;
}
 
img {
border: 0;	
}



/* header */

#head {
margin: 0;
text-align:left;
height: 200px;
background:#0156FE url(images/duckback01.jpg) repeat-x left top;
padding: 0;
color:#fff;
border: 0;
}

#head #duck {
float: right;
background:url(images/duck01.jpg) no-repeat right top;
height: 200px;
width: 267px;
padding:0;
margin: 0;
}

#head h1 { 
margin: 0;
padding: 45px 0 0 30px;
font-size:300%;
line-height:1.2em;
}

#head p { 
margin:0;
padding: 0 0 0 180px;
font-size: 110%;
line-height: 0.1em;
}

#head a { 
color: #fff; 
text-decoration: none;
}

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

/* main layout */

#main {
margin: 0;
padding: 30px 0 0 0;
text-align: left;
background: #fff url(images/conttop01.gif) repeat-x top left;
}

#posts {
width: 700px;
float: left;
display: inline;
background: #fff;
margin: 20px 0 0 15px;
padding: 0;
color: #000;
font-size: 100%;
line-height: 1.5em;
border: 0;
}

.entry {
margin: 0 0 45px 0;	
}

#sidebar { 
float: right;
display: inline;
width: 185px;
font-size: 97%;
line-height: 1.5em;
background:#ff0;
margin: 30px 15px 0 0;
padding: 15px;
color:#000;
border: 1px dashed #0116ce;
}

#footer {
clear:both;
margin:0;
padding: 0;
}

/* main typog */

#posts h2 { 
margin: 0 0 10px 15px;
padding: 0;
font-size: 150%;
line-height: 2em;
text-transform: uppercase;
letter-spacing: .1em;
color: #0116ce;
}

#posts h3 { 
margin: 0;
font-size: 135%;
background: url(images/plug01.jpg) no-repeat 0 0;
display: block;
border: 0;
padding: 25px 0 30px 65px;
color: #0116ce;
clear: both;
}

#posts h3 a {
color: #0116ce;
text-decoration: none;
}

#posts h3 a:hover {
color: #0116ce;
text-decoration: underline;
}

#posts h4 { 
margin: 0;
font-size: 125%;
display: block;
padding: 30px 0 15px 0;
color: #0116ce;
clear: both;
}

p.info { 
padding: 5px 0;
margin: 15px 0 0 0;
border-top: 1px dashed #0116ce;
border-bottom: 1px dashed #0116ce;
text-align: right;
clear: both;
}

p.info em {
display:block;
float:left;
text-align:left;
font-style:normal;
}

a.comments-link {
 /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
background/* */:/**/url(images/icon_comment.gif) no-repeat 0 45%;
padding-left: 22px;
}
  
html>body a.comments-link {
/* Respecified, for IE5/Mac's benefit */
background:url(images/icon_comment.gif) no-repeat 0 45%;
padding-left: 22px;
}

blockquote { 
padding: 5px 20px;
}

p {
line-height: 1.4em;
margin: 0 0 15px 0;
}

.entry img {
margin: 5px;
padding: 0;
border: 1px solid #0116ce;
}

#posts ul {
margin: 0 0 15px 0;
padding: 0 0 0 15px;
list-style: disc;
}

#posts ol {
margin: 15px 0;
padding: 0;
}

#posts li { 
margin: 0 0 2px 0;
padding: 0;
}

#posts li p { 
font-size: 100%;
margin: 10px 0 0 0;
}

.wp-caption {
border: 1px solid #ccc;
padding: 5px 5px 0 5px;
font-size: 108%;
font-style: italic;
text-align: center;
}

.alignleft {
float: left;
display: inline;
margin: 0 8px 8px 0;
}
	
.alignright {
float: right;
display: inline;
margin: 0 0 8px 8px;
}



/* sidebar stuff */

ul#sidebar h2 {
margin: 0;
padding: 0;
font-size: 115%;
line-height: 1.5em;
color: #fc0918;
}

ul#sidebar ul, ul#sidebar #searchform {
margin: 5px 0 15px 0;
padding:0;
list-style:none;
}

ul#sidebar li { 
list-style:none;
}

ul#sidebar ul li { 
background:url(images/bullet_duck.gif) no-repeat 0 40%;
margin:0 0 10px 0;
padding:0 0 0 23px;
line-height: 1.2em;
}

#sidebar ul li .feed {
padding: 0 0 0 20px;
background: url(images/icon_feed.gif) no-repeat 0 40%;	
}

#sidebar ul li a { 
color: #0116ce;
text-decoration: none;
}

#sidebar ul li a:hover { 
color: #0116ce;
text-decoration: underline;
}

#sidebar ul li a:visited { 
color: #0116ce;
text-decoration: none;
}






/* Forms */
#sidebar #searchform {
margin: 7px 0 15px 0;
padding: 0; 
border: 0;
}

#sidebar #searchform #s {
width: 130px;
border: 1px solid #0116ce;
padding: 2px;
font-size: 1em;
background: #fff;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

#sidebar #searchsubmit {
padding: 1px;
margin-left: 5px;
font-size: 1em;
border: 1px solid #0116ce;
background: #fff;
color: #000;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}	
	
#content #searchform {
margin: 7px 0 15px 0;
padding: 0; 
border: 0;
text-align: left;
}

#content #searchform #s {
width: 150px;
border: 1px solid #0116ce;
padding: 2px;
font-size: 1em;
background: #fff;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

#content #searchsubmit {
padding: 1px;
margin-left: 5px;
font-size: 1em;
border: 1px solid #0116ce;
background: #fff;
color: #000;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

.contactform textarea, .contactform input {
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
font-size: 1em;
padding: 2px;
border: 1px solid #0116ce;
}

.contactleft {
margin: 0;
padding: 0; 
border: 0;
text-align: left;
font-size: 1em;
}

.contactright {
padding: 0;
margin: 5px 0 25px 0;
}

#contactsubmit {
padding: 2px;
margin-left: 5px;
font-size: 1em;
border: 1px solid #0116ce;
background: #fff;
color: #000;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}	

.contacterror {
border: 1px solid #fc0918;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */

}


/* Comments */

h4 { 
margin: 0;
font-size: 135%;
display: block;
border: 0;
padding: 30px 0 15px 0;
color: #0116ce;
}

#commentform p {
margin: 5px 0;
}

#commentform input {
padding: 2px;
margin: 5px 5px 1px 0;
border: 1px solid #0116ce;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

#commentform #author, #commentform #email, #commentform #url {
width: 200px;
}

#commentform textarea {
width: 350px;
padding: 2px;
border: 1px solid #0116ce;
background: #fff;
font-size: 1em;	
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

#commentform #submit {
padding: 1px;
margin: 5px 0;
border: 1px solid #0116ce;
background: #fff;
color: #000;
}

.norm {
background: #eee;
}

#posts ol.commentlist {
margin: 0;
padding: 0;
}

#posts ol.commentlist li {
margin: 0 0 15px 0;
padding: 15px;
list-style: none;
border: 0;
}

.nocomments {
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}



/* Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

.center {
text-align: center;
}

.navigation {
display: block;
margin: 15px 0;
padding: 5px 0;
font-style: normal;
color: #0116ce;
border: 0;
}

.navigation a, .navigation a:visited {
color: #0116ce;
text-decoration: none;
}

.navigation a:hover{
color: #0116ce;
text-decoration: underline;
}
	

/* flickr badge */

#flickr_badge_wrapper {
margin: 5px 0 15px 0;
padding: 10px 0;
text-align:center; 
width:180px;
}

.flickr_badge_image {
margin:0 10px 10px 10px;
}

.flickr_badge_image img {
border: 1px solid black !important;
}

#flickr_badge_source {
text-align:left; 
margin:0 10px;
padding:0 !important; 
}

#flickr_www {
display:block; 
padding:0 10px 10px 10px !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:#3993ff;
}

#flickr_badge_wrapper {
background-color:#fff;
border: solid 1px #0116ce;
}


#text-3 .textwidget {
text-align: center;
margin: 5px 0 15px 0;
}


.hide {
display: none;
}