@charset "utf-8";

/* ---------------------------------- */
/* Chapter 11: Layout with Styles     */
/* Section: Finished Page			  */
/* ---------------------------------- */


/* CSS RESET
------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

/* Note from Bruce: The Meyer Reset includes this rule, but I've commented it out so it doesn't take effect. If it weren't commented out, it would turn off the numbers before list items in an ol, and the bullets before list items in an ul. 
ol, ul {
	list-style: none;
} */

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GENERAL
---------------------------------------------- */
/* body tag (below) contains linear gradient between two colours!
---------------------------------------------- */


body {
	font: 100% Trebuchet MS, Verdana, sans-serif;
	padding-bottom: 20px;
	background: #A8B9D4;
	background: -moz-linear-gradient(left,#A8B9D4, #6B7E94);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#A8B9D4), color-stop(100%,#6B7E94));
	background: -webkit-linear-gradient(left, #A8B9D4,#6B7E94);
	background: linear-gradient(left, #A8B9D4,#6B7E94);
}

h1,
h2,
h3,
h4,
h5,
h6,
.logo {
	color: #000033;
	font-weight: bold;
}

h1 {
	font-size: 1.5em; /* 24px/16px */
	margin-bottom: .75em;
	margin-left: 50px;
	color: #456EA3;
	}        

h2 {
	font-size: 1.499em; /* 22px/16px */
	margin-bottom: .75em;
	margin-left: 0px;
	color: #456EA3;
}

h5 {
	font-size: 1.em; /* 22px/16px */
	margin-left: 0px;
	color: #456EA3;
}

h6 {
	font-size: 1.em; /* 22px/16px */
	margin-left: 0px;
	color: #008040;
	font-weight: normal;
}

p {
	margin: 0 0 .5em;
	padding-right: 10px;
}

/* link states */
a {
	padding: .2em;
}

a:link {
	text-decoration: none;
	color: #597dbd;
}

a:visited {
	text-decoration: none;
	color: #597dbd;
}

a:focus,
a:hover,
a:active {
	background: none;
	text-decoration: underline;
	color: #000033;
}

.nav a:hover {
	text-decoration: none;
}

a.current {
	color: #1d3d76;
}

a:hover.current {
	background: white;
	cursor: default;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

abbr[title]{
	border-bottom: 1px dotted #1d3d76;
}

em{
	font-weight:bold;
	font-style: normal;
}
/* CONTAINERS
---------------------------------------------- */

/* TOP CONTAINER (#container) below contains single shadow !

---------------------------------------------- */

#container {
	background: #2E5773; 
	margin: 40px auto;
	max-width: 950px;
	width: 90%;
    padding: 0px 0px 0px 0;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
}

#page {
	background: #fff;
	padding: 0px 0px 10px 0px;
	max-width: 950px;
	position: relative;
}

#masthead {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/achiltibuiebedandbreakfast2.jpg);	
	height: 73px;
}

#mastheadtighuisdean {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/tighuisdeanhouse1.jpg);	
	height: 73px;
}

#mastheadtheweehouse {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/achiltibuiebedandbreakfast3.jpg);	
	height: 73px;
}

#mastheadtighuisdeanmaps {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundmaps.jpg);	
	height: 73px;
}

#mastheadmaps {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/achiltibuiebedandbreakfast1.jpg);	
	height: 73px;
}

#mastheadtighuisdeangallery {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/tighuisdeangallery2.jpg);	
	height: 73px;
}

#masthead {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/achiltibuiebedandbreakfast2.jpg);	
	height: 73px;
}


#mastheadgallery2 {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundgallery2.jpg);	
	height: 73px;
}

#mastheadlinks {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundlinks.jpg);	
	height: 73px;
}

#mastheadavailability {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundavailability.jpg);	
	height: 73px;
}

#mastheadcontact {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundcontact.jpg);	
	height: 73px;
}

#mastheaddirections {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundldirections.jpg);	
	height: 73px;
}

#mastheadmaps {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/achiltibuiebedandbreakfast1.jpg);	
	height: 73px;
}

#mastheadenquiries {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundenquiries.jpg);	
	height: 73px;
}

