/*
Theme Name: Harts Default
Theme URI: http://www.hartsnottingham.co.uk/
Description: The first WordPress theme built for Harts by Juno
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 */
body {
	line-height: 1;
	font-size: 75%; /* 12px */
	color: #464646;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	background: #e7e7e7;
	margin: 0;
	padding: 0;
	text-align: left
}

/* Headers */
	h2 {font-size: 133.33%}
	h3 {font-size: 116.66%; color: #32436e}
	h4 {font-size: 116.66%}
	h5 {font-size: 108.33%}
	h6 {font-size: 100%}
	
	h2, h3, h4, h5, h6 {
		font-family: 'trebuchet ms', tahoma, verdana, sans-serif;
		margin-bottom: .5em;
		font-weight: normal
	}

	.head7 {
		font-size: 100%; color: #32436e;
		font-family: 'trebuchet ms', tahoma, verdana, sans-serif;
		font-weight: bold
	}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #32436e; text-decoration: none}
	a:hover, a:active {text-decoration: underline}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}
	em {color: #32436e; font-style: normal}

/* Blockquote */
blockquote {margin: 1.5em 2em; background: #eee; padding: 1.3em}
blockquote p {margin-bottom: .5em}
	
/* Address */
address {line-height: 1.6; font-style: normal}

/* 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
}

/* Table */
table {width: 100%; margin-bottom: 2.5em}
tbody td {padding: .5em .5em .5em .5em}

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

/***** Layout *****/
#wrapper {
	width: 915px;
	overflow: hidden;
	margin: 0 auto;
	background: #e7e7e7 url('images/bg.png') repeat-y top center
}
#shadow {
	background: url('images/footer-end.png') no-repeat bottom center;
	overflow: hidden;
	width: 865px;
	padding: 0 25px 48px 25px
}

/* Header */
#header {
	padding: 25px 25px 25px 40px;
	height: 39px;
	overflow: hidden;
	background: #1f3967 url('images/header-bg.png');
	color: #e2e6eb;
	font-size: 83.33%;
	border-bottom: 1px solid #617494
}

#header h1 {width: 148px; height: 37px; float: left}
#header address {float: right; text-align: right}

#header address strong {margin-left: 1em; color: #fff}
#header a:link, #header a:visited {color: #e2e6eb}
#header #location-map-link {
	padding-right: 20px;
	margin-left: 15px;
	background: url('images/icons/search.gif') no-repeat center right
}
#header #access-link {
	padding-right: 18px;
	margin-left: 9px;
	background: url('images/icons/access.gif') no-repeat center right
}
#header #download-brochure {position:relative;top:5px}

/* Body */
#body {
	overflow: hidden;
	height: 1%;
	position: relative;
	background: #f7f7f7 url('images/body-bg.gif') repeat-y
}

/* Content */
#content {
	background: #f7f7f7;
	padding: 35px;
	width: 582px;
	float: left;
	overflow: hidden
}

#content strong {color: #32436e}

#content h2 {color: #32436e; margin-bottom: 1.5em}

#content .phone-number {color: #32436e; font-weight: bold}

	/* Content Tabs */
	#cont-tabs {
		width: 652px;
		margin: -35px -35px 2em -35px;
		position: relative;
		background: #505050 url('images/tabs-bg.png') repeat-x top left;
		color: #fff;
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		list-style: none;
		border-top: 1px solid #fff
	}
	
	#cont-tabs li {font-size: .9em; padding: 0 1.3em; float: left; height: 36px; line-height: 36px; border-right: 1px solid #fff}
	#cont-tabs li.current {background: url('images/active-tab.gif') no-repeat center bottom}
	
	#cont-tabs a:link, #cont-tabs a:visited {color: #fff}

/* Sidebar */
#sidebar {
	float: left;
	width: 213px;
	background: #e8e8e8;
	padding-bottom: 83px;
	height: 1%;
	display:inline
}

