/*
Theme Name: Hambleton Bakery
Theme URI: http://www.junomedia.co.uk/
Description: Hambleton Bakery
Version: 1.0
Author: Juno Media
Author URI: http://www.junomedia.co.uk/

*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	html, body {min-height: 100%}

	body {
    line-height: 1;
    font-size: 75%; /* 100% = 16px */
    color: #181512;
    background: white url('images/footer.gif') repeat-x bottom left;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left
}

/* Headers */
	h1, h2 {font-size: 122.33%; color: #901b1d; padding-bottom: .1em}
	h3 {font-size: 116.66%}
	h4 {font-size: 108.33%}
	h5 {font-size: 100%}
	h6 {font-size: 100%}
	
	h2, h3, h4, h5, h6 {padding-bottom: 1em}
	h3, h4, h5, h6 {color: #901b1d}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #901b1d; text-decoration: none}
	a:hover, a:active {text-decoration: underline}
	
	a.button:link, a.button:visited {
		color: #fff;
		background: #901b1d;
		padding: .3em 1.5em;
		line-height: 2.6em;
		width: auto
	}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.3;
	    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}
	
/* Address */
address {line-height: 1.3; color: #581b27; font-style: normal; margin-bottom: 1em}
	
/* Quote */
.quote {display: block; margin-bottom: 1.5em}

blockquote {
	margin: 1.5em 2em;
	padding: 1em;
	background: #f7f4ef;
	color: #777
}

blockquote p {margin-bottom: .5em}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #eee}

thead th {background: #eee; color: #333; text-align: left; padding: .5em .4em}

tbody td {padding: .5em .4em}
tbody .alt td {background: #f7f4ef}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside decimal
}
/***** Layout *****/
#bg {min-height: 271px; background: url('images/header-bg.png') repeat-x top left}
.end {clear: both}
.alignleft {padding: auto 0 0 0}
.alignright {padding: 0 0 0 auto}

/* Header */
#header {
	width: 794px;
	min-height: 110px;
	margin: 0 auto;
	padding: 17px 0 0 0;
	position:relative;
	z-index:5;
}

#logo {float: left}

	/* Menu */
	#menu {float: right; margin:-11px 0 0; padding: 0; list-style: none; font-size: 108.33%}
	
	#menu > li {float: left; background: url('images/menu-separator.png') no-repeat bottom right; height: 30px; padding: 20px 1.5em 0 1.5em}
	#menu > li.last, #menu > li:last-child {background: none; padding-right: .5em}

/* Body */
#body {margin: 0 auto; background: url('images/body-bg.gif') repeat-x top left; clear: both;}
#body .limit {width: 794px; overflow: hidden; padding: 15px 0; margin: 0 auto}

	/* Content */
	#content {width: 515px; float: right; display: inline}
	
	#content .module {
		background: #f7f4ef url('images/cont-module-top.gif') no-repeat top left;
		width: 471px;
		padding: 20px 20px 0 20px;
		margin-bottom: 2em
	}
	#content .module .end {
		background: #f7f4ef url('images/cont-module-bottom.gif') no-repeat bottom center;
		margin: 0 -20px;
		height: 20px;
		position: relative
	}
	
	/* Sidebar */
	#sidebar {float: left; width: 244px; margin: 0 33px 0 2px;}
	
	#sidebar ul {margin: 0; padding: 0 0 2em 0; list-style: none}
	#sidebar ul.shops {padding: 0}
	#sidebar h2 {margin-bottom:0}
	
	#sidebar .phone {
		color: #901b1d;
		font-size: 98%;
		line-height: 1.4
	}
	
	#sidebar .module {
		background: #f7f5f0 url('images/side-module-top.gif') no-repeat top center;
		padding: 20px 20px 0 20px;
		margin-bottom: 20px;
	}
	
	#sidebar .module .end {
		position: relative;
		margin: 0 -20px 0 -20px;
		height: 20px;
		background: #f7f5f0 url('images/side-module-bottom.gif') no-repeat bottom center;
	}
	
	#sidebar p {margin-bottom: .5em}
	
	#sidebar .options {
		margin: 0 0 1.5em 0;
		padding: 0;
		list-style: none;
		font-size: 83.33%;
		overflow: hidden;
		height: 1%
	}
	#sidebar .options li {
		float: left;
		height: 1.1em;
		line-height: 1em;
		border-right: 1px solid #901b1d;
		margin: 0 .5em 0 0;
		padding: 0 .5em 0 0
	}
	
	#sidebar .options li.last, #sidebar .options li:last-child {border: 0}
	
	#sidebar h2 {line-height: 1.3}

