/*********************************************************************************************

Theme Name: Castello
Theme URI: http://www.hermesthemes.com/themes/castello/
Version: 1.0.6
Author: HermesThemes.com
Author URI: http://www.hermesthemes.com/
Description: Castello is an exclusive WordPress Theme for Hotels and other related businesses.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, orange, red, white, light, two-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, holiday

The PHP code portions of this theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the HermesThemes.com Proprietary Use License below.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Page Structure: Common elements  ---  All Theme Files
2.  Page Structure: Header -------------  header.php
3.  Navigation  ------------------------  header.php
4.  Page Structure: Main Content  ------  
5.  Content Blocks ---------------------  
6.  Single Post / Page -----------------  single.php, page.php
7.  Comments Styling  ------------------  comments.php
8.  Page Structure: Footer  ------------  footer.php
9.  Misc  ------------------------------
10. Buttons, Forms  --------------------
11. Slideshow  -------------------------
12. Media Queries  ---------------------

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
b, strong { font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul li {list-style-type: none; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
nav ul, nav ol, 
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form, blockquote { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding: 0; }
td { vertical-align: top; }
p {	margin: 0 0 1em; }

/* Smart clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* For IE 6/7 only */
.clearfix {
    *zoom: 1;
}

/********************************************************************************************* 

1. Page Structure: Common layout elements

*********************************************************************************************/

::-moz-selection{color:#fff; }
::selection{color:#fff; }

a { color: #fff; text-decoration:none; }
a:hover { color: #E9DFFF; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }

body {
	background-color: #222;
	color: #aaa;
	font-family: 'Open Sans', Georgia, serif;
	font-size: 62.5%;
	line-height: 1.3em;
	text-align: center;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6, .title-margin {
	color: #f1f1f1;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a, .title-widget a {
	color: #f1f1f1;
}

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 {
	color: #ef4832;
}

#container {
	font-size: 12px;
	line-height: 1.4em;
	padding: 0;
	text-align: center;
	width: 100%;
}

div.wrapper {
	margin: 0 auto;
}

div.wrapper-main {
	text-align: center;
	width: 220px;
}

div.wrapper-center {
	text-align: center;
}

div.wrapper-inside {
	padding: 105px 0 40px;
}

div.cleaner,
div.divider {
	margin:0;
	clear: both; 
	font-size:1px; 
	height: 1px;  
	line-height: 1px; 
}

div.divider {
	border-top: solid 1px #333;
	margin: 20px 0;
}

div.divider-noborder {
	border-top-width: 0;
	margin: 10px 0;
}

div.divider-notop {
	margin-top: 0;
}

.title-xl {
	font-size: 30px;
	line-height: 38px;
}

.title-l {
	font-size: 24px;
	line-height: 32px;
}

.title-m {
	font-size: 18px;
	line-height: 25px;
}

.title-s {
	font-size: 13px;
	line-height: 20px;
}

.title-xs {
	font-size: 12px;
	line-height: 18px;
}

.title-center {
	text-align: center;
}

.type-custom {
	font-family: 'Droid Serif', Georgia, serif;
}

.title-margin {
	margin-bottom: 20px;
}

.title-page {
	letter-spacing: 0;
	margin-bottom: 20px;
}

.title-post {
	margin-bottom: 12px;
}

.title-section {
	margin-bottom: 20px;
}

/********************************************************************************************* 

2. Page Structure: Header

*********************************************************************************************/

header {
	padding: 40px 0 0;
}

#logo {
	margin-bottom: 50px;
	max-width: 100%;
}

#logo .logo-main {
	max-width: 100%;
	height: auto;
}

header .widget {
	color: #999;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: left;
}

/********************************************************************************************* 

3. Navigation

*********************************************************************************************/

#selectnav1 {
	display: none;
}

#menu-main {
	font-family: 'Droid Serif', Georgia, serif;
	margin: 0 10px 30px;
	position: relative;
	text-align: left;
	/* Open Sans 14px 300/400 */
	/* Droid Serif 14-15px 400 */
}

