/*   
Theme Name: Bnb Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Benoit Gilloz, design by Christopher Hutchison
Template: thematic
Version: 1.0
Tags: Bnb
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

.clear{
	clear:both;
}

p{
	line-height:1.4em;
}

.alignright{
	float:right;
	margin-left:15px;
	margin-bottom:25px;
}


.alignleft{
	float:left;
	margin-right:15px;
	margin-bottom:25px;
}

.success{
	padding:10px;
	margin-bottom:10px;
	background:#edfed5;
	border:1px solid #dbfbae;
}
	.success li{
		background: url(images/success-bg.gif) no-repeat left center;
		padding-left:20px;
	}

.error{
	padding:10px;
	margin-bottom:10px;
	background:#fad7d7;
	border:1px solid #fbaeae;
}

	.error li{
		background: url(images/error-bg.gif) no-repeat left center;
		padding-left:20px;
	}

#main p{
	margin-bottom:15px;
}

a{
	color:#222;
}

h2{
	margin:25px 0 15px;
	font-size:1.2em;
}

h3{
	font-size:1.4em;
	margin:15px 0;
	font-weight:bold;
	color:#4d3d25;
}

.page-title, .entry-title{
	margin-bottom:30px;
	font-size:1.5em;
}

body{
	background:#fff8ee url(images/body-bg.jpg) repeat-x top;
	font-family:arial;
	font-size:14px;
}

#wrapper{
	width:960px;
	margin:auto;
	position:relative;
}

.skip-link{
	display:none;
}

.access{
	line-height:40px;
	height:40px;
	margin-bottom:5px;
}

	.access li{
		display:block;
		float:left;
		margin-right:25px;
	}

		.access li a{
			background:transparent url('images/nav-bullet.gif') no-repeat left center;
			padding-left:28px;
			color:#fff;
			font-family:georgia;
			font-size:18px;
			text-decoration:none;
		}

#branding{
	background:transparent url('images/header-bg-notext.jpg') repeat-x top left;
	height:162px;
	position:relative;
}

.searchbg #branding{
	background:transparent url('images/header-bg-single.jpg') no-repeat top left;
}

.frontpage #branding{
	background:transparent url('images/header-bg.jpg') no-repeat top left;
	height:335px;
	position:relative;
	padding-top:0px;
	overflow:hidden;
}

#blog-title a{
	background: url('images/logo.gif');
	display:block;
	width:271px;
	height:154px;
	text-indent:-999em;
	margin-left:15px;
	position:absolute;
	z-index:100;
	top:5px;
}

	.frontpage #blog-description{
		background:transparent url('images/welcome.png') no-repeat center;
		position:absolute;
		bottom:0;
		width:960px;
		text-align:center;
		height:40px;
		line-height:71px;
		font-size:3em;
		font-family:times;
		color:#fff;
		text-indent:-999em;
		z-index:100;
	}

	#belowheader{
		background:#022605 url('images/contactHome-bg.png') repeat-x;
		line-height:37px;
		font-size:1.3em;
		font-family:times;
		color:#fff;
		padding:0 20px;
		letter-spacing:1px;
	}

		.breadcrumb-trail a{
			color:#fff;
			border-bottom:1px solid #10771a;
			text-decoration:none;
		}

		.trail-end{
			font-weight:bold;
		}

	.frontpage #belowheader{
		text-align:right;
		font-size:1.8em;
	}

#main{
	background:#fef6eb url('images/main-bg.jpg') repeat-x top left;
}

#container{
	padding:25px 20px;
}

.frontpage #container{
	background:#fef6eb url('images/main-bg.jpg') repeat-x top left;
}

	.frontpage #content{
		background: url('images/frontpage-content-line.png') no-repeat 425px 90px;
	}

	#container .entry-content ul{
		margin:10px 0;
	}

	.frontpage #container .entry-content ul{
		float:left;
		width:460px;
		margin-top:30px;
	}
	
		#container .entry-content ul li{
			list-style:none;
			padding-left:25px;
			background:transparent url('images/bullet.png') no-repeat left 1px;
			margin-bottom:6px;
			line-height:1.6em;
		}

		.col{
			clear:both;
			width:400px;
			float:left;
			margin-top:30px;
		}

		.col2{
			width:466px;
			float:right;
			margin-top:30px;
		}

		a.finder{
			background: url('images/finder-btn.png') no-repeat center left;
			font-size:1.4em;
			color:#fff;
			padding:0 50px 0 15px;
			display:block;
			height:38px;
			line-height:38px;
			text-decoration:none;
			margin-bottom:20px;
		}
		
		a.area-info{
			background: url('images/area-btn.png') no-repeat center left;
			color:#fff;
			text-decoration:none;
			padding:15px 11px;
			margin-bottom:15px;
		}

		#special-offers{
			background: url('images/special-offers-bg.jpg') no-repeat top left;
			padding:12px 0;
			margin-top:25px;
		}
			#special-offers h3{
				font-size:1.4em;
				padding-left:25px;
				background:url('images/bullet.png') no-repeat left center;
				margin:10px;
			}

			#special-offers ul{
				padding:10px 10px 20px 35px;
				background:transparent url('images/rounded-medium-bottom.png') no-repeat bottom left;
				zoom:1;
			}

		#details{
			background:transparent url('images/rounded-large-top.png') no-repeat top left;
			line-height:2em;
			padding-top:15px;
		}

		#details address{
			font-style:normal;
			background:transparent url('images/rounded-large-bottom.png') no-repeat bottom left;
			padding:0px 25px 20px 25px;
			zoom:1;
		}

			#details span{
				display:block;
			}

				#details .tel{
					float:left;
				}

				#details .fax{
					float:right;
				}

				#details .email{
					clear:both;
					font-size:1.1em;
				}

	/*end of front page styling */

	#searchform{
		float:right;
		width:300px;
		padding:5px;
		margin-bottom:10px;
		background:#dac4a7;
	}

	.categorybnb .col{
		margin-top:0px;
		clear:none;
	}


	.categories{
		background:#efdcc0;
		margin-bottom:20px;
	}

		.categories ol{
			padding:10px;
		}

			.categorybnb .categories ol li{
				list-style:decimal;
				margin-left:30px;
			}

	.col3{
		width:300px;
		float:left;
		margin-top:0;
		
	}

		.col3 .categories{
			margin-top:0;
			height:405px;
			overflow-y:scroll;
		}

	.categories li{
		padding:5px 0;
	}

	.post.category-bnb{
		float:left;
		padding:30px;
		border-top:1px solid #fff;
		border-bottom:1px solid #f1e0c9;
		width:860px;
		background:#faf1e4;
	}

	p.download_brochure{
	    float:left;
	    margin-left:15px;
	    background:#EFDCC0;
	    padding:2px 5px;
	}
	p.download_brochure a{
	   background:transparent url(images/pdf_icon_128.png) no-repeat left center;
	   padding-left:20px;
	}

	p.zoomin{
		margin-left:20px;
		float:left;
	}
	
	.post.category-bnb.p1{
		/*border-top:0;*/
	}

	.post.category-bnb.alt{
		background:#f7e9d7;
	}
		.post.category-bnb .entry{
			margin-left:220px;
		}

		.post h2{
			margin-top:0;
			font-size:1.3em;
		}

			.post h2 a{
				text-decoration:none;
				border-bottom:1px solid #bab1a2;
			}

			.post h2 span{
				font-size:0.8em;
				font-weight:normal;
			}

		.post.category-bnb .list_details li{
			margin-top:10px;
		}

		.thumb-img{
			width:250px;
		}

		.post.category-bnb .thumb-img{
			float:left;
			margin-right:20px;
			width:200px;
		}
		.post.category-bnb .thumb-img a{
			text-decoration:none;
			font-size:0.8em;
		}
			.post.category-bnb .thumb-img img{
				width:200px;
				margin-bottom:5px;
			}

		a.bnb-moreinfo{
			display:block;
			height:50px; width:135px;
			background: url(images/bnb-moreinfo.png) no-repeat ;
			float:right;
			margin-top:50px;
			line-height:50px;
			padding:0 0 0 15px;
			text-decoration:none;
		}
		
		.alttown{
			font-size:1.3em;
			font-weight:bold;
			color:#4D3D25;
		}
		
		.single .alttown{
			font-size:1.4em;
		}

	.iframemap{
		float:right;
		width:600px;
		height:500px;
		border:1px solid #ccc;
	}

	#mapped_map{
		float:right;
		background:url(images/map-sprites.gif) left top;
	}

	#instructions{
		padding:10px;
	}

		#instructions h2{
			font-size:1.4em;
		}

		#instructions h3{
			font-size:1em;
		}

	/* blog post list */
	.slug-travel-tips #container, .s-category-travel-tips #container{
		width:600px;
		float:left;
	}

	/* Single bnb pages */

	.bnb_content{
		float:right;
		width:600px;
	}

		.bnb_content h1{
			font-size:1.4em;
			margin-bottom:15px;
			color:#4d3d25;
		}

		.main_details{
			background: url(images/details-list-top.png) no-repeat top left;
			margin:15px 0;
			padding-top:5px;
		}

			#container ul.details_list{
				background:#efdcc0;
				padding:8px 20px 0px 25px;
				margin-bottom:0;
			}

			.single #container ul.details_list li{
				margin:0;
				padding-bottom:8px;
			}

			.btns{
				background:#EFDCC0 url(images/details-list-bottom.png) no-repeat bottom left;
				padding:10px;
			}

			.btns a.book, .btns a.googlemap {
				display:block;
				width:138px;
				height:38px;
				line-height:38px;
				float:right;
				text-align:center;
				color:#fff;
				font-size:1.3em;
				text-decoration:none;
				margin-left:10px;
				margin-bottom:20px;
			}

			.btns .googlemap{
				background: url(images/viewmap-btn.png) no-repeat;
			}

			.btns a.book{
				background: url(images/bookroom-btn.png) no-repeat;
				width:300px;
			}

	.bnb_details{
		float:left;
		width:260px;
		line-height:1.6em;
	}

		.contact-details{
			margin-bottom:10px;
			padding-bottom:10px;
			border-bottom:1px solid #4d3d25;
			font-size:1.2em;
		}

		.thumb-img img{
			border:2px solid #594525;
			max-width:250px;
		}


	/* Login form */

	#memberslogin{
		background:#efdcc0;
		padding:10px;
	}

	#memberslogin ol li{
		margin-bottom:5px;
		clear:left;
	}

	#memberslogin ol li.inline label{
		width:90px;
		float:left;
		padding-top:3px;
	}

	/* Admin access link */

	.adminaccess{
		margin-bottom:20px;
	}

	.adminaccess a{
		padding:10px;
		display:block;
		background:#efdcc0;
		border:1px solid #F1E0C9;
	}

	/* Normal post archives */

	.category-special-offers #container, .category-members #container{
		float:left;
		width:600px;
	}

	.archive .entry-title{
		margin-bottom:0px;
		font-size:1.8em;
		background:#efdcc0;
		padding:5px;
	}

	.archive .entry-meta{
		margin-bottom:15px;
		font-size:0.8em;
		text-align:right;
	}

	/* single blog page */

	.entry-content img{
		border:5px solid #EFDCC0;
	}

	.slug-members .hentry.post, .slug-special-offers .hentry.post{
		background:#FAF1E4 none repeat scroll 0 0;
		border-bottom:1px solid #F1E0C9;
		border-top:1px solid #FFFFFF;
		padding:20px 10px;
	}

	.slug-members .hentry.post.alt, .slug-special-offers .hentry.post.alt{
		background:#F7E9D7 none repeat scroll 0 0;
	}

	.slug-special-offers #container, .s-category-special-offers #container, .s-category-members #container, .slug-members #container{
		float:left;
		width:600px;
	}

		.slug-special-offers .entry-content,
		.s-category-special-offers .entry-content,
		.s-category-members .entry-content,
		.slug-members .entry-content{
			margin-left:60px;
		}

		.date{
			margin-bottom:15px;
			float:left;
			width:36px;
			padding:0px 2px;
			text-align:center;
			margin-right:20px;

		}

			.date span{
				display:block;
			}

			.date .day{
				font-size:1.3em;
				font-family:georgia;
				padding-bottom:4px;
				font-weight:bold;
			}
			
			.date .comments-link{
				clear:both;
				padding-top:20px;
			}
			
			.date .comments-link a{
				padding:10px 10px 20px 10px;
				margin-top:5px;
				display:block;
				background:url(images/comments.png) no-repeat;
			}

	#members-post{
		padding:20px;
		display:none;
		background:#EFDCC0;
	}

	#members-post.open{
		display:block;
	}

	.form-label{
		font-weight:bold;
		margin-bottom:10px;
	}

	.form-input, textarea{
		margin-bottom:15px;
	}

	#content-area{
		width:500px;
		height:300px;
	}

