/*
Orkney Crofts main stylesheet

Colors
Texts chocolate black: 523936
Link purple: 850337
Heading chocolate: 523936
Background chocolate: 513835
Wrap bg: e0d8d4
Border lila: AF9589
Nav bg: 584a49
Nav links: f5f791
Error red: 7C0000
*/

/* Typography */

html {
	font: 0.75em/1.4em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; /* 12px */
	color: #523936;
	background: #523936 url(img/bg.gif) 0 0 repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	color: #523936;
	font-family: Georgia, Times, "Times New Roman", sans-serif;
	letter-spacing: 0.5px;
}

h1, h2 {
	background: url(img/heading-leaf.gif) 0 4px no-repeat;
	padding-left: 26px;
}

	#sidebar h1, #sidebar h2, #sidebar h3 {
		background: url(img/heading-leaf-sidebar.gif) 0 4px no-repeat;
		padding-left: 26px;
	}

h2, #sidebar h3 {
	font-size: 2.00em; /* 24px */
	line-height: 1.2;
	font-weight: normal;
	clear: both;
	margin: 1em 0 0.4em 0;
}

        h2 a {
            text-decoration: none;
        }
		
        .post h2 a:hover {
            color: #000;
        }

#sidebar .twtr-widget h3 {
	margin: 0;
	clear: none;
}
		
hr {
	display: none;
}

img {
	border: none;
}

a {
	color: #850337;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #000;
}

	.entry h3 {
		margin: 1em 0 -0.4em 0;
		font-size: 1.33em;
	}
	
	.entry h4 {
		margin: 1.1em 0 -0.5em 0;
		font-size: 1.17em;
	}
	
	.entry h5, .entry h6 {
		margin: 1.1em 0 -0.55em 0;
		font-size: 0.92em;
	}


/* Layout */

.cleaner {
	clear: both;
	height: 1px;
	margin-top: -1px;
	display: block;
}

html, body {
	margin: 0; padding: 0;
}

body {
	width: 813px;
	padding: 0;
	margin: 0 auto;
	background: #e0d8d4 url(img/wrap-repeat.gif) 0 0 repeat-y;
	position: relative;
}

#wrap {
	background: url(img/wrap.gif) 0 0 no-repeat;
	padding: 0 20px;
}

#footer {
	width: 773px;
	margin: 0 auto;
	padding: 14px 20px 0;
	background: #e0d8d4 url(img/footer.gif) 0 100% no-repeat;
	height: 54px;
	font-size: 0.83em;
	color: #fff;
}


/* Header */

#header {
	height: 151px;
	background: #544341 url(img/header.gif) no-repeat;
}

	#header h1 {
		position: absolute;
		top: -55em;
	}

#logo {
	top: 48px;
	left: 84px;
	position: absolute;
	display: block;
}

#header-photo {
	top: 0;
	right: 21px;
	position: absolute;
	z-index: 99999;
	width: 494px;
	height: 151px;
}	


/* Navigation */

#navigation {
	margin: 0;
	padding: 0;
	border: 1px solid #AF9589;
	background: #584a49;
	list-style: none;
	height: 32px;
	font-size: 1.17em;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
}

	#navigation li {
		padding: 0;
		margin: 0;
		float: left;
		line-height: 2.2;
	}
	
	#navigation a {
		text-decoration: none;
		color: #f5f791;
		display: block;
		padding: 0 26px 0 32px
	}
	
		#navigation a:hover {
			text-decoration: underline;
		}
		
		#navigation .current a {
			background: url(img/nav_current.gif) 9px 50% no-repeat;
			outline: none;
			font-weight: bold;
		}
		
		#navigation a:focus {
			outline: none;
		}


/* Home */

#intro {
	background: url(img/intro.gif) repeat-x;
	color: #fff;
	height: 49px;
	margin: 0;
	padding: 0;
	font-size: 1.50em;
	text-align: center;
	font-weight: normal;
	line-height: 2.7;
	text-transform: none;
}

.latest-news {
	margin: 1em 0;
}

	.latest-news h4, .latest-news h5, .latest-news h6 {
		margin: 6px 0 2px 0;
		text-transform: none;
	}
	
	.latest-news p {
		margin: 0;
	}
	
.post-excerpt {
	margin: 0 0 8px;
}

#home-rotating {
	clear: both;
	margin-top: 1em;
	padding: 8px;
	background-color: #D4C8C2;
	border: 1px solid #ccc;
}	

	#home-rotating h2, h3 {
		margin-top: 0;
	}

/* Content */

#content {
	border: 1px solid #AF9589;
	border-width: 0 1px 0 1px;
	min-height: 500px;
	background: url(img/sidebar.gif) 0 0 repeat-y;
}

#sidebar {
	float: left;
	width: 235px;
	padding: 0 20px 20px;
}

#make-a-reservation {
	text-align: center;
	padding: 1em 0;
	border-bottom: 1px solid #b1a29b;
}

#sidebar blockquote {
	font-style: italic;
	margin: 0 1.3em;
	font-size: 120%;
}