#menu-main a,
#menu-main .current-menu-item li a {
	color: #fff;
}

#menu-main .current-menu-ancestor > a,
#menu-main .current-menu-item a,
#menu-main a:hover {
	color: #b5a6d6;
}

#menu-main li {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative;
}

#menu-main li li {
	text-transform: none;
}

/*** ESSENTIAL STYLES ***/
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 0;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	display: inline-block;
	margin-left: 5px;
}

/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
/* eg. <ul class="sf-menu sf-vertical"> ... */
.sf-vertical ul {
	border: solid 1px #222;
	left:	200px;
	top:	-11px;
	width: 200px;
}

/* Special styling for current page */

.sf-menu .current-menu-item ul,
.sf-menu .current-menu-ancestor ul {
	border: 0;
	display: block !important;
	position: relative;
	margin: 10px 0 0 20px;
	left: auto;
	top: auto;
	width: auto;
	z-index: auto;
	opacity: 1 !important;
}

.current-menu-item .sf-sub-indicator,
.current-menu-ancestor .sf-sub-indicator {
	display: none;
}

.current-menu-item .sub-menu li,
.current-menu-ancestor .sub-menu li {
	background: none !important;
	border-bottom: 0 !important;
	padding: 6px 0 !important;
}

/* */

#menu-main .sub-menu li {
	background-color: #333;
	border-bottom: solid 1px #444;
	font-size: 12px;
	margin-bottom: 0;
	padding: 10px 15px;
	text-align: left;
}

#menu-main .sub-menu a:hover {
	color: #b5a6d6;
}

#menu-main .sub-menu li:hover {
	background-color: #444;
}

#menu-main .social-icons {
	margin: 30px 0 0;
}

#menu-main .social-icons a {
	display: inline-block;
	margin: 0 6px 0 0;
	width: auto;
}

/* Hermes Contacts */

#hermes-contacts {
	margin: 15px 0 40px;
}

.hermes-contacts .hermes-contact {
	display: block;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 8px;
}

.hermes-contact .value {
	color: #ddd;
}

.hermes-contact a {
	color: #fff;
}

.hermes-contact a:hover {
	color: #b5a6d6;
}

/********************************************************************************************* 

4. Page Structure: Main Content

*********************************************************************************************/

.list-view .recent-post:first-child {
	border-top: 0;
}

#hermes-toggle {
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 350px;
	z-index: 20;
	width: 60px;
	height: 60px;
}

.hermes-toggle-arrow {
	background: transparent url(images/hermes-arrows.png) no-repeat;
	display: inline-block;
	height: 60px;
	width: 60px;
	text-indent:-9999px;
} 

.hermes-toggle-show { background-position:-60px 0; filter: alpha(opacity=20); opacity: 0.2; }
.hermes-toggle-hide { background-position: 0 0; filter: alpha(opacity=50); opacity: 0.5; }

.wrapper-main {
	background: #333 url(images/back-aside.png) repeat top left;
	border-bottom: solid 6px #4d3778;
	padding: 0 30px;
	width: 240px;
	position: fixed;
	top: 0;
	left: 20px;
	z-index: 15;
}

#content {
	background: transparent url(images/back-aside.png) repeat top left;
	padding: 0 50px 0;
	text-align: left;
	width: 420px;
	position: absolute;
	top: 0;
	left: 301px;
	z-index: 10;
	min-height: 100%;
}

#container .content-wide {
	width: 420px;
}

#container .content-widest {
	width: 500px;
}

#container .content-max {
	width: 620px;
}

/********************************************************************************************* 

5. Content Blocks

*********************************************************************************************/

/* Blog Posts */

.hermes-posts .hermes-post {
	margin-bottom: 20px;
}

.hermes-post .post-cover {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 20%;
}

.post-cover img {
	height: auto;
	width: 100%;
}

.hermes-post .post-excerpt {
	font-size: 13px;
	line-height: 1.7em;
	overflow: hidden;
}

.hermes-post .post-meta {
	color: #777;
	font-size: 11px;

}