/* Footer */
#footer {
	width: 719px;
	margin: 2em auto 0 auto;
	padding: 3em 0 1.5em 75px;
	overflow: hidden;
	color: #bf9c8d;
	background: url('images/footer-bg.gif') no-repeat top left
}

#footer a:link, #footer a:visited {color: #bf9c8d; font-size: 95%;}

#footer ul {margin: 0; list-style: none; overflow: hidden; height: 1%}
#footer li {float: left; margin: 0 .5em 0 0; padding: 0 .5em 0 0; border-right: 1px solid #bf9c8d; height: 1.1em; line-height: 1.1em}
#footer li.last, #footer li:last-child {border: 0}

#footer ul, #footer p {margin-bottom: .4em}

#footer #foot-submen {font-size: 91.66%}
	
/***** Sections *****/
/* Home */
.home img {margin-top: 20px}
.home img.left {margin-right: 16px}

/* Blog Index */
#post-list	{margin: 0; list-style: none}

.post {margin-bottom: 2.5em}
.post h2 {font-size: 128.33%; margin-bottom: .1em; line-height: 1}
.post h2 a:link, .post h2 a:visited {text-decoration: underline}
.post h2 a:hover, .post h2 a:active {text-decoration: none}
.post .meta {display: block; color: #666; margin-bottom: 1.5em; font-size: 83.33%}

	/* Comments */
	#comments h3 {font-size: 133.33%; margin-bottom: .8em; line-height: 1; text-decoration: none}
	#comments ul {margin: 0 0 2em 0; padding: 0; list-style: none}
	#comments ul li {background: #f7f4ef; padding: 1em; margin-bottom: 1em}
	
	#comments blockquote {margin: 0; padding: 0}
	#comments blockquote p {margin-bottom: 0}
	#comments cite {font-size: 76.92%; color: #acacac}
	
	/* Comments Form */
	#comment-form {margin: 0 0 1em 0; overflow: hidden; height: 1%}
	#comment-form div {background: #f7f4ef; padding: 1.8em; margin-bottom: 15px; overflow: hidden; height: 1%}
	
	#comment-form label {
		display: block;
		float: left;
		margin-bottom: 15px;
		line-height: 20px;
		width: 75px;
		clear: left
	}
	#comment-form .text, #comment-form textarea {
		border: 0;
		display: block;
		float: left;
		margin-bottom: 15px;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
		font-size: 100%;
		padding: .2em .5em;
		width: 380px;
		color: #888;
		background: #fff
	}
	
	#comment-form textarea {float: none; width: 455px; height: 125px}
	
	#comment-form .button {
		float: right;
		background: #901b1d;
		color: #fff;
		font-size: 115.38%;
		border: 0;
		padding: .5em 2em .5em 2em;
		cursor: pointer
	}
	
/* Archives */
#archives {list-style: none}
#archives ul {margin: .5em 0 1.5em 2em}
#archives li {float: left; width: 45%; padding: 0 4% 0 0; font-size: 116.66%}
#archives li ul li {float: none; width: auto; padding: 0; font-size: 84.71%}

/* Contact */
#contact-form .module {
	overflow: hidden;
	height: 1%;
	padding-top: 30px;
	margin-top: 25px
}
#contact-form label {
	float: left;
	width: 70px;
	display: block;
	margin: .4em 10px 1em .5em;
	clear: left
}