#mastheadthanks {
	padding-top: 95px;
	padding-bottom: 175px;
	background-image: url(../img/backgroundthanks.jpg);	
	height: 73px;
}

#main {
	padding-left: 10px;
	float: left;
	width: 71%;
	font-size: 0.92em; /* 12px/40px */
}

#table {
	font-size: 0.67em; /* 12px/40px */
	font-style: normal;
	font-weight: normal;
}

#related {
	margin-left: 72%;
}

#mainsecond {
	border-top: -10px dotted #000033;
	clear: both;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	
}
a:active {
	text-decoration: none;
}

#footer {
	border-top: 0px dotted #000033;
	clear: both;
	margin-top: 10px;
}

#footspread {
	padding: none;
	background-image: url(../img/footer6.jpg);
	margin-top: -10px;
	height: 131px;
}

#footspread2 {
	padding: none;
	background-image: url(../img/footer6.jpg);
	margin-top: 10px;
	margin-bottom: -10px;
}

/* MASTHEAD
---------------------------------------------- */
#masthead {
	margin-bottom: 30px;
}

#mastheadtighuisdean {
	margin-bottom: 30px;
}

#mastheadtheweehouse {
	margin-bottom: 30px;
}

#mastheadtighuisdeanmaps{
	margin-bottom: 30px;
}

#mastheadtighuisdeangallery {
	margin-bottom: 30px;
}

#mastheadthingstodo {
	margin-bottom: 30px;
}

#mastheadbeachhut {
	margin-bottom: 30px;
}

#mastheadgallery2 {
	margin-bottom: 30px;
}

#mastheadlinks{
	margin-bottom: 30px;
}

#mastheadavailability{
	margin-bottom: 30px;
}

#mastheadcontact{
	margin-bottom: 30px;
}

#mastheaddirections{
	margin-bottom: 30px;
}

 #mastheadmaps{
	margin-bottom: 30px;
}

#mastheadenquiries{
	margin-bottom: 30px;
}

#mastheadthanks{
	margin-bottom: 30px;
}

/* Logo */
.logo {
	font-style: italic;
	float: left;
	font-size: 2.6em; /* 44px/16px */
	margin: 0;
}

.logo a {
	color: #ffcc00;
	font: italic;
	padding: 0;
}

.logo a:hover {
	background: transparent;
	color: White;
	text-decoration: none;
}

.logo span {
	color: White;
	display: block;
	font-size: 0.4em; /* 12px/40px */
	font-style: italic;
	font-weight: normal;
	margin: 3px 0 0 1em;	
}

/* ::: Search Form ::: */
#search div {
	float: right;
	position: relative;
}

/* Search */
#search form {
	position: absolute;
	top: 20px;
	right: 5px;
}

input,
label,
.entry .date,
.continued ,
.sidebar p,
.archive ol  {
	font-size: .75em; /* 12px/16px */
}

input[type="text"] {
	padding: 2px 3px;
	width: 150px;
}

input[type="submit"] {
	vertical-align: top;
}