.hermes-icon-social {
	background: transparent url(images/sprite-social-icons.png) no-repeat top left;	
	display: inline-block;
	margin: 0;
}

.hermes-social-24 .icon-facebook { background-position: 0 -32px; }
.hermes-social-24 .icon-twitter { background-position: -256px -32px; }
.hermes-social-24 .icon-foursquare { background-position: -96px -32px; }
.hermes-social-24 .icon-linkedin { background-position: -128px -32px; }
.hermes-social-24 .icon-rss { background-position: -160px -32px; }
.hermes-social-24 .icon-feedburner { background-position: -32px -32px; }
.hermes-social-24 .icon-tripadvisor { background-position: -224px -32px; }
.hermes-social-24 .icon-yelp { background-position: -288px -32px; }
.hermes-social-24 .icon-youtube { background-position: -320px -32px; }
.hermes-social-24 .icon-skype { background-position: -192px -32px; }

.hermes-icon-social {
	background: transparent url(images/sprite-social-icons.png) no-repeat top left;	
	display: inline-block;
	margin: 0 6px 2px 0;
}

.hermes-connect .hermes-social {
	margin-bottom: 8px;
}

.widget .icon-facebook { background-position: 0 0; }
.widget .icon-twitter { background-position: -256px 0; }
.widget .icon-foursquare { background-position: -96px 0; }
.widget .icon-linkedin { background-position: -128px 0; }
.widget .icon-rss { background-position: -160px 0; }
.widget .icon-feedburner { background-position: -32px 0; }
.widget .icon-tripadvisor { background-position: -224px 0; }
.widget .icon-yelp { background-position: -288px 0; }
.widget .icon-youtube { background-position: -320px 0; }
.widget .icon-skype { background-position: -192px 0; }

/* Hermes Testimonials */

.hermes-testimonials .hermes-testimonial {
	margin-bottom: 30px;
}

.hermes-testimonials .hermes-testimonial:last-child {
	margin-bottom: 0;
}

.hermes-testimonial .hermes-testimonial-quote {
	background-color: #333;
	border-top: solid 1px #444;
	font-size: 13px;
	font-style: italic;
	line-height: 22px;
	padding: 20px 30px;
	position: relative;
}

.hermes-testimonial .hermes-testimonial-quote:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 20px;
	border-width: 0 15px 20px 0;
	border-style: solid;
	border-color: transparent #333;
	display: block;
	width: 0;
}

.hermes-testimonial-quote p {
	margin: 0;
}

.hermes-testimonial h2 {
	margin-bottom: 10px;
}

figcaption.hermes-author {
	font-size: 12px;
	margin: 15px 0 0 50px;
}

/* Rates Table */

.hermes-table {
	border-spacing: 0;
	margin: 20px 0;
	width: 100%;
}

.hermes-table a {
	color: #c8decc;
}

.hermes-table a:hover {
	color: #fff;
}

.hermes-table thead {
	border: solid 1px #222;
	border-bottom-width: 0;
}

.hermes-table tbody {
	border: solid 1px #222;
	border-top-width: 0;
}

.hermes-table th,
.hermes-table td {
	padding: 0;
	text-align: center;
}

.hermes-rates th {
	background-color: #537358;
	color: #c8decc;
	font-weight: bold;
	padding: 15px 10px;
}

.hermes-table td {
	padding: 10px 0;
}

.hermes-rates .caption {
	background-color: #5d8a63;
	color: #c8decc;
}

.hermes-rates tbody .caption {
	padding-right: 10px;
	padding-left: 10px; 
}

.hermes-table .value {
	color: #eee;
	font-size: 13px;
}

.hermes-table tr {
	background-color: #333;
	line-height: 22px;
	padding: 0;
}

.hermes-rates .value,
.hermes-room-specs td {
	border-bottom: solid 1px #444;
}

.hermes-room-specs td {
	text-align: left;
}

.hermes-room-specs .caption {
	padding-left: 10px;
	width: 50%;
}

.hermes-table .even {
	background-color: #222;
}

/* Room Template */

