/*
Theme Name:	Hambleton Decorating
Theme URI: http://www.junomedia.co.uk
Description: Hambleton Decorator's Global Style Sheet
Version: 1.0
Author: Juno Media
Author URI: http://www.junomedia.co.uk
Tags: web design, web development, nottingham
*/

/***** 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 */
	body {
	    line-height: 1.4;
	    font-size: 67%; /* 100% = 16px */
	    color: black;
		font-family: georgia,'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
		background: #aa9382 url('images/footer-bg.png') repeat;
		margin: 0;
		padding: 0;
		text-align: left
	}
	
	.descroll {font-size: 90%;}

	html, body {height: 100%}
	
/* Headers */
	h2 {font-size: 133.33%}
	h3 {font-size: 125%}
	h4 {font-size: 116.66%}
	h5 {font-size: 108.33%}
	h6 {font-size: 100%}
	
	h2, h3, h4, h5, h6 {font-family: georgia, times, serif; color: #716053}
	
	.subtitle {font-family: georgia, times, serif; color: #50a37f; font-size: 116.66%; font-style: italic; margin-bottom: 1em; display: block}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #887669; text-decoration: none}
	a:hover, a:active {text-decoration: underline}
	
	/*.rss {padding-right: 15px; background: url('images/icons/rss.gif') no-repeat 3px right}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Quotes */
blockquote {background: #F7EEDA; font-style: italic; padding: 20px; margin: 1em; color: #666; font-family: georgia, times, serif; -moz-border-radius: 10px; -webkit-border-radius: 10px}
blockquote p{margin-bottom: .5em}

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

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

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

thead th {background: #2F7A59; color: #fff; text-align: left; padding: .5em .4em; font-weight: bold}

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

/***** Layout *****/
.limit {width: 900px; margin: 0 auto}
.limit:after {content: "."; display: block; clear: both; height: 0; visibility: hidden}

#non-foot {min-height: 100%; height: auto !important; height: 100%}

/* Header */
#header {
	background: #a89481 url('images/header-bg.png') repeat-x top left;
	height: 100px;
	overflow: hidden;
	color: #fff;
	font-family: georgia, times, serif;
	font-size: 116.66%
}

#header a:link, #header a:visited {color: #fff}

	/* Logo */
	#logo {float: left}
	
	/* Header Contact Info */
	#header address {
		float: right;
		font-size:1.1em;
		text-align: right;
		margin: 15px 0 0 0
	}
	
	#header address strong {font-size: 121.42%; font-weight: normal}
	#contact-details {float: right;}
/* Menu */
#menu {background: url('images/menu-bg.png') top repeat-x;height:47px;}
#menu ul {
	line-height: 33px;
	margin: 0 auto;
	list-style-type: none;	
}
#menu ul li {float:left;margin-right:54px}
#menu ul li.last {margin-right:0px}
#menu ul li a {display: block;background: url('images/menu.png') no-repeat;height:37px;}
#menu a:link, #menu a:visited {color: #796555;}
#menu a:hover, #menu a:active, #menu ul li:hover a:link, #menu ul li:hover a:visited {color:red ; text-decoration: none}

#menu ul li #home:hover {color:#4a4a4a}

#menu ul li a#home {width:50px;background-position: 0px 0px;}	
#menu ul li a#profile {width:70px;background-position: -110px 0px !important;background-position: -110px 0px;}
#menu ul li a#a-portfolio {width:95px;background-position: -240px 0px !important;background-position: -240px 0px;}
#menu ul li a#design-process {width:140px;background-position: -400px 0px !important;background-position: -400px 0px;}
#menu ul li a#testimonials {width:120px;background-position: -615px 0px !important;background-position: -613px 0px;}
#menu ul li a#contact-menu {width:100px;background-position: -800px 0px !important;background-position: -800px 0px}

#menu ul li.current {position: relative; background: url('images/arrow-active.png') no-repeat center bottom; z-index: 99; height: 46px;}
#menu ul li.current div {position: relative;padding:0 25px 0 25px;border-right:#e8e6df 1px solid;border-left:#e8e6df 1px solid}
#menu ul li div {float:left}
/* Body */
.active {width:17px;height:9px;display:block;z-index:2;margin-top:20px}
.box {
	background: #fff; 
	width:360px; 
	height:auto; 
	color:#4a4a4a;
	margin :0 35px 20px 0;
	border: 1px solid #eee;
	padding: 15px 20px;
	position: relative;
	font-style: italic;
	z-index: 9998
}
.box h3 {font-style: normal;}
#body {height:auto !important;height:1%; position:relative;background: #f5f5eb url('images/bg.png') repeat 0 0;padding-top:27px;z-index:1;}
#body .limit {
	/*background: url('images/content-bg.png') repeat-y 10px 0; */
	padding: 0 0 0 0px;
	width: 900px;
}
#page{
	min-height: 403px;
	height: auto !important;
	height: 403px;
	z-index:9997
}

	/* Content */
	#content {
		width: 583px;
		background: #fff;
		padding: 0px 0px 0 0;
		float: left;
		margin: 0 0px 0 0;
		overflow: hidden;
		position:relative;
	    z-index:99;
		height:1%;
	}

	#content .header-image, #content .flash {border:3px solid #fff;display:block;border-bottom:0px;z-index:9999}
	
	/* Sidebar */
	#sidebar {width: 276px; float: right; overflow: hidden; padding:0 0 10px 0px;}
	
	#sidebar p {font-family: georgia, times, serif;color:#4a4a4a;font-size:1.2em}
		/* Modules */
		#sidebar .module {background: url('images/sidebar-bg.png') no-repeat bottom left; padding: 3px 13px 8px 3px; margin-bottom: 10px}
		#sidebar .module .content {background: url('images/module-bg.png') repeat-x top left; padding: 13px 17px; margin: 0; list-style: none}
		.content ul {margin: 0 0 0 0; list-style: none}
		
		#sidebar .module .title {font-size: 133.33%; color: #fff; background: #2d7958; padding: 5px; margin-bottom: 0; overflow: hidden; height: 1%}
		#sidebar .module .title img {float: left; margin: 0 8px 0 0}
		#sidebar .module .title span {float: left}
		
		#sidebar .module p {margin-bottom: 0}
		
		#sidebar ul li {margin-bottom: 1em}
		
		.meta {font-size: .9em}
		#sidebar .ad {display: block; margin: 15px 0 5px 0}
		
		/* Subnav */
		.subnav {font-size: 133.33%; font-family: georgia, times, serif}
		#sidebar .subnav li {background: url('images/subnav-sep.png') no-repeat bottom center; margin-bottom: .4em; padding-bottom: .5em}
		
		/* Buttons */
		#sidebar .button:link, #sidebar .button:visited {
			display: block;
			width: 224px;
			height: 32px;
			line-height: 32px;
			color: #fff;
			padding: 0 20px;
			font-family: georgia, times, serif;
			font-size: 1.3em;
			background: url('images/sidebar-button.png') no-repeat;
			margin-bottom: 5px
		}

