/*
Theme Name: Number 37 Wirksworth
Theme URI: http://wordpress.org/
Description: A custom theme for the Number 37 Bed and Breakfast.
Version: 0.1
Author: Ross Hume
Author URI: http://www.boulder-design.co.uk/
Tags: bed and breakfast, grey, calm, mountain, wild, classy

*/
@import url(reset.css);


/* Begin Typography & Colors */
body, html { 
	background-color: #7b755b;
}


a,
a:link,
a:visited,
a:hover,
a:active {
	color: #fed155;
}
a:hover { text-decoration: underline; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}



blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


	/* Main structure */
		
		#wrap {
			width: 984px;
			margin: 0 auto;
		}
		#header {
			width: 982px;
			height: 101px;
			background: url(images/number37_logoheader.jpg) no-repeat left top;
			position: relative;
			z-index: 100;
		}
		.footerlogos {
			height: 130px;
			padding: 10px 0 1px 15px;
		}
		.footerlogos img {
			float: left;
			margin-right: 20px;
			height: 91px;
		}
		.footer {
			height: 140px;
			min-height: 140px;
		}

	/* Main menu */

	#mainmenu { height: 139px; z-index: 50; }
	#homemenuholder #mainmenu { margin-left: 12px; }
	#mainmenu li { display: block; position: relative; z-index: 20; float: left; margin-right: 9px; }
	#mainmenu li a { display: block; height: 139px; background: url(images/mainmenu.gif) no-repeat 0 0; }
	#mainmenu li a span { display: none; }
	#mainmenu li a#mm_home { background-position: 0 0; width: 114px; }
	#mainmenu li a#mm_rooms { background-position: -132px 0; width: 114px; }
	#mainmenu li a#mm_food { background-position: -266px 0; width: 114px; }
	#mainmenu li a#mm_area { background-position: -385px 0; width: 114px; }
	#mainmenu li a#mm_activities { background-position: -510px 0; width: 260px; }
	#mainmenu li a#mm_contact { background-position: -777px 0; width: 191px; }
	/* Hover styles */
	#mainmenu li a:hover { background-image: url(images/mainmenu_hover.gif); }
	/* Here styles */
	#mainmenu li.here a { background-image: url(images/mainmenu_active.gif); }
	
	/* Identify the hompage, and don't do the big black active thing */
	
	
	/* ========================
	HOME PAGE 
	=========================== */
	
			
			#splash1, #splash2, #splash3 { float: left; height: 396px; }
			#splash1 { width: 333px; background: url(images/splash1.jpg) no-repeat 0 0; }
			#splash2 { width: 335px; background: url(images/splash2.jpg) no-repeat 0 0; }
			#splash3 { width: 316px; background: url(images/splash3.jpg) no-repeat 0 0; position: relative; z-index: 50; }

			
			.page-template-homepage-php #mainmenu li.here a#mm_home { background-image: url(images/mainmenu_hover.gif); }
			
			/* Extra boxes on homepage */
			.extraboxeswrap {
				margin: 0 0 30px 18px;
				height:327px;
			}
			.extrabox {
				float: left;
				width: 220px;
				margin-right: 20px;
				background-color: #FFF2C6;
				padding-top: 35px;
			}
			.eb_inner {
				border: 10px solid #c0c0c0;
				border-width: 0 10px 10px;
				margin-top:25px;
				padding-top:44px;
				height:212px;
			}
			#box1 { background: #FFF2C6 url(images/eb_discover.gif) no-repeat 0 0; }
			#box2 { background: #FFF2C6 url(images/eb_veggie.gif) no-repeat 0 0; }
			#box3 { background: #FFF2C6 url(images/eb_relax.gif) no-repeat 0 0; }
			#box4 {
				background: #FFF2C6 url(images/eb_quote.gif) no-repeat 0 0;
				margin-right: 0;
			}
			.extrabox  p, .page-template-homepage-php .extrabox p {
				color: #D48000;
				font-size:15px;
				margin:0 10px 10px;
				padding-right: 0;
				width:auto;
			}
			.extrabox  p a,
			.extrabox  p a:link,
			.extrabox  p a:visited,
			.extrabox  p a:hover, 
			.extrabox  p a:active {
				color: #D48000;
				display: block;
				float: left;
				text-decoration: underline;
			}
			blockquote {
				font-size: 19px;
				margin: 0 15px 0;
				color: #777;
			}
			p.quote-attribution, .page-template-homepage-php .extrabox p.quote-attribution {
				color: #282A22;
				font-size: 15px;
				text-align: right;
				margin:15px 15px 10px;
			}
			
			#specialoffer {
				position: absolute;
				width: 193px;
				height: 260px;
				top: 110px;
				right: 34px;
				background: url(images/specialoffer_bkg.png) no-repeat left top;
			}
			#specialoffer p {
				margin: 0; padding: 0; color: #7B755B;
			}
			#specialoffer a {
				display: block;
				padding: 105px 9px 14px 30px;
				font-size: 14px;
				text-align: center;
				color: #7B755B;
			}
			#specialoffer a:link, #specialoffer a:visited, #specialoffer a:hover, #specialoffer a:active { color: #7B755B; }
			#specialoffer a:hover p { text-decoration: none; color: #c0c0c0; }
			#specialoffer a:hover { text-decoration: none; }
			#specialoffer a p span {
				display:block;
				font-size:11px;
				line-height:12px;
				margin-top:10px;
			}
			
			#pagewrap .sidebar-wrap ul, #pagewrap .sidebar-wrap li {
				list-style-type: none;
				background: none;
				padding: 0;
				margin: 0;
			}
	
	
	/* ========================
	MAIN CONTENT PAGES
	=========================== */
	
		#pagewrap {
			background-color: #D9CE9B;
			padding: 15px 22px;
			margin-left: 23px;
			width: 885px;
		}
		.pagetitle,
		.pagesplash {
			height: 215px;
			float: left;
			
		}
		#pagewrap .pagetitle img,
		#pagewrap .pagesplash img {
			border: 0;
			margin: 0;
			padding: 0;
		}
		.pagetitle { width: 280px; }
		.pagesplash { width: 605px; }
		#pagewrap .pagesplash img { float: right; }
		p {
			color: #432917;
			font-family: Garamond, Georgia, times, serif;
			line-height: 1.3em;
			font-size: 1.1em;
			margin: 0 0 1em 80px;
			padding-right: 80px;
			/*width: 700px;*/
		}
		
		/*	Begin Headers */
		h1 {
			padding-top: 70px;
			margin: 0;
			}

		h3 {
			padding: 0;
			margin: 30px 0 0;
			}

		h2 {
			color: #D48000;
			font-size: 1.8em;
			margin: 1em 80px;
		}
		h3 {
			color: #D48000;
			font-size: 1.2em;
			margin: 1em 80px;
		}
		/* End Headers */
			/* Overrides on homepage */
			.page-template-homepage-php p {
				margin-left: 20px;
				color: #FFF2C6;
				width: auto;
			}
		
		.footer p {
			font-size: 0.8em;
			width: 36%;
			margin-top: 1.5em;
			float: left;
			color: #FFF7D0;
			font-family: tahoma, arial, helvetica, "helvetica neue";
		}
		.footer p span { display: block; margin-top: 0.7em; }
		.footer p.right-footer {
			float: right;
			margin-left: 0;
			text-align: right;
		}
		.footer p.right-footer a,
		.footer p.right-footer a:link,
		.footer p.right-footer a:visited,
		.footer p.right-footer a:hover,
		.footer p.right-footer a:active		{
			color: #D9CE9B;
		}
		.page-template-homepage-php .footer {
			margin-top: 50px;
			border-top: 1px solid #D9CE9B;
			padding-top: 30px;
		}
		
		#pagewrap ul {
			margin: 1.5em 120px;
		}
		#pagewrap li {
			margin-bottom: 0.5em;
			color: #432917;
			line-height: 1.3em;
			font-size: 1em;
			background: url(images/bullet.gif) no-repeat 0 0;
			padding-left: 40px;
		}
		#pagewrap blockquote {
			float: right;
			margin: 20px 0 20px 20px;
			width: 200px;
		}
		#pagewrap blockquote p {
			width: auto;
			margin-bottom:0;
			margin-left:10px;
			color:#666;
		}
		#pagewrap .quote-attribution {
			float: right;
			clear: right;
			width: 200px;
		}
		#pagewrap a, #pagewrap a:link, #pagewrap a:visited, #pagewrap a:hover, #pagewrap a:active {
			color: #6a8c2e;
		}
		#pagewrap a:hover { color: #114477; }
		.sidebar-wrap {
			width: 220px;
			padding: 40px 24px;
			float: right;
			background-color: #fff7d0;
			margin: 0 0 30px 30px;
		}
		.page-id-48 .sidebar-wrap { margin-left: 15px; }
		.sidebar-wrap p {
			width: auto;
			margin-left: 0;
			font-size: 0.9em;
			line-height: 1.6em;
			padding-right: 0;
		}
		
		.subsection {
			margin-left: 80px;
			margin-top: 20px;
			float: left;
			clear: left;
		}
		
		.subsection img {
			margin-left: -200px;
		}
		.subsection p {
			margin-left: 254px;
			width: auto;
			padding-right: 80px;
		}
	
	/* Begin Images */
		p img {
			padding: 0;
			max-width: 100%;
			}

		img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto;
			}

		img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline;
			}

		img.alignleft {
			padding: 4px;
			margin: 0 14px 2px 0;
			display: inline;
			}

		.alignright {
			float: right;
			}

		.alignleft {
			float: left;
			}
			
		#pagewrap img {
			border: 10px solid #FFF7D0;
		}
		#pagewrap img.wp-image-101 {
			border: none;
			padding: 0;
			margin-bottom: 40px;
		}
		#pagewrap .sidebar-wrap img { border: none; }
		/* End Images */
	
		
	
	/* Header area */
	#homelink {
		display: block;
		width: 610px;
		height: 72px;
		position: absolute;
		top: 27px;
	}
	
	
	/* Booking forms etc. */
		#quickbooking {
			position: absolute;
			top: 4px;
			right: 22px;
			width: 154px;
			height: 30px;
			background: #D9CE9B;
		}
		.page-template-homepage-php a#bookingLinkText { 
			display: block;
			position: absolute;
			right: 10px;
			top: 8px;
			width: 229px;
			height: 70px;
		}
		.bookingLink {
			position: relative;
			display: block;
			height: 20px;
		}
		#overlay {
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 101;
			right: 0;
		}
		.overlay {
			position: absolute;
			width: 100%;
			height: 100%;
			background: #666;
			z-index:49;
			opacity: 0.65;
			-moz-opacity: 0.65; /* older Gecko-based browsers */
			filter:alpha(opacity=65); /* For IE6&7 */
		}
		#popupTarget,#bookingWrap {
			position: absolute;
			top: 20px;
			right: 10%;
			width: 663px;
			height: 769px;
			display: none;
			background: #FFF7D0;
			border: 10px solid #c0c0c0;
			z-index:10000;
			font-family: "Trebuchet MS", trebuchet, verdana, helvetica, arial, sans-serif;
			padding-top: 20px;
		}
		#pagewrap #bookingWrap { display: block; position: relative; top: auto; right: auto; margin-left: 80px; min-height: 465px;}
		#bookingWrap p {
			font-size: 12px;
			color: #432917;
			font-family: "Trebuchet MS", trebuchet, verdana, helvetica, arial, sans-serif;
			margin: 1em 20px;
		}
		.step1 {
			background: url(images/no1.gif) no-repeat 0 3px;
		}
		.step2 {
			background: url(images/no2.gif) no-repeat 0 3px;
		}
		#bookingWrap p.step1, #bookingWrap p.step2 { padding-left: 35px; line-height: 27px; }
		.page-template-homepage-php #bookingWrap p { width: 599px; }
		.booknowBtnWrap { background: url(images/no3.gif) no-repeat 0 3px; padding-left: 35px; }
		#booking_form1 {
			margin-top: 20px;
		}
		#booknowbtn, .booknowBtnWrap input {
			cursor: pointer;
		}
		span.required-field { color: red; }
		#bookingWrap .details1 input,
		#bookingWrap .details1 textarea {
			height: 40px;
			
		}
		#bookingWrap .datepick .date2approve, #bookingWrap .datepick .date_approved {
			background: #E5B7B7;
		}
		.wpdev-form-control-wrap input, .wpdev-form-control-wrap textarea {
			width: 213px;
		}
		.wpdev-form-control-wrap input:focus, .wpdev-form-control-wrap textarea:focus {
			background-color: #D9CE9B;
		}
		#booking_form_div {
			float: left;
			width: 310px;
			padding-left: 12px;
		}
		.calendar-left {
			float: left;
			width: 290px;
			margin-left: 15px;
			font-size: 11px;
		}
		.bookingHelp {
			position: absolute;
			bottom: 144px;
			left: 17px;
			width: 284px;
			height: 140px;
			font-size: 11px;
			color: #511212;
			color: #555;
		}
		.bookingHelp  span.dateinfo { float: left; clear: left; margin-bottom: 1em;}
		#closebookingLink {
			position: absolute;
			top: -18px;
			right: -10px;
			width: 191px;
			height: 48px;
			background: url(images/closebookingform.gif) no-repeat 0 0;
			cursor: pointer;
		}
		#bookingWrap .datepick-header {
			font-size: 13px;
		}
		.children input, .children2 input, .children3 input {
			width: 16px;
		}
		.details textarea, .details2 textarea, .details3 textarea {
			width: 210px;
			height: 50px;
		}
		.visitors select, .visitors2 select, .visitors3 select{
			width: 45px;
		}
		
		
		/* ============ Fancy select box ========== */
			.dropcontainer ul, #pagewrap .dropcontainer ul {
				font-size: 14px;
				background:#fff;
				list-style-type:none;
				padding:0;
				margin: -36px 0 0;
				margin-left: 14px;
				width:230px;
				position:absolute;
				z-index:5000;
			}
			.dropcontainer ul li, #pagewrap .dropcontainer ul li {
				padding: 5px 12px 5px 2px; margin: 0;
				border: 1px solid #E6E6E6;
				background: transparent none;
				color:#6d565e;
			}
			.dropdownhidden{
				top:0;
				left:-999em;
			}
			.dropdownvisible{
				margin-top: -36px;
				margin-left: 14px;
			}
			.dropcontainer ul a, #pagewrap .dropcontainer ul a {
				padding:0 6px;
				display:block;
				width:218px;
				text-decoration:none;
				
			}
			.dropcontainer ul a:hover{
				background:#ccc;
			}
			.dropcontainer ul a,
			.dropcontainer ul a:link,
			.dropcontainer ul a:visited,
			.dropcontainer ul a:hover,
			.dropcontainer ul a:active,
			#pagewrap .dropcontainer ul a,
			#pagewrap .dropcontainer ul a:link,
			#pagewrap .dropcontainer ul a:visited,
			#pagewrap .dropcontainer ul a:hover,
			#pagewrap .dropcontainer ul a:active
			{
				color:#6d565e;
				text-decoration: none;
			}
			.dropcontainer{
				position:relative;
			}
		a.trigger,
		a.trigger:link,
		a.trigger:visited,
		a.trigger:hover,
		a.trigger:active,
		a.activetrigger,
		a.activetrigger:link,
		a.activetrigger:visited,
		a.activetrigger:hover,
		a.activetrigger:active {
			font-size: 14px;
			display: block;
			margin: 0 0 0 14px;
			color: #333;
			text-decoration: none;
			padding: 0 0 0 12px;
			background: #FFF7D0 url(images/select_bg_long.png) no-repeat left top;
			width: 450px;
			height: 36px;
			line-height: 36px;
		}

		a.activetrigger,
		a.activetrigger:link,
		a.activetrigger:visited,
		a.activetrigger:hover,
		a.activetrigger:active {
			background: #FFF7D0 url(images/select_active_bg_long.png) no-repeat left top;
			color: #aaa;
		}
		
		/* Contact form */
		#clean_contact { margin-left: 80px; }
		.CleanContact label { color: #432917; }
		.CleanContact input, .CleanContact textarea { padding: 4px; }
		.CleanContact textarea { font-size: 14px !important; }
		#clean_contact_send { padding: 8px; }
		/*
		div.homepage_news{
			background: #FFF2C6;
			border: 2px solid #D48000;
			height: 80px;
			width: 600px;
		}
			div.homepage_news h2{
				position: relative;
				top: -45px;
				text-align: center;
				font-size: 18px;
				color: #D48000;
			}
			div.homepage_news p.newsline{
				color: #666666;
				position: relative;
				top: -55px;

			}
		*/	
		div.homepage_news{
            background: #FFF2C6;
			/*background: #9c9476;*/
            border: 5px solid silver;
            min-height: 80px;
            width: 625px;
			padding-top: 5px;
        }
            div.homepage_news h2{
                margin: 0 12px;
                font-size: 18px;
                color: #D48000;
            }
            .page-template-homepage-php div.homepage_news p {
                color: #666666;
            }