.room-section {
	margin-bottom: 20px;
}

/* Gallery Template */

.hermes-gallery-item {
	display: inline;
	float: left;
	margin: 0 5% 20px 0;
	width: 30%;
}

.gallery-item-1 {
	clear: left;
}

.gallery-item-3 {
	margin-right: 0;
}

.hermes-gallery-item .post-cover {
	margin: 0 0 10px;
}

.hermes-gallery-item .post-excerpt {
	text-align: center;
}

/********************************************************************************************* 

6. Single: Post/Page Styling

*********************************************************************************************/

.post-single {
	color: #999;
	font-size: 14px;  
	line-height: 23px; 
	max-width: 100%;
}

.post-meta p.postmeta {
	color: #999;
	font-size: 11px;
}

.post-meta .divider {
	border-top-color: #f1f1f1;
}

.post-meta-single .divider {
	margin: 10px 0;
}

.archive-meta {
	color: #555;
	font-size: 13px;
	line-height: 23px;
}

.post-single h2, 
.post-single h3, 
.post-single h4, 
.post-single h5, 
.post-single h6 {
	font-weight: bold;
	margin: 12px 0 12px;
	line-height: 1.25em; 
}

.post-single h1 {
	font-size: 30px;
	line-height: 38px;
}

.post-single h2 {
	font-size: 24px;
	line-height: 32px;
}

.post-single h3 {
	font-size: 18px;
	line-height: 25px;
}

.post-single h4 {
	font-size: 13px;
	line-height: 24px;
}

.post-single h5 {
	font-size: 12px;
	line-height: 22px;
}

.post-single h6 {
	font-size: 12px;
	line-height: 22px;
}

.post-single p {
	margin-top: 0;
	margin-bottom: 1.5em; 
}

.post-single img {
	margin-bottom: 20px; 
}

.post-single img.alignnone, 
.post-single img.aligncenter, 
.post-single img.alignleft, 
.post-single img.alignright {
	max-width: 100%;
	width:auto;
 	height:auto;
}

.post-single iframe {
	max-width: 100%;
}

.post-single textarea {
	max-width: 97%;
}

.post-single ul, 
.post-single ol {
	margin: 0 0 1em 1em; 
}
.post-single li ul, 
.post-single li ol {
	margin-bottom: 0; 
}
.post-single li {
	list-style-position: outside; 
	margin-left: 20px;
} 
.post-single ul li {
	list-style-type: square;
}
.post-single ol li {
	list-style-type: decimal; 
}
.post-single blockquote {
    color:#999;
    border-left: solid 6px #555;
	font-style: italic;
	font-family: 'Droid Serif', Georgia, serif;
	font-size: 17px;
	line-height: 26px;
    padding: 0 15px;
    margin: 10px;
}
.post-single a {
	text-decoration: none; 
}
.post-single a:hover {
	text-decoration: underline; 
	cursor: pointer; 
}

.hermes-post-share {
	margin: 15px 0;
	padding-bottom: 15px;
}

.post-featured-cover {
	margin: 0 0 20px -40px;
}

/********************************************************************************************* 

7. Comments Styling

*********************************************************************************************/

#hermes-comments {
	margin: 30px 0;
}

.commentlist .comment,
.commentlist .pingback,
.commentlist .trackback {
	border-bottom: solid 1px #333;
	list-style-type: none;
	margin-bottom: 30px;
	padding-bottom: 0;
}

.commentlist > .comment:last-child {
	border-bottom: 0;
	margin-bottom: 30px;
	padding-bottom: 0;
}

.commentlist .children {
	padding-left: 12.9032%;
}

.commentlist .avatar {
	border: 0;
	height: auto;
	width: 100%;
	max-width: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}

.commentlist .byuser .avatar {
	border-color: #ccc;
}

.commentlist .byuser .comment-author-name {
	color: #ef4832;
}

.commentlist .comment-author {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 60px;
	text-align: center;
}

.commentlist .comment-author-name {
	color: #252525;
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	margin-bottom: 8px;
}

.commentlist .comment-timestamp {
	color: #999;
	font-size: 11px;
}