/* Footer */
#footer {
	
	height: 173px;
	background: #aa9382 url('images/footer-bg.png') repeat-x top left;
	width: 100%;
	color: #f0e8da;
	font-size: .9em;
	
}

.abs {position:absolute;
	z-index:1;
	top:500px;
}
.for-profile{
	position:absolute;
	z-index:1;
	top:675px;
}
#footer .limit {
	margin:1px auto 0 auto;
	background: url('images/footer-bg-limit.gif') no-repeat 0px 0;
	padding: 51px 0 0 0px;
	width: 900px;
	position:relative;
	/*z-index:1;*/
}
#footer .no-bg {
	background:none;
	padding: 30px
}

#footer .lower-menu{
	background:none;
	padding: 51px 0 0 0px;
}
#footer a:link, #footer a:visited {color: #fffdf9}

#footer ul#footer-menu {margin: 30px 0 10px 8px; list-style: none; padding: 5px 0 0 0;position:relative;left:-10px}
#footer-menu li {float:left;background:none}
#footer-menu li a {display: block;background: url('images/footer-menu.png') no-repeat;height:21px;}
#footer-menu li a#hambleton-hall {width:150px;background-position: 0px 0px;}	
#footer-menu li a#harts {width:190px;background-position: -155px 0px;margin-left:10px}
#footer-menu li a#quo-vadis {width:105px;background-position: -350px 0px;margin-left:8px}
#footer-menu li a#fino {width:58px;background-position: -461px 0px;margin-left:10px}
#footer-menu li a#barrafina {width:100px;background-position: -525px 0px;margin-left:8px}
#footer-menu li a#hambleton-bakery {width:190px;background-position: -630px 0px;margin-left:8px}


