/*
Theme Name: Waterside Cottages
Theme URI: http://fredjc.com/
Description: Theme by Fred for Barbara J
Version: 1.0
Author: Fred Jacksier-Chasen
Author URI: http://fredjc.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/





/* Begin Structure */
body {
	margin: 0 0 0 0;
	padding: 0;
	font-family: Georgia, Serif;
	background-color: #E3FCFB;
	color: #937962;
	}

#page {
	margin: 20px auto;
	padding: 0;
	width: 1020px;
	
	}

#header {
	
	
	
	}

#headerimg {
	/*
margin: 0;
	height: 200px;
	width: 100%;
*/
	}

.narrowcolumn {
	float: left;
	margin: 0px 0 0;
	width: 800px;
	margin-right: 12px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 500px;
	clear: both;
	padding-bottom: 100px;
	
	}

#footer p {
	margin: 0;
	padding: 6px;
	text-align: left;
	}
/* End Structure */

/* Begin Sidebar */
#sidebar
{

	margin-left: 820px;
	width: 215px;
	}

#sidebar form {
	margin: 0;
	}
	
#sidemenu{
	padding-top: 140px;
}

#sidemenu  li{
	
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}


#sidemenu  a{
	padding: 8px; 
	font-size: 23px;
	width: 180px;
	background-color: #EAE9D6;
	display: block;
}	

#sidemenu  a:hover{

	background-color: #DDDCCC;

}	

#logo{
	margin-top: -90px;
	margin-left: 100px; 
}
/* End Sidebar */



ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li{
	list-style-type: none;
	padding-right: 40px;
	margin: 0;
	padding: 0;
}


.entry ul{
	background-color: #DAEDEC;
	margin: 0;
	padding: 5px;
	padding-left: 30px;
}


.entry li{
	list-style-type: disc;
	padding-right: 40px;
	margin: 0;
	
}

#header ul{
	background-color: #DAEDEC;
	height: 34px;
	width: 800px;
}

#header li{
	float: left;
	font-size: 13px;
	margin-right: 25px;
	
}

#header li:hover{
	background-color: #ddd;
	
}

#header li.cat-item{
	margin-top: 10px;
}

#header h3{
	float: left;
	font-size: 23px;
	/* padding: 0; */
	margin: 0; 
	margin-right: 30px;

}
/*	Begin Headers */
h1 {
	padding-bottom: 15px;
	margin: 0;
	font-size: 46px;
	color: #937962;
	}

h1.cottage {
	padding-bottom: 8px;
	
	}

h2 {
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0;
	font-size: 46px;
	color: #937962;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	
	/* margin: 30px 0 0; */
	padding: 8px; 
	font-size: 23px;
	background-color: #EAE9D6;
	
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	
h4{
	font-weight: normal;
	font-size: 24px;
	margin: 0;
	padding: 0;
	text-transform: capitalize;

}	

h4:hover a{
	background-color: #ddd;
}

	
/* End Headers */


a{
	color: #937962;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a img{
	border: none;
}
p a:hover{
	background-color: #EAE9D6;
	
}

p a{
	background-color: #ddd;
}

.post-a{
	float: right;
	margin-top: -24px;
	margin-right: -70px;
}

.post-a:hover{
	background-color: #EAE9D6;
	
}
a.more-link{
	background-color: #ddd;
}

a.more-link:hover{
	background-color: #EAE9D6;
}

p{
	background-color: #DAEDEC;
	/* border: #DAEDEC 10px solid; */
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 10px;
	
}

.post_archive{
	background-color: #DAEDEC;
	border: #DAEDEC 10px solid;
	width: 780px;
	margin-bottom: 20px;
}

.post_image{
	float: left;
	width: 150px;
	height: 150px;
	background: gray;
	overflow: hidden;
	margin-right: 12px;
}

.post_content{
	/* float: left; */
	width: 700px;
}

.post_archive small{
	float: right;
	margin-top: -24px;
	margin-right: -10px;
}

.floater{
	clear: both;
}

p.nobg{

	background: none;
	border: none;
	font-size: 12px;
	line-height: 18px;

	
}

#buythebook{
	margin-top: 77px;
}

#thebook{
	float: left;
	width: 100px;
	
}

#buybook{
	float: left;
	width: 90px;
	padding-left: 5px;
	width: 90px;
	height: 126px;
	background-color: #EAE9D6;
}

h3#booklink{
	background: none;
	padding: 0;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 4px;
}

h3#booklink span img{
	padding-bottom: 10px;
	
}

#buybook a{
	float: left;
	padding-left: 5px;
	width: 90px;
	height: 126px;
	background-color: #EAE9D6;
}

#buybook a:hover{

	background-color: #DDDCCC;

}	

hr{
	max-width: 100%;
	height: 10px;
	display: block;
	background-color: #E3FCFB;
	
	clear: both;
	border: 0;
}

input.textInput
{
border: 5px solid #DAEDEC;
background: #DAEDEC;
height: 20px;
font-size: 13px;
padding-left: 8px; 
width: 178px;
color: #937962;
}

input.textInput:hover
{
border: 5px solid #DDD;

}

#getemail{
	/* padding-top: 100px; */
	width: 200px;
	float: left;
}

#leftFoot{
	float: left;
}

#rightFoot{
	float: right;
}


/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	
	background-color: #DAEDEC;
	
	}

.buybookinpage {
		background-color: #DAEDEC;
		text-align: left;

}	

.addtothecart {
	float: right;
	padding-top: 10px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #DAEDEC;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	clear: left;
	padding-right: 8px;
	
	}

.spacer_ {
	clear:both;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */






/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */








/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
/* 	background-color: #f3f3f3; */
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #EAE9D6;
	
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	background-color: #EAE9D6;
}
/* End captions */