.commentlist .comment-bullet {
	color: #888;
	font-size: 11px;
	margin: 0 2px;
}

.commentlist .comment-body {
	font-size: 13px;
	line-height: 22px;
	overflow: hidden;
	padding-top: 5px;
}

.commentlist .comment-content {
	margin: 15px 0 0;
}

.commentlist .comment-edit-link {
	font-size: 11px;
}

.comment-body p {
	margin: 0 0 1.2em;
}

.comment-awaiting-moderation {
	color: #999;
	font-style: italic;
}

.commentlist .reply {
	margin-top: 10px;
	text-transform: lowercase;
}

.commentlist .comment-reply-link {
	font-size: 11px;
	padding: 4px 10px;
}

/* Comment Form */

#respond .hermes-comment-label {
	display: block;
	margin: 0 0 12px;
}

#respond .hermes-comment-input {
	background-color: #bbb;
	border: solid 1px #222;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 15px;
	padding: 5px;
	width: 70%;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px; 
}

#respond .hermes-comment-input:focus {
	background-color: #f3f3f3;
	border-color: #bdd8e5;
}

#respond .required_lab {
	color: #ef4832;
}

#respond .comment-form-p {
	font-size: 13px;
	margin: 0;
}

#respond .form-submit {
	margin: 0;
}

#respond .comment-notes,
#respond .form-allowed-tags {
	display: none;
}

#respond #submit {
	
}

/* Reply Form */

.comment #respond {
	margin-top: 30px;
}

#reply-title {
	margin: 0 0 20px;
}

#reply-title a {
	color: #1c97d4;
}

#reply-title a:hover {
	color: #ef4832;
}

/********************************************************************************************* 

8. Page Structure: Footer

*********************************************************************************************/

footer {
	line-height: 1.5em;
	padding: 0 0 30px;
}

/* Designed by HermesThemes */

.hermes-credit {
	color: #555;
	font-size: 12px;
	margin: 5px 0 0;
}

.hermes-credit a {
	color: #555;
}

.hermes-credit a:hover {
	color: #b5a6d6;
}

/********************************************************************************************* 

9. Misc

*********************************************************************************************/

/* Pagination */
div.navigation {text-align: center; margin: 20px 0 25px; font-size: 12px; }
div.navigation p {margin: 0;}
div.navigation a {padding: 7px 10px; line-height: 24px; background-color: #555; color: #fff; }
div.navigation .current { font-weight:bold; background-color: #5d8a63; color: #fff; padding: 7px 10px; line-height: 24px;}
div.navigation a:hover {
	background: none;
	background-color: #5d8a63; 
	color: #fff;
}

/* WordPress Search Widget */

.post-single #searchform {
	margin-bottom: 20px;
}

#searchform label {
	display: none;
}

#s {
	background-color: #f3f3f3;
	display: inline;
	float: left;
	border: solid 1px #ccc;
	font-size: 13px;
	margin: 0 3px 20px 0;
	padding: 6px 5px;
	width: 70%;
}

#searchsubmit {
	border: none;
	display: inline;
	float: left;
}

