/*  
Theme Name: 
Theme URI: http://www.boltonwebdesign.co.uk
Description: Custom Theme - Designed by Jigsaw Internet Solutions
Author: Shaun Barnes
Author URI: http://www.boltonwebdesign.co.uk
� 2008, 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;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color: #779CC7;
	color: #000; }

#wrapper {
  width: 980px;
  margin: 0 auto;
}

#header { 
	width: 980px;
	height: 250px;
	background-color: #002C7B;
	position: relative;
	} 
	
#header ul { float: left; background: #fff; width: 766px; position: absolute; bottom: 0; right: 0; height: 35px;}
	
#header ul li { display: inline-block; line-height: 35px; zoom:1; *display: inline; _height: 35px;}
#header ul li a { color: #002C7B; font-size: 17px;display: block; height: 35px; padding: 0 10px;}

 

	
.about #about,.home #home, .menus #menus, .events #events, .gallery #gallery, .contact #contact, #header ul li a:hover { background: #779CC7; color: #fff; text-decoration: none;}	

div#buttons { width: 208px; position: absolute; right: 25px; bottom: 45px;}
div#buttons img { margin-bottom: 5px;}
		
#main { background: #fff; padding: 60px 60px 100px 60px; }

div.post { width: 600px;}

#sidebar { background: #fff; float: right; width: 225px; margin-right: 40px; padding-top: 60px;}

#sidebar h3 { margin-top: 30px;}

#sidebar ul li { margin-bottom: 3px;}

#footer { background: #001A48;}

#footer p { color: #9BC5F3;}

#footer ul { padding: 20px 20px 10px 20px; float: left;}

#footer ul li { margin-bottom: 2px;}

#footer a { color: #9BC5F3; }

#footer a:hover { text-decoration: underline;}

#enquire { float: left; padding-top: 20px; margin-left: 40px;}
#enquire p { margin-bottom: 5px;}

#address { float: right;  text-align: right;padding-top: 20px; margin-right: 20px;}

/* TYPE */

p { margin-bottom: 15px;}

h1,h2,h3,h4,h5,h6 { color: #C9A423; margin-bottom: 0.5em;}

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}


/* LINKS */

a:link, a:visited { color: #002C7B;}
a:hover, a:active { text-decoration: underline;}

div.post h2 a { color: #C9A423; }


/* BLOG */

p.small { font-size: 12px; margin-bottom: 10px;}

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

h2#posttitle { margin-bottom: 0;}

div.post { margin-bottom: 30px;}

ul.comment-list { width: 510px;}

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

li.comment { 
	border-top: 1px solid #002C7B; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }

textarea { 	background-color:#779CC7;
	border: 1px solid #002C7B;
	padding-left: 5px;
	padding-right: 5px;
	color:#000; }
	
#commentform textarea {	width: 500px; }

h3#comments, h3#respond {  padding-top: 20px; text-transform: capitalize; }
 
h3#respond { 	border-top: 1px solid #002C7B;  }


input {
	background-color:#779CC7;
	border: 1px solid #002C7B;
	color:#000;
	height:20px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle; }

#commentform input{ width:250px; }

#commentform { margin-bottom: 30px;}

p.postmetadata {  margin-top: 20px; border-top: 1px solid #002C7B; padding-top: 5px; font-size: 12px; font-weight: bold;}


/* MISC */

img.centered {
	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; }
	
	
.home #main	{  padding: 60px 40px 100px 40px;overflow: hidden; }

	
div.box { width: 420px; height: 143px; border: 1px solid #001A48; margin-bottom: 26px;  }

.box h3 { margin-top: 10px;}

#left { float: left; margin-right: 50px; line-height: 16px; height: 315px;}
#right { float: left;height: 315px;}

#left .box img { margin:0; padding:0;}

#left p, #left h3, #right p, #right h3 { margin-left: 7px;}

#right h3 { margin-bottom: 0.75em;}
#right p {font-size: 18px; color: #002C7B;}


.clearfix { clear: both;}

/*
#left:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*/

/* BANNER */

#banner { width: 980px; height: 319px;	background: url(images/header-home.jpg) no-repeat; }
.about #banner { background: url(images/header-about.png) no-repeat;  height: 270px;}	
.gallery #banner { background: url(images/header-offers.png) no-repeat; height: 75px;}	
.events #banner { background: url(images/header-events.jpg) no-repeat; height: 270px;}
.menus #banner { background: url(images/header-menus.jpg) no-repeat; height: 270px;}
.contact #banner { background: url(images/header-contact.jpg) no-repeat; height: 75px;}
/*
	



*/