#contact-form .text, #contact-form textarea {
	background: #fff;
	color: #666;
	float: left;
	display: block;
	margin: 0 0 1em 0;
	border: 0;
	width: 370px;
	font-family: arial, verdana, sans-serif;
	font-size: 116.66%;
	padding: .2em 2px
}
#contact-form .text {padding: .4em 2px}

#contact-form .button {
	clear: both;
	float: right;
	background: #901b1d;
	border: 0;
	color: #fff;
	height: 25px;
	line-height: 25px;
	padding: 0 25px;
	margin: 0 10px 0 0;
	cursor: pointer
}

/* Gallery */
#gallery {margin: 0 0 1em 0; list-style: none; width: 810px}
#gallery li {float: left; margin: 0 30px 20px 0; height: 170px; overflow: hidden}

#gallery img {display: block}
#gallery a:link,#gallery a:visited {color: #333}

	/* Image zoom */
	#big-gallery-img {
		background: #f6f5ed url('images/img-bg.gif') no-repeat center bottom;
		width: 792px;
		padding: 10px 0;
		text-align: center;
		margin-bottom: 2em
	}
	
	#gallery-description {
		overflow: hidden;
		height: 1%;
		margin-bottom: 1em
	}
	
	#gallery-description .first-col {width: 244px; float: left; margin-right: 3.9%}
	#gallery-description .second-col {width: 515px; float: right}
	
	.second-col img { display:block; border: 2px solid #ccc; margin: 0px 0px 20px 0px; }
	
	.back-link {font-size: 116.66%}
	
/* Location */
#location-map {
	overflow: hidden;
	background: #f6f5ed url('images/img-bg.gif') no-repeat center bottom;
	line-height: 1.3;
	color: #581b27;
	font-style: normal;
	width: 792px;
	padding: 10px 0;
	margin: 0 0 2em
}

#location-map-top {
	overflow: hidden;
	background: url('images/img-bg-top.gif') no-repeat center bottom;
	width: 792px;
	height: 15px;
}


#location-map .company-info {
	float: left;
	width: 196px;
	margin: 0;
	padding: 0;
}

#map {
	width:526px;
	height:400px;
	float: left;
	margin: 0 22px 0 0;
	padding: 0;
	border: 1px #fff solid;
}

#no-good {padding: 0 22px}

#location-map .map-switcher img {display: block; border: 1px #fff solid}
#location-map .map-switcher a:link,#location-map .map-switcher a:visited {color: #333}

#location-map .telephone {margin: 1em 0}
#location-map .telephone strong {font-size: 1.25em; font-weight: normal}

#addresses {display: block; float: left; clear: left; margin: 1em 0; list-style: none; width: 600px}
#addresses li {width: 160px; display: block; float: left; clear: none; margin-right: 34px; padding-bottom: 1em}
h3.sub-title{font-weight: bold}
.module-list li.active{font-weight: bold}
#flash-slideshow, #flash-slideshow object{position:relative;z-index:0}
#menu{position: relative;z-index:10}
#menu li{position: relative;z-index:10}
#menu li ul{display: none; position: absolute; top:45px; left: 0; width: 147px; background-color: #f7f5f0; padding:5px 10px 0; margin: 0;  list-style: none; overflow:hidden;}
#menu li ul li{padding: 0; margin: 0; width: 100%; margin:0 0 7px;}
#menu li ul li a{background-color: #ece6d6; display:block; padding:4px 0 4px 7px;}

#header-info{background: url(images/header-info-bg.png) no-repeat left center; float: right; width: 223px; height: 76px; margin-top:-16px;}
#header-info span{display: block; color: #862525; text-align:center;}
#header-info .tel{font-size: 25px; margin-top:12px;}
#header-info .email{font-size: 13px;}
#header-info .email a{color: #862525;}