#primary-content {
	float: right;
	width: 455px;
	padding: 0 20px 20px;
	overflow-x: hidden;
}

img.left, .left img {
	float: left;
	margin: .3em 1em 1.5em 0;
	border: 1px solid #af9589;
}

img.right, .right img {
	float: right;
	margin: .3em 0 1.5em 1em;
	border: 1px solid #af9589;
}

	a:hover img.right, a:hover img.left {
		border-color: #000;
	}


/* Footer */

	#footer ul, #footer li {
		list-style: none;
		margin: 0; padding: 0;
	}
	
	#footer ul {
		padding: 2px 0 0 14px;
	}
	
	#footer li {
		float: left;
	}
	
		#footer ul a {
			color: #fff;
			display: block;
			padding: 0 8px;
		}
		
		#footer ul img {
			display: block;
			margin-top: -2px;
		}
	
#dogood-design {
	margin: 0;
	float: right;
	padding-right: 24px;
}

	#dogood-design a {
		color: #f5f791;
	}
	

/* Contact form */

.contact-form {
	margin: 1em 0;
}

.input {
	overflow: hidden;
	padding: 4px;
}

	.input label {
		float: left;
		width: 6em;
		display: block;
		padding-top: 4px;
	}
	
	label.error {
		color: #7C0000;
		width: 90%;
		display: block;
		margin: 0 0 6px;
		padding: 0;
	}
	
	.input input {
		width: 200px;
	}
	
	.input textarea {
		width: 350px;
		height: 200px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	}
	
	.submit input {
		font-size: 150%;
	}

#PageName {
	font-weight: bold;
}
	
.message {
	border: 1px solid #89ab71;
	background-color: #dbf0cb;
	padding: 8px;
	margin: 1em 0 0 0;
}

.error-message {
	display: block;
	clear: both;
	color: #9e0b0f;
	padding-top: 4px;
}
	
	
/* Cake debug */

.cake-debug {
	width: 95%;
	position: fixed;
	top: 1em;
	left: 1em;
	z-index: 100;
	background: #fff;
	border: 3px solid yellow;
	padding: 1em;
	font-size: 14px;
	overflow-x: scroll;
}

#debug-level {
	position: absolute;
	right: -8em;
	bottom: 1em;
	width: 60px;
	height: 20px;
	background-color: red;
	color: #fff;
}


/* Post */

.post, .page {
	position: relative;
	overflow: hidden;
}

.page {
	border-bottom: none;
}

	.post:hover .edit-post,
	.page:hover .edit-page {
		visibility: visible;
	}

.postmeta {
	font-style: italic;
	margin: 1em;
}

.post-date {
	font-size: 0.92em;
	display: block;
	margin: -4px 0 1em;
	padding-top: 4px;
	color: #776e6d;
	border-top: 1px dashed #bbb;
}

.edit-post, .edit-page {
	position: absolute;
	display: block;
	z-index: 100;
	top: 20px;
	right: 0px;
	visibility: hidden;
}

	.edit-post:focus {
		outline: none;
	}

	.edit-post img {
		display: block;
		z-index: 110;
		position: relative;
		margin-left: 20px;
	}

.paginator {
	clear: both;
	padding: 1em 0;
}

.next-page {
	float: right;
}

.prev-page {
	float: left;
}


/* Calendar */

.blank_fieldset {
    background: none;
    padding: 0;
    margin: 0 0 20px;
    border: none;
}


.noavailable {
    text-align: right;
    padding: 0 2em 0 0;
}

.month_calendar,
.month_paginator {
	overflow: hidden;
	padding: 2px;
	margin: 0 6px 6px 0;
	width: 204px;
	float: left;
	background: #eee;
	border: 2px solid #ddd;
}

    .month_calendar h3 {
        text-align: center;
        font-size: 12px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
        margin: 0;
    }

	#calendar h3 {
		text-align: center;
	}
	
.month_paginator {
    background: none;
    font-size: 14px;
    padding-top: 50px;
    text-align: center;
    line-height: 40px;
}

    .month_paginator .prev-month,
    .month_paginator .next-month {
        float: none;
    }
	
.day {
	color: #808080;
}

.day, .empty-day, .calendar-head span {
	width: 22px;
	height: 22px;
	padding: 3px 3px 0;
	margin: 0;
	float: left;
	text-align: center;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 13px;
}

.empty-day {
	background: none;
}

.status {
	line-height: 1.2;
	font-size: 8px;
}

.bookable {
	cursor: pointer;
	color: #000;
}

	.free .status {
		color: green;
	}

.booked {
	background-color: #E90015;
	color: #fff;
}
	
	.booked .status {
		color: red;
	}
	
.week {
	clear: left;
}
	
.calendar-head {
	padding: 2px 0 4px 0;
	clear: both;
	overflow: hidden;
	text-align: center;
}

	.calendar-head span {
		background: none;
		height: 12px;
		border: none;
		font-size: 11px;
		margin-right: 1px;
	}