#comments{
	margin-top:50px;
}

	#respond{
		padding:10px;
		background:#FAEDDC;
		margin-top:0px;
	}

			#reply{
			clear:both;
		}

		#comments-template h3{
			margin-bottom:30px;
		}

		.comment-list{
			margin:0;
		}
		
		.comment{
			padding:10px;
			background:#F7E9D7;
			border-top:1px solid #fff;
			border-bottom:1px solid #F1E0C9;
			list-style:none;

		}

		.comment.alt{
			background:#FAF1E4;
		}

		.comment-author{
			font-size:1.2em;
			font-weight:bold;
			margin-bottom:10px;
			float:left;
		}

		.comment-meta{
			margin:5px 0 15px 0;
			float:right;
			font-size:0.8em;
		}



		.comment-content{
			clear:both;
		}

	/* Sidebars stuff */
	.aside{
		float:right;
		width:280px;
		padding:25px 20px;
	}

	.slug-information #main h3, .stables h3{
		padding-top:15px;
		margin-bottom:0;
		padding:2px;
		margin-top:25px;
		/*float:left;*/
		/*background:#efdcc0;*/
		/*clear:both;*/
	}

	.slug-information p{
		/*clear:both;*/
	}

	/* Content table and autolink */

	#content_table{
		width:750px;
		padding-left:150px;
		float:left;
		padding-bottom:20px;
	}

		.ct_column{
			float:left;
			width:350px;
		}

		.content-table-list li a{
			text-decoration:none;
			font-size:1.1em;
			border-bottom:1px solid #666;
		}

	.backtop{
		font-size:0.5em;
		margin-left:10px;
		text-decoration:none;
		font-weight:normal;
		border-bottom:1px solid #f4e6d2;
	}

	.stables ul{
		clear:both;
		padding:20px 0;
	}
	
