/*  
Theme Name: B.P Piano
Theme URI: http://www.boltonwebdesign.co.uk
Description: Custom Theme <br> - Designed by <a href="http://www.boltonwebdesign.co.uk">Jigsaw Internet Solutions</a> 
Author: Shaun Barnes
Version: 2
Author URI: http://www.boltonwebdesign.co.uk
© 2010, Jigsaw Internet Solutions. All rights reserved. 
*/

/* RESET BUILT IN BROWSER STYLES */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul,li {list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
a{text-decoration:none;}

/* default */
* {
	margin: 0;
	padding: 0;
}
i {
	display: none;
}
a:link,a:visited {
	color: #4d2a00;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p, li {
	color: #333;
	font-size: 14px;
	line-height: 18px;
}
h1 {
	color: #000;
	font-size: 28px;
}
h2 {
	color: #000;
	font-size: 24px;
}
h3 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
}
h4 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}

img{
	border: 0;
}
.clear{
	clear: both;
}
body {
	text-align: center;
	font-family: helvetica,arial, sans-serif;
	background: #eedab0 url("img/bg-header.png") repeat-x left top;
}

/* container*/
#container{
	width: 970px;
	margin: 0px auto;
	text-align: left;
}

/* header */
#header {
	float: left;
	width: 970px;
	height: 200px;
position: relative;}

#header img { margin:0;padding:0; float: right;margin-top: 20px;}

#header h1 { display: block; margin:0;padding:0;width: 550px; height: 200px; text-indent: -99999px; background: url(img/logo.png) no-repeat;}


#box-intro {
-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

background-color:#b49471;
margin-bottom:20px;
min-height:80px;
padding:10px 10px 10px 150px;
position:relative;
}

#box-intro #potato {
	display:block;
	position:absolute;
	left:35px!important;
	top:0px;
	width:100px;
	height:100px;
}


#box-intro h1 { margin: 10px 0;}

/* content and homepage */
#content {
	float: left;
	width: 970px;
}

#content { margin-top: 20px;}

#content p {
	margin-bottom: 16px;
}



#main { width: 600px; float: left; -moz-border-radius: 25px;background-color:#e7ddd1;
border:7px solid #8d6d4b; padding: 20px;
	-webkit-border-radius: 25px;}

#sidebar, #sidebarbox { width: 235px; float: right; 
-moz-border-radius: 25px;
	-webkit-border-radius: 25px;


background-color:#e7ddd1;
border:7px solid #8d6d4b;}


#sidebar { margin-bottom: 20px;}
#sidebar, #sidebarbox { padding: 20px;}
#sidebarbox { padding-bottom: 5px;}

#sidebar ul li { list-style-type: none;font-size: 14px; margin-bottom: 3px;}

#sidebar h3 { margin: 15px 0 10px 0; color: #292323; font-weight: bold;}

#sidebar a:link, #sidebar a:visited { color: #4d2a00;}

#sidebar a:hover { color: #a87000;}


/* footer */
#footer{
	width: 100%;
	height: 60px;
	padding-top: 20px;
	background: #4d2a00 url("img/bg-footer.png") repeat-x left top;
	margin-top: 30px;
}
#footerContent {
	width: 970px;
	text-align: right;
	margin: 0px auto;
}
#footer p {
	color: #edd99d;
	font-size: 10px;
	margin-left: 18px;
}
#footer ul li {
	font-size: 13px;
	margin-left: 0px;
	display: inline;
	margin-bottom: 20px;
		text-align: left; }
		
#footer ul { 		text-align: left; margin-bottom: 20px; 
}
#footer a:link, #footer a:visited { color: #edd99d;}
#footer ul li a:link, #footer ul li a:visited {	
	color: #fff;
	font-size: 13px;
	margin: 0px 10px;
	font-weight: bold;
	padding-left: 8px;
}
#footer p.links a:hover {	
	text-decoration: underline;
}



.post h2 a:link, .post h2 a:visited { color: #292323;}

.postmetadata { margin-top: 5px; padding-top: 10px; border-top: 1px solid #705e38;}


#searchform { margin-bottom: 20px;}

.post { margin: 15px 0;}

p.date { font-size: 11px;}

div.entry { margin-top: 30px; clear: both;}
.blog div.entry { margin-top: 10px;}

textarea#comment { 
	width: 450px;
}
ul.comment-list { 
	margin: 0; 
	padding:0;
}
.comment-info h4 { 
	margin:0; 
	font-size: 13px;
}

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

.post ul li.comment { 
	border-bottom: 3px solid #C0AC81; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	
	#respond h3, h3#comments { margin-top: 50px; border-bottom:  3px solid #C0AC81; padding-bottom: 10px;}
	
	h3#respond { margin-top: 35px;}
	
	p.commentdate { margin: 0; padding:0; font-size: 10px; font-weight: bold; line-height: 14px;}
	
	.comment-info h4 { margin:0; padding:0;}
	
#commentform input, #commentform textarea { border: 1px solid #292323; }

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

img.alignleft {
   float: left;
   margin-right: 7px;
}

img.alignright {
   float: right;
   margin-left: 7px;
}


#booking { font-size: 20px; text-align: center; font-weight: bold; margin-top: 10px;}

.entry h3 { margin-bottom: 10px;}

.entry img {
border:3px solid #8D6D4B;
}

.entry a:link, .entry a:visited { text-decoration: underline;}
.entry a:hover { color: #a87000;}
.entry ul { margin-bottom: 20px;}
.entry ul li { margin-bottom: 5px;}


/* Table */
table.events {
	border-collapse: collapse; margin-bottom: 20px;}	
table.events th, table.events td {
	padding: 6px;
	border: 1px solid #000000; }
table.events th {
	font-size: medium;
	text-align: left;
	background: #FFEABF url(img/td.jpg);
	color: #000;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 2px; }
table.events td {
	font-size: medium;
	background: #FFEBDC; }
table.events caption {
	color: #2F0F00;
	font-size: large;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 5px;
	font-weight: bold; }	
#towns ul {
  width: 30em; }
#towns ul li {
	float: left;
	width: 10em;
	list-style-position: inside;
	list-style-type: circle;}
div#towns {
	margin-bottom: 1em;
	width: 25em;
	overflow: hidden; 
	padding: 30px;
 	background: #FFEBDC;
		-moz-border-radius: 25px;
	-webkit-border-radius: 25px;


border:3px solid #8d6d4b;}