#footer #copyright {position:relative;left:-2px;font-family: arial, georgia, times, serif;font-size:1.1em}
#footer #view-gallery {z-index:9998}
#footer .logo {display:block;width:271px;height:36px; position: absolute; right: 3px; top: 11px;float:right; z-index:9998}
#footer .top100 {float:right; z-index:9998; margin: 10px 3px}
	
/***** Sections *****/
/*.header {display: block; margin: -20px -20px 20px -20px}*/

.buttons {margin: 40px 0; list-style: none; overflow: hidden; height: 1%}
.buttons li {float: left; margin: 0 30px 0 0}
#content .button:link, #content .button:visited {
	display: block;
	width: 137px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	padding: 0 20px;
	font-family: georgia, times, serif;
	font-size: 1.3em;
	background: url('images/content-button.png') no-repeat;
	margin-bottom: 5px
}

.sections {overflow: hidden; height: 1%; background: url('images/sections-bg.png') repeat-x top left; border-top: 1px solid #F5F0EA; padding: 20px 0 0 0; margin-bottom: 20px}
.sections li {width: 30%; float: left; margin: 0 1.45%; list-style: none; display: inline}
.sections img {display: block; margin-bottom: 5px}

/* Blog Index */
/*
#post-list {margin: 0; padding: 0; list-style: none}
#post-list .post {border-bottom: 1px solid #dadada}
.post {padding-bottom: 20px; margin-bottom: 20px}
#comments h3, .post h2, .title {font-size: 1.8em; margin-bottom: 10px}

.post .meta {display: block; background: #F9F2E1; padding: 8px; overflow: hidden; height: 1%; color: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px}
*/
/* Comments */
/*
#comments ol {list-style: none; margin: 0 0 1em 0; padding: 1em 0 1em 0}
#comments ol li {overflow: hidden; height: 1%; margin-bottom: 1em; border-bottom: 1px solid #dadada; padding-bottom: 1em}

#comments cite {
	display: block; 
	width: 220px;
	float: left;
	overflow: hidden;
	font-family: georgia, times, serif
}

#comments cite .gravatar {display: block; border: 1px solid #dadada; float: left; margin: 0 15px 0 0}
#comments cite .date {display: block}
#comments blockquote {background: none; width: 360px; float: right; margin: 0; padding: 0; font-style: normal}
*/
/* Comments Form */
/*
#comment-form, #contact-form {font-size: 1.2em; font-family: georgia, times, serif; background: #F9F2E1; padding: 20px; margin: 1.5em 0 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#comment-form label, #contact-form label {display: block}

#comment-form .text, #comment-form textarea, #contact-form .text, #contact-form textarea {
	border: 1px solid #dadada;
	background: #fff;
	color: #666;
	font-family: inherit;
	font-size: inherit;
	padding: 3px;
	margin-bottom: 10px;
	width: 580px
}
#comment-form textarea, #contact-form textarea {height: 150px}
#comment-form .button, #contact-form .button {
	border: 0;
	background: #2F7A59;
	color: #fff;
	padding: 5px 15px;
	float: right;
	font-size: 1.2em;
	font-family: inherit;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
*/
/* Page */
.page {background:#f1f2e8;margin-bottom:40px}
.speech {list-style-type:none;margin:0;padding:0}
.speech li{float:left; background: url('images/full-speech.png') top no-repeat;width:372px; height:210px; margin :0 35px 0px 0;padding:20px 25px 0px 25px;}
.speech li.last{margin-right:0px}
.speech li p{font-family: georgia, times, serif;color:#4a4a4a;font-size:1.2em;}
.speech li h3 {color:#716053;font-size:1.1em;margin:15px 0 0px 0}


/*Contact */
.button {background: #ac9686 url('images/send.gif'); border: 0px; width: 114px; height: 24px; font-size: 1.2em; cursor: pointer;color:#fff}
a.button {display:block;color:#fff;width:80px}
a.button:hover {text-decoration:none;}

.contact-section {margin-bottom:35px}
.contact {padding:30px;color:#4a4a4a;font-family: georgia, times, serif;color:#4a4a4a;font-size:1.2em}
#contact-form {border:0;margin:0;padding:0}
#contact-form label {width:160px;text-align:left;color:#887669}
#contact-form input.text {width:333px;margin-bottom:1em; border:#d8d2ce 1px solid}
#contact-form textarea {width:333px;height:120px;border:#d8d2ce 1px solid}
input#send {float:right;margin:10px 22px 0 0}
.location {font-family: georgia, times, serif;color:#4a4a4a}
.location h2{color:#887669;font-weight:bold;margin-bottom:10px;font-size:1.4em;}

.location address {font-style:normal;;font-size:1.2em}
.location .tel, .location .email {float:left;display:block;width:60px}

/*Profile */
#portrait {
	float:left;
	display:inline;
	overflow:hidden;
	width:470px;
	overflow: hidden;
	position:relative;
	z-index:99;
	height:1%;
}
#bio {float:right;display:inline;overflow:hidden;width:400px;margin-bottom:10px}
#bio p{font-family: georgia, times, serif;color:#4a4a4a;font-size:1.2em}
#bio strong {color:#716053}
#bio strong.name {font-size:1.4em;}
#bio h4 {margin-bottom:20px;font-size:1.5em;font-weight:bold}


.with-border {border:3px solid #fff; z-index:9998}
.flash-border {border:3px solid #fff; display:block}
.speech-big {list-style-type:none;margin:0;padding:0}
.speech-big li{float:left; background: url('images/big-speech-top.png') top no-repeat;width:458px; height:auto; color:#4a4a4a;margin :0 35px 25px 0}
.speech-big li.last{margin-right:0px}
.speech-big li div{background: url('images/big-speech-bottom.png') bottom no-repeat;padding:20px 25px 72px 25px;}
.speech-big li h3 {color:#716053;font-size:1.3em;margin:20px 0 0px 0}
.speech-big div p{font-family: georgia, times, serif;color:#4a4a4a;font-size:1.2em}

/*Portfolio */
#portfolio {
		width: 590px;
		padding: 0px 0px 0 0;
		float: left;
		margin: 0 0px 35px 0;
		display:inline;
		overflow:hidden;
		position:relative;
		z-index:9998;
}
#images-thumbs{
	width: 280px;
	float: right; 
	overflow: hidden; 
	padding:0 0 20px;
	background:#fff;
	position:relative;
	z-index:9998;
}
#images-thumbs.match-height{
	height: 521px;
	padding: 0px;
}
#images-thumbs .tabs, #images-thumbs .small-gallery
{
	
	margin:0;
	padding:0;
	list-style-type:none;
	display:block
}
#images-thumbs .wrapper {padding:0 0 7px 17px;}
.small-gallery li {float:left;margin:0 15px 15px 0}
#images-thumbs .tabs li {float:left;text-align:center;}
#images-thumbs .tabs a:link, #images-thumbs .tabs a:visited
{
	display:block;
	width:140px;
	height:50px;
	background: url('images/tab-off.png') no-repeat;
	color:#716053;
	padding-top:10px;
}
#images-thumbs .tabs a.on {background: url('images/tab-on.png') no-repeat;color:#fff}
#images-thumbs .tabs a:hover{text-decoration:none}
.pager {float:left; display: block; border: 1px solid #e8e6df;padding:9px 7px;font-family: arial, georgia, times, serif;margin-top:5px}
.pager a {padding:3px 6px; margin: 0 2px}
.pager a.last {border-right: none}
.pager a.current {background-color: #F5F5EB;}

/* Misc */

.clearfix {clear:both}

.speech-full-wrap {background: url('images/speech-top-large.png') top no-repeat;width:100%; height:auto;}
.speech-full {background: url('images/speech-bottom-large.png') bottom no-repeat;padding:25px 25px 70px 25px;font-size: 1.2em;color: #4a4a4a;}

.at-homepage p {margin-bottom:1.1em}