/* footer */
#footer{
	clear:both;
	background: url('images/footer-bg.png') repeat-x top left;
	height:43px;
}

	.footer-content{ 
		width:960px;
		margin:auto;
		color:#fff;
	}

		.footer-content p, .footer-content address{
			width:400px;
			line-height:43px;
			background: url('images/footer-bullet.png') no-repeat center left;
			padding-left:25px;
			font-style:normal;
		}

		.copyright{
			float:left;
		}

		.footer-content .contact{
			float:right;
		}

		#g_translate_modal{
			display:none;
		}

/* maps and popup stuff */

.location-popup{
	position:absolute;
	top:30px;
	left:110px;
	width:350px;
	z-index:1000;
	padding-top:15px;
	display:none;
}

.inner-popup{
	background:#333;
	padding:8px 20px 0 20px;
	width:310px;
	height:330px;
}

	.location-popup h3{
		color:#fff;
		margin:0;
		border-bottom:1px solid #666;
		padding:5px 0;
		margin-bottom:10px;
		line-height:1em;
	}

	.location-popup .categories_popup{
		width:125px;
		float:left;
		background:transparent;
		color:#fff;
	}

	.location-popup .categories_popup ol{
		padding:10px 0;
	}

	.access .location-popup .categories_popup ol li{
		margin-bottom:10px;
		float:none;
		margin:0 0 10px 0;
		padding:0;
		line-height:1em;
	}

		.access .location-popup .categories_popup li a{
			color:#fff;
			text-decoration:none;
			border-bottom:1px solid #ccc;
			font-size:12px;
			margin:0;
			padding:0;
			background:none;
			font-family:arial;
		}

	.location-popup img{
		display:block;
		margin:0;
	}

	#map_popup_Map{
		display:none;
	}