.home #sidebar {width: 286px; background: #f7f7f7; height: 450px; padding-bottom: 70px }

	/* Menu */
	#sidebar #menu, #sidebar #menu-2 {
		background: #ededed;
		border-bottom: 1px solid #e6e6e6;
		margin: 0;
		padding: 25px 0 16px 0;
		list-style: none
	}
	#sidebar #menu-2 {background: #e8e8e8; padding: 15px 0; margin-bottom: 2em; border-top: 1px solid #fff}
	.home #menu {font-size: 150%}
	
	#menu li, #menu-2 li {margin: 0 0 .2em 30px}
	.home #menu li a {padding-left: 25px; background: url('images/icons/bullet.gif') no-repeat center left}
	
	#menu ul { display: none; }
	#menu .current_page_item ul, #menu .current_page_ancestor ul, #menu .current_page_parent ul {
		display: block;
		margin: .5em 0 .5em -30px;
		padding: 10px 0 7px 0;
		list-style: none;
		width: 213px;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #fff;
		background: #f3f3f3 url('images/sub-menu-bg.gif') repeat-x bottom left
	}

	
	#menu ul a:link, #menu ul a:visited {color: #696969}
	
	#menu ul li {
		padding-left: 20px;
		background: url('images/icons/dash.gif') no-repeat 5px center
	}
	
	/* Menu 5*/
	#sidebar #menu5, #sidebar #menu-2 {
		background: #ededed;
		border-bottom: 1px solid #e6e6e6;
		margin: 0;
		padding: 25px 0 16px 0;
		list-style: none
	}
	#sidebar #menu-2 {background: #e8e8e8; padding: 15px 0; margin-bottom: 2em; border-top: 1px solid #fff}
	.home #menu5 {font-size: 150%}
	
	#menu5 li, #menu-2 li {margin: 0 0 .2em 30px}
	.home #menu5 li a {padding-left: 25px; background: url('images/icons/bullet.gif') no-repeat center left}
	
	#menu5 ul { display: none; }
	#menu5 .current_page_item ul, #menu5 .current_page_ancestor ul, #menu5 .current_page_parent ul {
		display: block;
		margin: .5em 0 .5em -30px;
		padding: 10px 0 7px 0;
		list-style: none;
		width: 213px;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #fff;
		background: #f3f3f3 url('images/sub-menu-bg.gif') repeat-x bottom left
	}

	
	#menu5 ul a:link, #menu5 ul a:visited {color: #696969}
	
	#menu5 ul li {
		padding-left: 20px;
		background: url('images/icons/dash.gif') no-repeat 5px center
	}

	/* Welcome Text */
	#welcome-text {padding: 25px}
	
	/* Subscribe Button */
	#subscribe-button {position: absolute; bottom: 0; left: 0; border-top: 1px solid #fff; height: 82px}
	.home #subscribe-button {right: 0 !important; right: -1px; left: auto; border-top: 1px solid #efefef; height: 69px}

/* Quick Links */
#quick-links {
	background: #484848 url('images/quick-links-bg.png') repeat-x top left;
	border-top: 1px solid #5c5d5a;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 30px;
	list-style: none;
	color: #d1d1d1;
	overflow: hidden
}
#quick-links li {float: left; margin: 0 2em 0 0}

#quick-links a:link, #quick-links a:visited {
	color: #d1d1d1;
	padding-left: 20px;
	background: url('images/icons/bullet-2.gif') no-repeat center left
}

/*Featured */
#featured {
	background: #162a4d url('images/featured-bg.png') repeat-x top left;
	color: #e2e6eb;
	padding: 30px 35px 15px 35px;
	overflow: hidden;
	height: 1%;
	color: #c5cad2
}

#featured ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#featured a:link, #featured a:visited {color: #e2e6eb}

#featured li {overflow: hidden; margin-bottom: 1.4em}

#featured .thumb {float: left; border: 4px solid #1c3764; margin: 0 28px 0 0}
#featured .info {width: 540px; float: left}

#featured h2 {font-size: 133.33%}

#featured .options li {
	float: left;
	margin: 0 .5em 0 0;
	padding: 0 .5em .1em 0;
	border-right: 1px solid #6c7687;
	font-size: 83.33%;
	line-height: 1em
}
#featured .options a:link, #featured .options a:visited {color: #6c7687}

#featured .options li.rss {border: 0}
#featured .options li.rss a {padding-right: 15px; background: url('images/icons/rss.gif') no-repeat center right}

/* TEMPORARY front page VAT message */
#vat {margin: 0.7em; font-weight: bold; color: #1c3764;}

/* Footer */
#footer {
	width: 865px;
	margin: 0 auto;
	padding: 5px 0 25px 0;
	color: #848484
}

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

ul#externals {margin-bottom: 1.5em}
#copyright {
	font-size: 132%;
	display: block;
	margin-bottom: .5em
}

#foot-men li {border-right: 1px solid #848484; padding-bottom: 0}
#foot-men a:link, #foot-men a:visited {color: #848484}

#foot-img-men {float: right; clear: none; position: relative; bottom: 50px}
#foot-img-men li {border-right: 0; margin: 0 0 0 .5em}

/***** Sections *****/
.header-image {
	display: block;
	position: relative;
	margin: -35px -35px 2em -35px
}

.disclaimer {
	color: #505050;
	font-size: 0.75em;
	line-height: 1
}	

/* Home */
#body.home {
	/*padding-left: 579px;*/
	height: 520px;
	/*background: url('images/homepage.jpg') no-repeat top left*/
}

/* Profiles */
.profiles-list {
	width: 609px;
	margin: 0 auto;
	list-style: none
}

.profiles-list li {width: 163px; float: left; margin: 0 40px 20px 0}
.profiles-list .first {clear: left}

