/*
Theme Name: Fischer's Baslow Hall
Theme URI: http://junomedia.co.uk
Description: Fischer's Baslow Hall
Version: 1.0
Author: Juno Media
Author URI: http://junomedia.co.uk
Tags: juno media, web design, web development, graphic design
*/

/***** 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: 80%; /* 100% = 16px */
	    color: black;
	    background: #580e5e;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
		margin: 0;
		padding: 0;
		text-align: left
	}

	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 {color: #580e5e; margin-bottom:1.2em}
	
	.subtitle {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: #56195a; 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: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

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

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

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}

/* WP Alignment */
.alignleft {display: inline; float: left; margin-right: 1.625em; }
.alignright {display: inline; float: right; margin-left: 1.625em; }
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 1.625em;}

/* Boxes */
.box {background:#fbfbfb; color: #580e5e; padding: 15px; margin-bottom: 30px; border: #ececec 1px solid}
.box table {border: 0; margin: 0 0 1.5em 0;}
.box table thead th {background: none;}
.box table tbody td {padding: 0 5px;}

/***** Layout *****/
.limit {width: 970px; 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: #FFFFFF ;
	height: 95px;
	overflow: hidden;
	color: #580e5e;
	font-size: 116.66%
}

#header a:link, #header a:visited {color: #580e5e}

	/* Logo */
	#logo {float: left}
	
	/* Header Contact Info */
	#header .address {
		float: right;
		text-align: right;
		font-size: 95%;
		margin: 15px 0 0 0
	}
	
	#header .address strong {font-size: 121.42%; font-weight: normal; font-style: none}
	
	/* Menu */
	#menu {font-size: 105%; background: url('images/menu-bg.png') repeat-x center top }
	#menu ul {
		height: 43px;
		line-height: 43px;
		margin: 0 auto;
		list-style: none
	}
	#menu ul li {display: inline; padding:0.8em 0.6em 0.8em 0.8em; position: relative}
	#menu a:link, #menu a:visited {color: #fff}
	#menu a:hover, #menu a:active, #menu ul li:hover a:link, #menu ul li:hover a:visited {color: #fff; text-decoration: none}

		/* Dropdowns */
		#menu ul li ul {position: absolute; left: 0; top: 36px; z-index: 999; background: #D3D3D3; height: auto; line-height: 1; font-size: .9em; width: 130px; display: none}
		#menu ul li:hover ul {display: block}
		#menu ul li ul li {display: block; padding: 0; border-bottom: 1px solid #fbfbfb}

		#menu ul li:hover ul li a:link, #menu ul li:hover ul li a:visited {color: #580e5e}
		#menu ul li ul a:link, #menu ul li ul a:visited {
			display: block;
			padding: .6em 1em;
			color: #ececec
		}

		#menu ul li ul a:hover, #menu ul li ul a:active {background: #bebebe; text-decoration: none; color: #ececec}


/* Body */
#body {background: #dadada url('images/bg.png') repeat-x 0 0}
#body .limit {
	background: url('images/content-bg.png') repeat-y 10px 0;
	padding: 0 0 0 10px;
	width: 960px
}

	/* Content */
	#content {
		width: 628px;
		background: #fff;
		padding: 23px 23px 0 23px;
		float: left;
		margin: 0 10px 0 0;
		overflow: hidden
	}
	
	/* Sidebar */
	#sidebar {width: 275px; float: right; overflow: hidden; padding-bottom: 10px}
	
		/* Modules */
		#sidebar h3 {margin-bottom: 0}
		#sidebar .module {background: url('images/sidebar-bg.png') no-repeat bottom left; padding: 3px 13px 8px 3px; margin-bottom: 10px}
		#sidebar .module .content, #sidebar .module .content-blog, #sidebar .module .special-offers {padding: 13px 17px; margin: 0; list-style: none}
		.content ul, .content-blog ul, .special-offers ul {margin: 0 0 1em; list-style: none}
		#sidebar .content-blog li, #sidebar .special-offers li {font-size: 118%; color: #6d2a6f; margin-bottom: 0}
		#sidebar .special-offers li {overflow: hidden}
		#sidebar .special-offers li img {float: left; padding: 0 .7em 1em 0}
		#sidebar .content-blog li li, #sidebar .special-offers li li {font-size: 100% }
		#sidebar .module .title {font-size: 125%; color: #fff; background: #6d2a6f; padding: 0 5px; margin-bottom: 0; overflow: hidden; height: 1%}
		#sidebar .module .title a:link, #sidebar .module .title a:visited {color: #fff}
		#sidebar .module .title img {float: left; margin: 0 8px 0 0}
		#sidebar .module .title span {float: left; margin: 10px 0}
		
		#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%;}
		#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, #sidebar .buttons a:link, #sidebar .buttons a:visited, .button:link, .button:visited {
			display: block;
			width: 224px;
			height: 32px;
			line-height: 32px;
			color: #fff;
			padding: 0;
			
			font-size: 1.2em;
			
			margin-bottom: 5px
		}
		#sidebar .buttons li {float:none; margin:0 0 10px;}
		#sidebar .buttons {margin: 0; overflow: hidden}

/* Footer */
#footer {
	height: 130px;
	background: #580e5e;
	overflow: hidden;
	color: #fff;
}

#footer .limit {
	background: url('images/footer-bg-limit.gif') no-repeat 10px 0;
	padding: 60px 0 0 10px;
	width: 960px;
	position: relative
}
#footer a:link, #footer a:visited {color: #fff}

