/*
Theme Name: The Cook Book
Theme URI: http://www.thecookbookstjust.co.uk/
Description: WordPress theme created for The Cook Book website by Webfooted Designs Ltd
Version: 1.0
Author: Webfooted Designs Ltd
Author URI: http://www.webfooteddesigns.co.uk/

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background-color: #0054a6;
		color: #ffffff;
		}
		
.alignright {
		float: right;
		margin-left: 10px;
		}
		
.alignleft {
		float: left;
		margin-right: 10px;
		}

.clearRight {
		clear: right;
		height: 0;
		font-size: 0.1em;
		}
		
.clearLeft {
		clear: left;
		}		
		
.clearBoth {
		clear: both;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		background: #ffffff url(images/backgroundslice.jpg) repeat-y;
		width: 969px;
		margin: 10px auto 0 auto;
		position: relative;		
		}
		
#masthead {
		background: url(images/backgroundhead.jpg) no-repeat;
		height: 156px;
		position: relative;
		}
		
#logo {
		padding: 15px 10px 0 10px;
		}
		
#address {
		padding-left: 20px;
		}
		
#mastheadPhoto {
		position: absolute;
		top: 10px;
		left: 520px;
		}
		
#content {
		margin-left: 200px;
		height: auto !important;
		height: 650px;
		min-height: 650px;
		}
		
#sidebar {
		background-color: #ffffff;
		width: 175px;
		position: absolute;
		top: 160px;
		left: 10px;
		background: url(images/navbottom.gif) no-repeat;
		background-position: 0 100%;
		}
		
#sidebar img {
		margin-left: 10px;
		margin-bottom: 5px;
		}
		
#sidebar p {
		margin: 10px;
		}
		
.contentBoxTop {
		background: url(images/contentboxtop.gif) no-repeat;
		height: 20px;
		margin-top: 10px;
		margin-right: 3px;
		}
		
.contentBox {
		background: #ffffff url(images/contentboxslice.gif) repeat-y;
		margin: 0 3px 0 0;
		padding-left: 10px;
		position: relative;
		height: auto !important;
		height: 100px;
		min-height: 100px;		
		}
				
		
.page .contentBox, .archive  .contentBox, .single .contentBox {
		background: #ffffff url(images/contentboxslice.gif) repeat-y;
		margin: 0 3px 0 0;
		padding-left: 10px;
		position: relative;
		height: auto !important;
		height: 437px;
		min-height: 437px;		
		}
		
.home .contentBox {
		background: #ffffff url(images/contentboxslice.gif) repeat-y;
		margin: 0 3px 0 0;
		padding-left: 10px;
		position: relative;
		height: auto !important;
		height: 100px;
		min-height: 100px;		
		}
		
.contentBox {
		padding-top: 35px;	
		}		
		
.contentBoxBottom {
		background: url(images/contentboxbottom.gif) no-repeat;
		height: 21px;
		margin-right: 3px;
		}

#wrapperfoot {
		background: url(images/backgroundfoot.jpg) no-repeat;
		height: 29px;
		}
		
#footer {
		width: 969px;
		margin: 0 auto 10px auto;
		text-align: right;
		padding-right: 35px;
		padding-bottom: 10px;
		}
		
#addressTable {
		width: 700px;
		margin-left: 10px;
		margin-bottom: 20px;
		border-collapse: collapse;
		}
		
#addressTable th {
		text-align: left;
		vertical-align: top;
		width: 40%;
		}
		
#addressTable td, #addressTable th {
		padding: 10px;
		border: 2px solid #ffffff;
		background-color: #ECF0FA;
		}


/* ---------- 3. links and navigation ---------- */

a {
		color: #2A53A1;
		}
		
a:hover {
		text-decoration: none;
		}
		
#sidebar ul {
		list-style: none;
		background: url(images/navtop.gif) no-repeat;
		padding: 20px 2px 10px 2px;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 1.2em;
		font-weight: bold;
		margin-left: 0;
		
		}

#sidebar ul a {
		color: #2A53A1;
		text-decoration: none;
		display: block;
		padding: 5px 10px;
		}
		
* html #sidebar ul a {
		display: inline;
		}
		
#sidebar ul a:hover, #sidebar ul a#current {
		background-color: #fde6da;
		}
		
* html #sidebar ul a:hover, * html #sidebar ul a#current {
		background: transparent;
		text-decoration: underline;
		}		

* html #sidebar ul li {
		margin-bottom: 10px;
		}
		
#footer a {
		color: #ffffff;
		font-size: 1.1em;
		}
		
.navigation .alignleft {
		margin-left: 10px;
		font-weight: bold;
		margin-bottom: 10px;
		}
		
.navigation .alignright {
		margin-right: 10px;
		font-weight: bold;
		margin-bottom: 10px;
		}	