.profiles-list h3 {margin-bottom: 0; line-height: 1}
.profiles-list span {color: #c1c1c1; font-size: 91.66%}

/* Gallery */
#gallery {margin: 0; padding: 0; list-style: none; width: 606px}
#gallery li {float: left; width: 182px; margin: 0 20px 20px 0}

/* Special Events */
#special-events {margin: 0; padding: 0; list-style: none; width: 600px}
#special-events li {float: left; width: 180px; height: 180px; margin: 0 20px 0 0; overflow: hidden}
#special-events a:link, #special-events a:active, #special-events a:hover, #special-events a:visited {text-decoration: none}
#special-events img {display: block}

/* Sitemap */
#sitemap ul {margin: .3em 0 .3em 2em}

/* Contact Form */
#contact-form {
	background: #e7e7e7;
	padding: 2em
}

#contact-form label {
	display: block;
	width: 100px;
	float: left;
	font-size: 1.1em;
	color: #273359;
	margin-bottom: .9em;
	clear: left
}

#contact-form .text, #contact-form textarea {
	width: 425px;
	float: left;
	margin-bottom: .9em
}

#contact-form .trunc {width: 80px;}

#contact-form label.inline {
	display: inline;
	float: left;
	width: 400px;
	margin-left: 5px;
	font-size: .8em;
	color: #333;
	clear: none
}

#contact-form select {
	margin-bottom: 8px
}

#contact-form br.clear {display: block; clear: both}

#contact-form .checkbox {margin-left: 100px; float: left; margin-right: 5px; margin-bottom: 15px}

#contact-form .button, .button:link, .button:visited {
	float: right;
	margin-top: 1em;
	height: 25px;
	line-height: 25px;
	color: #fff;
	background: #273359;
	padding: 0 1.5em;
	border: 0;
	cursor: pointer
}
.button:link, .button:visited {float: none; padding: .5em 1.5em}
.button:hover {text-decoration: none}

.buttons {list-style: none; margin-left: 0; overflow: hidden}
.buttons li {float: left; margin-right: 15px}

/* Blog */
#post-list {list-style: none; margin: 0; padding: 0}
#post-list3 {list-style: none; margin: 0; padding: 0}
.post {margin-bottom: 3em; line-height: 1.3}

#content .post h2 {margin-bottom: 0}
.post h2 a:link, .post h2 a:visited {text-decoration: underline}
.post h2 a:hover, .post h2 a:active {text-decoration: none}

.post .date {display: block; margin-bottom: 1em; font-size: .8em; color: #aaa}

/* 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: #f5f5f5; padding: 1em; margin-bottom: 1em}
#comments ul li.alt {background: #ededed}

#comments blockquote {margin: 0; padding: 0; background: none}
#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: #f5f5f5; 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: #16284c;
	color: #fff;
	font-size: 115.38%;
	border: 0;
	padding: .5em 2em .5em 2em;
	cursor: pointer
}

/* Gallery Children */
#big-gallery-img {padding: 28px 18px; background: #e7e7e7; text-align: center}
#big-gallery-img {}

/* Locations */
#location-map {
	width: 100%;
	clear: both;
	padding: 8px 8px 40px 8px;
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
	border: 1px solid #f4f4f4;
	background: #fff;
	padding: 5px
}

#location-map address {display: block; margin: 1.5em; color: #1c3965; position: relative}

#location-map fieldset {padding: 10px; margin-bottom: 10px; background: #1d3865; color: #fff; overflow: hidden; height: 1%}

#location-map label {padding: 0 .5em 0 0; float: none; display: inline; line-height: 22px}
#location-map .text {
	background: #fff; 
	margin: 0 1.3em 0 0;
	color: #000;
	width: 140px;
	display: inline;
	float: none;
	border: 0;
	padding: .3em .2em
}
#location-map #to {width: 110px;  cursor:default}

#location-map input.button {
	display: inline;
	float: none;
	margin-left: 1em;
	padding: 5px;
	background: #274d89;
	width: 90px;
	border: 0;
	color: #fff;
	cursor: pointer;
	text-align: left;
}

#location-map .tel {position: absolute; left: 24em; top: 0}

#detailed-directions {padding: 0; overflow: hidden; height: 1%; background: #15294c; color: #fff}
#detailed-directions span.left {float: left}
#detailed-directions img#expand-detailed, #detailed-directions img#contract-detailed {position: relative; bottom: 20px; right: 20px; float: right; cursor: pointer}
#detailed-directions img.hidden {display: none}

#detailed-text {float: none; display: block; padding: .8em 1em; overflow: hidden; height: 1%}

#detailed {clear: both; background: #fff; padding: 1em 1em .5em 1em; color: #000}



#page-nav-prev
{
	float: left;
	margin: 0px;
	padding: 10px 0px 10px;
}

#page-nav-next
{
	float: right;
	margin: 0px;
	padding: 10px 0px 10px;
}

/* Restaurant Awards */
#restaurant-awards {background: #00396B; color: #fff; margin-top: 1em; padding-bottom: 1em}
#restaurant-awards p {text-align: center; padding: 0 2.2em}
#restaurant-awards strong {color: #fff}
#restaurant-awards em {color: #fff; font-weight: normal; font-style: italic}
#restaurant-awards .xl {font-size: 1.5em;}