.gloss {background-color:  #B8CEDD} 



/* END MASTHEAD
---------------------------------------------- */   
   


/* CONTENT
---------------------------------------------- */
/* Blog snippet */
/* Site Nav */
/* NAVIGATION
------------------------------------------------ */

/* ::: Navigation ::: */
.nav{
	float:left;
	margin-top: -43px;
	width: 100%;
	text-align:center;
	
}

.nav ul {
	
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:left;
}
	
ul {
    list-style-type: none;
	background-image: url(navi_bg43.png);
}


.nav {
	min-height: 1.3em;
 	overflow: auto;
	padding: 0px 0px 0px 0px;
}

.nav a {
	color: #384B64;
	display: block;
	font-weight: bold;
	background-image: url(navi_bg_divider.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 2.5px;
	display: block;
	line-height: 30px;
	text-decoration: none;
}

.nav li {
	float: left; 				
	width: 20.0%;
}

.nav li a:hover {
	color: #B7923E;
	display: block;
	font-weight: bold;
	background-image: url(navi_bg4.png);
	background-repeat: repeat-x;
	background-position: right;
	padding-left: 3px;
	display: block;
	line-height: 30px;
	text-decoration: none;

	
}

/* :::: Navigation Submenus (the dropdowns) :::: */
.nav ul {
	margin-left: 0px;
	padding: 0px 0px 0px;
	width: 16.5%;
}

.nav li ul {
	left: -9999em; /* hide a submenu offscreen by default so visitors don't see it */
	position: absolute;
	z-index: 1000;
}

.nav li:hover ul {
	left: auto; /* show the submenu when user hovers over the parent li */
	width: 16.5%;
}

.nav ul li {
	float: none;
	font-size: .950em;
	margin-top: 0em;
	width: auto;
}

.nav li:hover li, .nav li.hover li {
	
   background-image: url(navi_bg4.png);
	background-repeat: repeat-x;
    float: none;
    color: #B7923E;
}
.nav li:hover li a, .nav li.hover li a {
	padding-left: 5px;
	 background-image: none;
	background-color:#557FB4;
    color: #F1B630;
}
   
.nav li li a:hover {
	
    background-image: url(navi_bg4.png);
	background-repeat: repeat-x;
    color: #B7923E;
}


/* :::: Breadcrumb Navigation :::: */
.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb li {
	display: inline;
	font-size: .75em;
	font-weight: bold;
	padding: 5px 5px 0 0;
}

.breadcrumb li a {
	color: #648dc7;
	padding-right: 3px;
}

.breadcrumb li:after {
   content: " > ";
}

.breadcrumb li:last-child:after {
   content: "";
}


/* MAIN CONTENT
---------------------------------------------- */


.entry {
	border-right: 0px dashed #8080ff;
	margin: 0 .5em 2em 0;
}

.entry h2 {
	font-size: 1.25em; /* 20px/16px */
    line-height: 1;
}

.continued,
.entry .date {
	text-align: right;
}

.entry .date {
	line-height: 1;
	margin: 0 1em 0 50px;
	padding: 0;
	position: relative;
	top: -1em;
}

.continued {
	font-style: italic;
	margin-top: -5px;
}

/* Photos */
.intro {
	margin: -5px 0 0 50px;
}

.intro2 {
	margin: 5px 0 0 50px;
}

.about {
	margin-left: 160px;
	}

.about p:first-letter {
	font-weight: bold;
	color: #004080;
	font-size: 1.5em;
	font: 150% Monotype Corsiva, Verdana, serif;
	
}

.photo {
	margin: 1px 0 0 5px;
	float: right;
	border: 1px solid black;
	width:290px;
	height: 400px;
	
}

.photo1 {
	margin: 1px 5px 10px 10px;
	border: 1px;
	float: right;
	width: 200;
}

.photo a {
	padding: 0;
}

.photo a:focus,
.photo a:hover,
.photo a:active {
	background: #fff;
}



/* SIDEBAR
---------------------------------------------- */
.sidebar {
	background: #f5f8fa;
	padding: 10px;
}

aside h2 {
	font-size: .9375em; /* 15px/16px */
	margin-bottom: 3px;
}

.feature {
	font-style: italic;
}

/* Archive */
.archive ol {
	list-style: disc; /* changes list items from numbers to bullets */
	padding-left: 18px;
}

.archive .continued {
	margin-top: 0;
}

.unaffectedlists {
	  margin: 10px;
	  background: none;
	  font-size: .75em;
}

.unaffectedlists2 {
	 
	  background: none;
	  font-size: .9em;
}

/* related */
.relatedcontent {
	 
	  
	  font-size: 1em;
}



/* FOOTER
---------------------------------------------- */
#footer h1 {
	font-size: 1em;
	margin-bottom: .25em;
	padding-top: .25em;
}

#footer p {
	font-size: .6875em;
}

#nav2{
  font-weight: bold;
  border-width:0px 0;
  list-style:none;
  background-image: none;
  margin:0;
  padding:0;
  text-align:center;
}
#nav2 li{
  display:inline;
}
#nav2 a{
  display:inline-block;
  padding:17px;
}
#nav2 li a:hover {
	color: #B7923E;
	font-weight: bold;
	text-decoration: underline;

	
}