﻿a { color: #228cb7; }
a:hover,
a:focus { color: #333; }

body {
	background-color: #f1f1f1;
	color: #666;
}

h1,h2,h3,h4,h5,h6 {
	color: #333;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a, .title-widget a {
	color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title a:hover, .title-widget a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, .title a:focus, .title-widget a:focus {
	color: #a18032;
}

div.divider {
	border-top: solid 1px #e5e5e5;
}

.title-ornament {
	background: transparent url(../images/back-heading-ornament-light.png) no-repeat bottom center;
	padding-bottom: 24px;
}

/********************************************************************************************* 

2. Page Structure: Header

*********************************************************************************************/

header .wrapper-menu {
	background: transparent url(../images/back-content-main-light.png) repeat top left;
	border-bottom: solid 1px #ccc;
	position: relative;
	width: 95%;
}

header a {
	color: #222;
}

header a:hover,
header a:focus {
	color: #a18032;
}

/********************************************************************************************* 

3. Navigation

*********************************************************************************************/

#menu-main .hermes-notice {
	color: #666;
}

#menu-main li {
	border-right: solid 1px #e8e8e8;
}

#menu-main li li {
	background-color: #333;
}

#menu-main .current-menu-item a,
#menu-main a:hover,
#menu-main a:focus,
#menu-main a:active {
	color: #a18032;
} 

#menu-main .current-menu-item li a {
	color: #aaa;
}

#menu-main a {
	color: #333;
}

#menu-main li li a {
	color: #aaa;
}

#menu-main li li a:hover,
#menu-main li li a:focus {
	background-color: #333;
	color: #fff;
}

#menu-main .dropdown li:hover ul,
#menu-main .dropdown .sfHover ul {
	border-top: solid 6px #444;
}

#menu-main .dropdown li:hover li ul,
#menu-main .dropdown .sfHover li ul {
	border-top: solid 4px #444;
}

/********************************************************************************************* 

4. Page Structure: Main Content

*********************************************************************************************/

#content {
	background: transparent url(../images/back-content-main-light.png) repeat top left;
	border-top: solid 1px #999;
}

/********************************************************************************************* 

5. Content Blocks

*********************************************************************************************/

.featured-pages .post-cover {
	background-color: #fff;
}

.featured-pages h2 a {
	color: #a18032;
}

.featured-pages h2 a:hover,
.featured-pages h2 a:focus {
	color: #333;
}

/* Hermes Posts Widgets */

.hermes-posts .hermes-post {
	border-bottom: solid 1px #e5e5e5;
}

.hermes-posts .postmeta {
	color: #aaa;
}

/* Hermes Testimonials Widget */

blockquote.hermes-testimonial {
	background-color: #e5e5e5;
	border-bottom: solid 1px #ddd;
}

.widget blockquote.hermes-testimonial {
	background-color: #e9e9e9;
	border-bottom: solid 1px #d9d9d9;
}

.hermes-testimonial .post-cover {
	background-color: #fff;
	border: solid 1px #f1f1f1;
}

/* Hermes Attractions Widget */

.hermes-attractions div.post-cover,
.hermes-gallery div.post-cover,
.hermes-rooms div.post-cover {
	background-color: #fff;
	border: solid 1px #f1f1f1;
}

/* Hermes Gallery Widget */

.hermes-gallery-widget-photo .post-cover {
	border: solid 5px #f1f1f1;
}

.hermes-room .value {
	color: #999;
}

.hermes-room .price,
.post-single .price {
	color: #80aa5b;
}

.hermes-room-meta {
	color: #888;
}

.hermes-room-meta .value {
	color: #222;
}

.post-meta-single .price {
	color: #80aa5b;
}

.hermes-connect a {
	color: #999;
	display: block;
}

.hermes-connect a:hover,
.hermes-connect a:focus {
	color: #222;
}

/* Hermes Related Pages */

.widget .hermes-related-page,
aside .widget .menu .menu-item {
	border-left: solid 5px #ddd;
}

.widget .hermes-related-page a,
aside .widget .menu .menu-item a {
	color: #666;
}

.widget .hermes-related-page.current-page,
aside .widget .menu .menu-item.current-menu-item {
	border-left: solid 5px #bbdb90;	
}

.widget .hermes-related-page.current-page a,
aside .widget .menu .menu-item.current-menu-item a {
	color: #333;
}

/********************************************************************************************* 

6. Single: Post/Page Styling

*********************************************************************************************/

.post-single {
	color: #666;
}

.post-meta p.postmeta {
	color: #888;
}

.post-meta .divider {
	border-top: solid 1px #d5d5d5;
}

.archive-meta {
	color: #888;
}

.post-single blockquote {
    color:#777;
    border-left: solid 4px #ccc;
}

/********************************************************************************************* 

7. Comments Styling

*********************************************************************************************/

.commentlist .comment,
.commentlist .pingback,
.commentlist .trackback {
	border-bottom: solid 1px #d2d2d2;
}