#cookbookh2 a, #bosorneh2 a, #newsh2 a {
		text-decoration: none;
		}		
		
.links {
		margin: 0 20px;
		}
		
.links img {
		vertical-align: middle;
		margin-right: 10px;
		border: none;
		float: left;
		}
		
.links p {
		margin-bottom: 10px;
		clear: left;
		}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		font-family: verdana, arial, helvetica, sans-serif;
		}

body {
		font-size: 62.5%;
		}
		
#wrapper {
		font-size: 1.3em;
		color: #2A53A1;
		}

h1, h2, h3, h4, p, ul {
		}
		
h1 {
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 1.3em;
		margin-left: 10px;
		margin-bottom: 5px;
		background: #ffffff url(images/heading.gif) no-repeat;
		height: 27px;
		margin-right: 3px;
		margin-top: 5px;
		padding-left: 10px;
		padding-top: 7px;
		font-size: 1.3em;
		font-family: Georgia, Times, "Times New Roman", serif;
		margin-left: 0;
		}
		

h2 {
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 1.2em;
		margin-left: 10px;
		
		}
		

		
h2#navHeading {
		position: absolute;
		left: -9999px;
		}
		
h2#cookbookh2 {
		background: url(images/carrots.jpg) no-repeat;
		padding: 11px 0 11px 50px;
		position: absolute;
		top: -14px;
		left: 15px;
		margin-left: 0;
		}

h2#bosorneh2 {
		background: url(images/books.jpg) no-repeat;
		padding: 11px 0 11px 50px;
		position: absolute;
		top: -14px;
		left: 15px;		
		margin-left: 0;
		}
		
h2#newsh2 {
		background: url(images/boat.jpg) no-repeat;
		padding: 11px 0 11px 50px;
		position: absolute;
		top: -14px;
		left: 15px;		
		margin-left: 0;
		}
		
h2#galleryh2 {
		background: url(images/gallery.jpg) no-repeat;
		padding: 11px 0 11px 50px;
		position: absolute;
		top: -14px;
		left: 15px;		
		margin-left: 0;
		}		
		
h2#stjusth2 {
		background: url(images/stjustarea.jpg) no-repeat;
		padding: 11px 0 11px 50px;
		position: absolute;
		top: -14px;
		left: 15px;		
		margin-left: 0;
		}	

h2#usefullinksh2 {
		background: url(images/links.jpg) no-repeat;
		padding: 11px 0 11px 50px;
		position: absolute;
		top: -14px;
		left: 15px;		
		margin-left: 0;
		}	

h2#contactush2 {
		background: url(images/contact.jpg) no-repeat;
		padding: 11px 0 11px 50px;
		position: absolute;
		top: -14px;
		left: 15px;		
		margin-left: 0;
		}			

h3 {
		font-size: 1.1em;
		padding-bottom: 5px;
		padding-top: 15px;
		}
		
h4 {
		margin-left: 10px;
		padding-top: 20px;
		}
		
.date {
		margin-left: 10px;
		font-weight: bold;
		margin-bottom: 10px;
		}

p {
		padding-bottom: 10px;
		line-height: 1.5em;
		}
		
.contentBox p, .contentBox h3 {
		margin: 0 40px 0 10px;
		}

.contentBox ul, .contentBox ol {
		margin-left: 30px;
		line-height: 1.5em;
		}
		
li {
		margin-bottom: 5px;
		}
		
blockquote {
		font-style: italic;
		}
		
.archive #post-1323, .archive #post-1197, .archive #post-1071, .archive #post-972, .archive #post-893, .archive #post-776, .archive #post-682, .archive #post-396, .archive #post-370, .archive #post-331, .archive #post-259, .archive #post-232, .archive #post-213, .archive #post-196, .archive #post-189, .archive #post-176, .archive #post-152, .archive #post-118 {
		background-color: #FEFBCE;
		margin-right: 7px;
		}
		
.entry {
		padding-bottom: 15px;
		}
		
.post {
		clear: left;
		}
		
	
.post img {
		margin: 0 10px 10px 0;
		padding: 3px;
		}
	
.postmetadata {
		clear: left;
		}

/* ---------- 5. images ---------- */

img.alignright {
		margin-right: 0;
		}

a img {
	border: 2px solid #2A53A1;
		}

.wp-caption {
	text-align: center;
	margin: 0 10px 10px 10px;
	}
	
.wp-caption img {
	border: 2px solid #2A53A1;
	padding: 2px;
	margin: 5px 0;
	}
	
.wp-caption p {
	margin: 0;
	line-height: 1.2em;
	}
	
.photoGroup {
	float: left;
	width: 340px;
	
	}
	
.content-photos {text-align: center;}

.content-photos img {margin: 10px;
	border: 2px solid #2A53A1;
	padding: 2px;}
	
h4 img {
	border: none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}
	
#bookrepairs img {
	margin-right: 35px;
	}