#mapped_map_popup{
	float:right;
	background:url(images/map-popup-sprites.gif) left top;
}

p.bnbsearchpage a{
	background:none;
	font-size:12px;
}

#simplemodal-overlay {
  background-color:#000;
}

#simplemodal-container {
  height:400px;
  width:600px;
  background-color:#fff;
  border:3px solid #ccc;
}

#simplemodal-container iframe{
	height:400px;
	width:600px;
}

#simplemodal-container a.modalCloseImg {
  background:url(images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

#simplemodal-container p.larger a {
	background:url(images/viewlarger.png) no-repeat;
	display:inline;
	z-index:3200;
	position:absolute;
	bottom:-24px;
	right:-28px;
	cursor:pointer;
	color:#fff;
	padding-left:20px;
	height:20px;
	width:80px;
	text-decoration:none;
	font-size:0.8em;
}

.entry-content.bnb_content.hide{
	display:none;
}


.bnb_details.hide{
	display:none;
}

#contactForm{
	padding:10px;
	clear:both;
}

	#contactForm h2{
		margin-top:0;
	}

#contactForm.show{
	display:block;
}

	#msg{
		display:none;
	}

	#msg.success{
		display:block;
	}

	#msg.error{
		display:block;
		background:#fad7d7;
		border:1px solid #fbaeae;
		padding:10px;
	}

	#container ul#msg li{
		background: url(images/error-bg.gif) no-repeat left center;
		margin-bottom:0;
		float:none;
	}

	#container ul#msg.success li{
		background: url(images/success-bg.gif) no-repeat left center;
	}

	#contactForm ol li{
		clear:both;
		padding:5px 0;
		float:left;
		border-bottom:1px solid #eee;
		padding-right:20px;
	}

	#contactForm label{
		float:left;
		display:inline;
		width:130px;
		margin-top:5px;
	}

		label em, .mandatory{
			color:red;
			font-weight:bold;
			font-size:1.2em;
		}

	#contactForm li.right-label{
		margin-bottom:10px;
	}

		#contactForm li.right-label label{
			width:auto;
			float:none;
		}

.dp-choose-date{
	margin-left:10px;
}

/* Date picker styles */

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	margin-right:5px;
	font-weight:bold;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	margin-left:5px;
	font-weight:bold;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}