/* Begin Images */
.post-single .aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
.post-single .alignright {	margin: 0 0 5px 20px;	display: inline;	}
.post-single .alignleft {	margin: 0 20px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

/* Caption for images */
.post-single .wp-caption { background-color: #f3f3f3; border-bottom: solid 1px #e3e3e3; padding: 0 0 15px; }
.post-single .wp-caption img { background:none; margin: 0 0 15px; border:0 none; max-width:100%; width: 100%; height:auto; }
.post-single .wp-caption-text, .gallery-caption { color:#777; font-size:11px; line-height: 1.4em; margin:0 10px; }
.post-single .wp-caption.aligncenter { margin:0 auto 15px; }

/* [gallery] shortcode styling */
.post-single .gallery { margin: auto; text-align:center; clear:both; }
.post-single .gallery-icon {
	background-color: #fff;
	border: solid 1px #eeeeee;
	margin-bottom: 10px;
	padding: 4px;
}
.post-single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; }
.post-single .gallery img { width: 100%; height: auto; margin: 0; }
.post-single .gallery-caption { margin-left: 0; }

/* Twitter Widget */

.hermes-twitter-list .hermes-twitter-item {
	border-bottom: solid 1px #ececec;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.hermes-twitter-list .hermes-twitter-item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.twitter-timestamp {
	color: #999;
	font-size: 11px;
	font-style: italic;
	display: block;
}

.hermes-follow-user {
	margin-top: 10px;
}

/* Gravity Forms Fixes */
.gform_wrapper .gform_heading {
	margin-bottom: 20px;
}

.gform_wrapper .gform_fields {
	margin-left: 0;
}

.gform_wrapper .gfield {

}

.gform_wrapper .gfield {
	list-style-type: none;
	margin-left: 0;
}

.gform_wrapper .gfield_label {
	font-weight: bold;
}

.gform_wrapper .gfield input,
.gform_wrapper .gfield .textarea {
	border: solid 1px #ccc;
	margin-bottom: 10px;
	padding: 5px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px; 
}

.gform_wrapper input[type=text] {
	min-width: 200px;
}

.gform_wrapper .gfield_required {
	color: #cc333f;
	margin-left: 2px;
}

/* WordPress check fixes */

.sticky,
.bypostauthor {
	
}

/********************************************************************************************* 

10. Buttons, Forms

*********************************************************************************************/

.button {
	display: inline;
}

input.button.gform_button,
.button,
#respond #submit,
#searchsubmit {
	font-weight: bold;
	text-align: center;
	padding: 15px 20px;
	border: solid 1px #2b849e;
	cursor: pointer;
	height: auto;
	color: #fff;                
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px;         
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}

input.button.gform_button,
.button.blue,
#searchsubmit {
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #09509a 1px 1px 0;
}

.button.green {
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3e783e 1px 1px 0;
}

.button.orange {
	background-color: #c98610;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610));
	background-image: -moz-linear-gradient(top, #e49d1f, #c98610);
	background-image: -ms-linear-gradient(top, #e49d1f, #c98610);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610));
	background-image: -webkit-linear-gradient(top, #e49d1f, #c98610);
	background-image: -o-linear-gradient(top, #e49d1f, #c98610);
	background-image: linear-gradient(top, #e49d1f, #c98610);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0);
	border-color: #c98610 #c98610 #bf831c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #bf831c 1px 1px 0;
}

#respond #submit,
.button.purple {
	background-color: #4f337d;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d));
	background-image: -moz-linear-gradient(top, #664a96, #4f337d);
	background-image: -ms-linear-gradient(top, #664a96, #4f337d);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d));
	background-image: -webkit-linear-gradient(top, #664a96, #4f337d);
	background-image: -o-linear-gradient(top, #664a96, #4f337d);
	background-image: linear-gradient(top, #664a96, #4f337d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0);
	border-color: #4f337d #4f337d #382458;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3a2164 1px 1px 0;
}

.button.red {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #a8332d 1px 1px 0;	
}

.button.silver {
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #fff 1px 1px 0;
	color: #333;
}

.button.teal {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #2a819a 1px 1px 0;
}

input.button.gform_button:hover,
.button:hover,
#respond #submit:hover,
#searchsubmit:hover {
	background-position: 0 -15px;
	text-decoration: none;
}

input.button.gform_button:active,
.button:active,
#respond #submit:active,
#searchsubmit:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#searchsubmit,
input.button.gform_button,
.button.submit {
	height: auto;
	font-size: 11px;
	padding: 7px 10px;
}

/* Booking Form */

#form-booking .hermes-label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
}

#form-booking .hermes-input {
	background-color: #ccc;
	border: solid 1px #111;
	width: 70%;
	padding: 4px 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#form-booking .hermes-input:focus {
	background-color: #fff;
}

#form-booking .hermes-input-small {
	min-width: 100px;
	width: 20%;
}

#booking-comments {
	height: 100px;
}

#hermes-form-success {
	color: #57a957;
	font-weight: bold;
}

#hermes-form-errors {
	color: #c43c35;
}

/********************************************************************************************* 

11. Slideshow

*********************************************************************************************/

/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

.in-slide-content { 
	background: transparent url(images/back-aside.png) repeat top left;
	float:right;
	margin: 0;
	padding: 20px;
	position:absolute;
	top: 30px;
	right: 50px;
	z-index:100;
	-webkit-font-smoothing:antialiased;
}

.in-slide-content h3 {
	color: #fff;
}

/* I wanted to center my loader */
#cycle-loader {
	height:32px;
	left:50%;
	margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
}

/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
#hermes-gallery {
	display:none; /* Only use this if you fade it in again after the images load */
	position:fixed !important;
	z-index: -10;
}

#hermes-arrow-left,
#hermes-arrow-right {
	display: block;
	padding: 0 10px;
	width: 60px;
}