.month-paginator {
	clear: both;
	overflow: hidden;
	margin: 1em;
	padding-top: 1em;
}

.next-month {
	float: right;
}

.prev-month {
	float: left;
}

.hidden {
	display: none;
}

.selected {
	background-color: #2AC638;
}


/* Subpages */

.breadcrumb {
	border-bottom: 1px solid #b1a29b;
	padding: .5em 0;
	line-height: 1.5;
}

.subpages {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	line-height: 1.5;
	font-size: 1.17em;
	border-bottom: 1px solid #b1a29b;
}

    .subpages ul {
	   margin: 0;
	   padding: 0 0 0 6px;
	}

	.subpages li {
        list-style: none;
		margin: 0;
		padding: 0 0 0 1em;
	}
	
		.subpages li.current {
			background: url(img/subpages-current.gif) 0 4px no-repeat;
		}
		
			.subpages li.current a {
				text-decoration: none;
				color: inherit;
			}
			
				.subpages li.current li a {
					color: #850337;
				}

.parent-name {
	font-size: 1.33em;
	margin-bottom: 6px;
}		


/* Image gallery */

#gallery-parent {
}

.image-paginator {
	overflow: hidden;
	margin: 0; padding: 0;
}

	.image-paginator a {
		float: left;
		margin: 0; 
		padding: 3px 5px;
		display: block;
		color: #523936;
		text-decoration: none;
		background-color: #baa79f;
		border: 1px solid #af9589;
	}
	
	.image-paginator .current {
		background-color: #fff;
		color: #523936;
	}
	
img.gallery {
	border: 1px solid #af9589;
	border-bottom-width: 2px;
	margin: 0;
	padding: 0;
}


/* Sidebar search */
.search label {
	float: none;
	width: auto;
	display: block;
	margin-bottom: 1px;
	font-size: 2.00em; /* 24px */
	line-height: 1.2;
	font-weight: normal;
	clear: both;
	margin: 1em 0 0.4em 0;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	background: url(img/heading-leaf-sidebar.gif) 0 4px no-repeat;
	padding-left: 26px;
}

	#sidebar .search-results {
		list-style: none;
		margin: 0 0 0 5px;
		padding: 0;
		background: #3679dc;
		line-height: 1.1em;
		margin-top: -5px;
		width: 206px;
	}
	
	   #sidebar .search-results li {
	       margin-bottom: 3px;
	   }
	   
	   #sidebar .search-results a {
	       display: block;
	       color: #fff;
		   text-decoration: none;
		   padding: 4px;
	   }
	   
	       #sidebar .search-results a:hover {
	           color: inherit;
	       }
	   
	   #sidebar .search-results a:hover {
	   }

.nomatch {
	background-color: transparent !important;
	color: inherit !important;
	position: relative;
	top: 5px;
}

/* Bookings */
fieldset {
	margin: 1em 0;
	padding: 8px;
	background-color: #D4C8C2;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	color: #523936;
	margin: 0;
	padding: 0;
}

	#BookingIndexForm label {
		width: 94px;
		text-align: right;
		padding-right: 8px;
		margin-top: -1px;
	}
	
	#BookingIndexForm .radio label,
	#BookingIndexForm .radio input,
	#BookingIndexForm .checkbox label,
	#BookingIndexForm .checkbox input {
		float: none;
		width: auto;
		display: inline;
	}
	
#BookingDayCount {
}

#BookingName {
	font-size: 16px;
	font-weight: bold;
}

	#BookingCost strong {
		font-size: 120%;
	}

.reservation-summary {
	margin: 1em 0;
    padding: 10px;
    border: 1px solid #ccc;
	border-collapse: collapse;
	border: 6px solid #eee;
}  
	
.reservation-summary td, .reservation-summary th {
	border-bottom: 1px solid #B7B0AE;
	padding: 4px;
}

.reservation-summary th {
    text-align: right;
    font-weight: bold;
}

.payment-option {
	margin: 1em 0;
    padding: 8px;
    background-color: #D4C8C2;
    border: 1px solid #ccc;
}

.preview-notice {
    background: #000;
	border: 1px solid #fff;
	padding: 6px;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}


/* Calendar legend */

.calendar-legend {
	margin: 0 0 15px 70px;
	list-style: none;
}

.legend-red {
	background-color: #E90015;
    color: #fff;
	font-weight: normal;
}

.legend-yellow {
	background-color: #2AC638;
	font-weight: normal;
}

.addthis {
	margin: 0 0 0 290px;
	padding: 0 0 15px 0;
}

#accommodation-calendar {
	position: relative;
}

#accommodation-calendar #calendar-prev {
	position: absolute;
	top: 120px;
	left: 40px;
	font-size: 40px;
	text-decoration: none;
}

#accommodation-calendar #calendar-next {
	position: absolute;
	top: 120px;
	right: 55px;
	font-size: 40px;
	text-decoration: none;
}


.captcha_input label {
	float: none;
	display: inline;
}

.captcha_input {
	margin: 0 0 1em 0;
}

.captcha_input input {
	width: 5em;
	font-size: 14px;
}