#footer ul {margin: 0; list-style: none; padding-top: 5px}
#footer ul li {
	padding: 0 .5em 0 0;
	margin: 0 .5em 0 0;
	border-right: 1px solid #f0e8da;
	float: left;
	height: 1.1em;
	line-height: 1.1
}

#footer ul li:last-child {border: 0}

#footer .logo {position: absolute; right: 0; top: 45px}
#footer .logo li {border-right: 0;}
#footer .logo img {border: 2px solid #dadada; height: 40px;}
	
/***** 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, #content .buttons a:link, #content .buttons a:visited  {
	display: block;
	width: 137px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	padding: 0 20px;
	
	font-size: 1.2em;
	background: #580E5E none repeat scroll 0 0;	
	margin-bottom: 5px
}

.banner-link {
			
	clear: both;
			
	padding-top: 0px;
			
	padding-left: 20px;
			
	padding-bottom: 0px;
			
	padding-right: 20px;
			
	display: block;
	width: 588px ;
	float: none;
	height: 32px;
	line-height: 32px;
	color: white;
	
	font-size: 1.2em;
	background: #580E5E none repeat scroll 0 0;	
	margin-bottom: 5px
		}

.banner-link:link, .banner-link:visited{color: #fff}		
		
.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: 0 0 20px 0;clear:both}
.sections li {width: 30%; float: left; margin: 0 1% 0 2.3%; 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-list .right, .post .right {float: right}
#post-list .trunc, .post .trunc {width: 450px; float: left}
.post {padding-bottom: 20px; margin-bottom: 20px}
#comments h3, .post h2, .title {font-size: 1.8em; margin-bottom: 10px}

.post .meta {display: block; background: #f9f9f9; 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: arial, sans-serif
}

#comments cite .avatar {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: arial, sans-serif; background: #f9f9f9; padding: 20px; margin: 1.5em 0 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px}
.narrow {display: block; width: 360px; float: left}
#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
}

.narrow #contact-form .text, .narrow #contact-form textarea {width: 310px}

#comment-form textarea, #contact-form textarea {height: 150px}
#comment-form .button, #contact-form .button {
	border: 0;
	background: #580e5e;
	color: #fff;
	padding: 5px 15px;
	float: right;
	font-size: 1.2em;
	font-family: inherit;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

#contact-form .breakless {float: left; clear: none; margin: 0 40px 6px 0}

#contact-form .clear {clear: both}

#contact-form label.inline {
	display: inline;
}

.contact-address {
	display: block;
	width: 240px;
	float: left;	padding: 40px 0 20px 20px;
}
.buttons {
	
}

#location-map {
	font-size: 1.2em;
	
	background: #f9f9f9;
	padding: 2px 20px 20px;
	margin: 1.5em 0 0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

#location-map fieldset {margin-bottom: 20px}
#location-map fieldset div {padding: 0; overflow: hidden; height: 1%; display: block; float: left}
#location-map label {margin: 0 1em 1em .5em; width: auto; float: none; line-height: 1.6em}

#location-map .button {
	color: #fff;
	background: #580e5e url('images/content-button.png') no-repeat;
	padding: 0 1.5em 0.1em;
	text-decoration: none;
	border: 0;
	display: block;
	float: right;
	margin-top: 1px;
	clear: none;
	height: 23px;
	font-size: .9em;
	font-family: inherit;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#location-map input.text, #location-map textarea {
	color: black;
	border: 1px #dadada solid;
	background-color: #fff;
	padding: .3em .5em;
	display: inline;
	float: none
}

#location-map #to {cursor:default}

#map_canvas {border: 1px solid #dadada}

#detailed-text img.hidden {display: none}
#detailed-text {overflow: hidden; height: 1%; color: #fff; font-size: 111.11%; font-weight: normal; background: #580E5E; padding: 5px}
#detailed-text span {float: left; margin-left: 4px}
#detailed-text img{float: right; cursor: pointer; margin: 7px 3px 0 0}

#directions {background: #fff}

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

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

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

.clear {clear: both}

/* Gallery */
.gallery {
	width: 627px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 20px 0;
}

.gallery li {
	float: left;
	margin: 0 14px 20px;
	display: inline;
	border: 0;
}

.gallery a:link, a:visited {
	border: 0;
}
.gall-left-img {
	float: left; 
	margin: 0 15px 15px 0;
	
	
}

.gallery img.attachment-thumbnail {display: block; margin-bottom: .2em; border: 0;}



#gall-full-img {
	overflow: hidden;
}

#gallery-desc {
	margin-top: 25px;
	text-align: center;
}

#gallery-desc .buttons {margin: 0 auto; width: 603px}
#gallery-desc .buttons li {margin: 0 12px}
#gallery-desc .buttons .inactive {
	display: block;
	width: 137px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	padding: 0 20px;
	
	font-size: 1.3em;
	background: url('images/content-button-inactive.png') no-repeat;
	margin-bottom: 5px;
	cursor: default
}

.follow{clear:both}
.follow li{list-style:none;float:left;margin:0 15px 15px 0}

#gallery-1 .gallery-item {width:28% !important;}
.wp-pagenavi {height: 25px;}

#menu #book-a-table{
	float: right;
	padding: 0.2em 0.6em 0.2em 0.8em;
	background: #fff;
	color: #6d2a6f;
	height: 21px;
	line-height: 21px;
	margin: 0.6em;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}
#menu #book-a-table a{color: #6d2a6f;}