.hermes-slider-arrow {
	background: transparent url(images/sprite-arrows.png) no-repeat top left;
	bottom: 40px;
	display: inline-block;
	height: 60px;
	width: 60px;
	padding: 0;
	position: fixed;
	right: 40px;
	z-index: 100;

}

.hermes-arrow-left {
	right:110px;
}

.hermes-arrow-right {
	background-position: 0 -60px;
}

.hermes-arrow-left:hover,
.hermes-arrow-left:active {
	background-position: -60px 0;
	-webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;
}

.hermes-arrow-right:hover,
.hermes-arrow-right:active {
	background-position: -60px -60px;
	-webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;
}


/********************************************************************************************* 

12. Media Queries 

*********************************************************************************************/   


/* Tablet Landscape */
@media screen and (max-width: 1020px) {

	#container .content-max {
		width: 560px;
	}

}

/* Tablet Landscape */
@media screen and (max-width: 960px) {

	div.wrapper-main {
		left: 0;
		padding-right: 20px;
		padding-left: 20px;
		width: 180px;
	}
	
	#logo {
		margin-bottom: 25px;
	}
	
	#logo img {
		height: auto;
		max-width: 100%;
	}
	
	#content {
		left: 221px;
		padding-right: 40px;
		padding-left: 40px;
	}
	
	#hermes-toggle {
		left: 260px;
	}

	#container .content-widest {
		width: 420px;
	}
	
	#container .content-max {
		width: 65%;
	}

	#menu-main {
		margin: 0 0 30px;
		text-align: center;
	}
	
	#menu-main-menu {
		display: none;
	}

	#selectnav1 {
		display: inline-block;]
	}

	.hermes-slider-arrow {
		bottom: 20px;
	}
	
}

/* Tabled Portrait */
@media screen and (max-width: 870px) {
	#container .content-max {
		width: 60%;
	}	
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

	.hermes-contacts .hermes-contact {
		font-size: 11px;
		line-height: 18px;
	}
	
	#content {
		padding-right: 30px;
		padding-left: 30px;
	}

	#container .content-max {
		width: 55%;
	}	

	#hermes-toggle {
		left: 250px;
	}

	#container .content-widest,
	#container .content-wide {
		width: 320px;
	}
	
	.hermes-slider-arrow {
		bottom: 40%;
		right: 10px;
	}

	.hermes-arrow-left {
		left: 10px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	header {
		padding-top: 20px;
	}

	div.wrapper-main {
		margin: 0 0 30px 3%;
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		width: 240px;
	}
	
	#content {
		margin: 20px auto;
		position: relative;
		top: 0;
		left: 0;
		min-height: auto;
	}
	
	#hermes-toggle {
		left: auto;
		right: 20px;
	}

	#container .content-max,
	#container .content-widest,
	#container .content-wide {
		padding: 0 5%;
		width: 90%;
	}

	div.wrapper-inside {
		padding-top: 20px;
	}

	.post-single {
		font-size: 13px;
		line-height: 21px;
	}
	#TB_overlay {width:100%; }
	#TB_image {width:100%; }
	
	.formfield {width:80px!important;}
	
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {


	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {



}