.commentlist .avatar {
	border: solid 5px #fff;
}

.commentlist .byuser .comment-author-name {
	color: #ef4832;
}

.commentlist .comment-author-name {
	color: #888;
}

.commentlist .comment-timestamp {
	color: #888;
}

.commentlist .comment-bullet {
	color: #666;
}

/* Comment Form */

#respond .hermes-comment-label {
	color: #666;
}

#respond .hermes-comment-input {
	background-color: #fff;
	border: solid 1px #bbb;
	color: #333;
}

#respond .required_lab {
	color: #ef4832;
}

/* Reply Form */

#reply-title a {
	color: #1c97d4;
}

#reply-title a:hover,
#reply-title a:focus {
	color: #ef4832;
}

/********************************************************************************************* 

8. Page Structure: Footer

*********************************************************************************************/

footer {
	background-color: #36251e;
	color: #988a7e;
}

footer .divider {
	background-color: #422f27;
	border: 0;
}

/* Footer Contact Info */

.wrapper-footer-contacts {
	background: #422f27;
	border-top: solid 1px #584639;
	border-bottom: solid 1px #44362c;
}

footer a,
.hermes-connect a,
footer .title a,
.footer-additional a {
	color: #988a7e;
}

footer a:hover,
.hermes-connect a:hover,
footer .title a:hover,
.footer-additional a:hover,
footer a:focus,
.hermes-connect a:focus,
footer .title a:focus,
.footer-additional a:focus {
	color: #c5b9ae;
}

.footer-additional .hermes-contact .divider {
	color: #aaa;
}

.footer-additional .hermes-contact span.label {
	color: #988a7e;
}

.footer-additional .hermes-contact span.value {
	color: #988a7e;
}

footer .widget blockquote.hermes-testimonial {
	background-color: #422f27;
	border-bottom: solid 1px #584639;
}

.hermes-credit {
	color: #988a7e;
}

.hermes-credit a {
	color: #988a7e;
}

.hermes-credit a:hover,
.hermes-credit a:focus {
	color: #c5b9ae;
}

/********************************************************************************************* 

9. Misc

*********************************************************************************************/

/* Pagination */
div.navigation a { background-color: #fff; color: #333; }
div.navigation .current { background-color: #80aa5b; color: #333; }
div.navigation a:hover,
div.navigation a:focus {
	background: none;
	background-color: #80aa5b; 
	color: #333;
}

/* WordPress Search Widget */

.widget_search #s {
	background-color: #f3f3f3;
	border: solid 1px #ccc;
}

/* Caption for images */
.post-single .wp-caption { background-color: #f3f3f3; border-bottom: solid 1px #e3e3e3; }
.post-single .wp-caption-text, .gallery-caption { color:#777; }

/* [gallery] shortcode styling */
.post-single .gallery-icon {
	background-color: #fff;
	border: solid 1px #eeeeee;
}

/* Recent Comments Widget */

.recent-comments-list .post-cover {
	background-color: #e5e5e5;
	border: solid 1px #f1f1f1;
}

/* Twitter Widget */

.hermes-twitter-list .hermes-twitter-item {
	border-bottom: solid 1px #ececec;
}

.twitter-timestamp {
	color: #999;
}

/* Gravity Forms Fixes */

.gform_wrapper .gfield input,
.gform_wrapper .gfield .textarea {
	border: solid 1px #ccc;

}

.gform_wrapper .gfield_required {
	color: #cc333f;
}

/* Booking Form */

#form-booking .hermes-input {
	border: solid 1px #ccc;
}

/********************************************************************************************* 

12. Media Queries 

*********************************************************************************************/   
 
/* Tablet Landscape */
@media screen and (max-width: 960px) {

	/* Make Menu Mobile-Device Friendly */

	.wrapper-menu .toggle_mobile_menu { 
		background: transparent url(../images/icon-lines-grey.png) no-repeat top left; 
	}

	#menu-main li { border-bottom: solid 1px #ccc; }

	#menu-main li li a,
	#menu-main .current-menu-item li a {
		color: #666;
	}

	#menu-main a:hover,
	#menu-main li li a:hover,
	#menu-main a:focus,
	#menu-main li li a:focus { color: #a18032; }

	#menu-main .current-menu-item a, 
	#menu-main .current-item a {
		color: #a18032;
	} 

	#menu-main .dropdown ul li {
	 	border: 0;
	}
	
	#menu-main li li {
		background: none;
	}
	
	#menu-main li li a:hover,
	#menu-main li li a:focus {
		background: none;
	}
	
	#menu-main .dropdown li:hover ul,
	#menu-main .dropdown .sfHover ul {
		border-top: 0;
	}
	
	#menu-main .dropdown li:hover li ul,
	#menu-main .dropdown .sfHover li ul {
		border-top: 0;
	}
	
	#menu-main .sf-sub-indicator { display:none !important; }

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {

	header .wrapper-menu {
		border-bottom: 0;
	}
	
}