/**
 * Theme Name: Velo
 * Theme URI: http://velobandb.com/
 * Description: For Misha's bed and breakfast.
 * Version: 0.1
 * Author: Bob Passaro
 * Author URI: http://bobpassaro.com
 * Tags: 
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: live-wire
 */

/*
color palette
green: 739730
brown: 642316
orange: e3593d
blue: 7aa5bd
dark blue: 4462A4

fonts:
font-family: 'Philosopher', sans-serif;
font-family: 'Lato', sans-serif; (Lato:300,900) 

	-moz-box-shadow: 0 0 6px 1px #656565;
	-webkit-box-shadow: 0 0 6px 1px #656565;
	box-shadow: 0 0 6px 1px #656565;
	box-shadow: -5px 0px 5px -3px #656565 inset;
	-moz-box-shadow: -5px 0px 5px -3px #656565 inset;
	-webkit-box-shadow: -5px 0px 5px -3px #656565 inset;


*/


/* =CSS Resets (Normalize). @link: https://raw.github.com/necolas/normalize.css/master/normalize.css
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{ display:block}audio,canvas,video{ display:inline-block; *display:inline; *zoom:1}audio:not([controls]){ display:none}[hidden]{ display:none}html{ font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}html,button,input,select,textarea{ font-family:sans-serif}body{ margin:0}a:focus{ outline:thin dotted}a:hover,a:active{ outline:0}h1{ font-size:2em; margin:0.67em 0}h2{ font-size:1.5em; margin:0.83em 0}h3{ font-size:1.17em; margin:1em 0}h4{ font-size:1em; margin:1.33em 0}h5{ font-size:0.83em; margin:1.67em 0}h6{ font-size:0.75em; margin:2.33em 0}abbr[title]{ border-bottom:1px dotted}b,strong{ font-weight:bold}blockquote{ margin:1em 40px}dfn{ font-style:italic}mark{ background:#ff0; color:#000}pre,code,kbd,samp{ font-family:monospace,serif; _font-family:'courier new',monospace; font-size:1em}pre{ white-space:pre; white-space:pre-wrap; word-wrap:break-word}q{ quotes:none}q:before,q:after{ content:''; content:none}small{ font-size:75%}sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline}sup{ top:-0.5em}sub{ bottom:-0.25em}ul,ol{ margin-left:0; padding:0 0 0 40px}dd{ margin:0 0 0 40px}nav ul,nav ol{ list-style:none; list-style-image:none}img{ border:0; -ms-interpolation-mode:bicubic}svg:not(:root){ overflow:hidden}figure{ margin:0}form{ margin:0}fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}legend{ border:0; padding:0; white-space:normal; *margin-left:-7px}button,input,select,textarea{ font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}button,input{ line-height:normal},input[type="button"],input[type="reset"],input[type="submit"]{ cursor:pointer; -webkit-appearance:button; *overflow:visible}button[disabled],input[disabled]{ cursor:default}input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; padding:0; *height:13px; *width:13px}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,input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0}textarea{ overflow:auto; vertical-align:top}table{ border-collapse:collapse; border-spacing:0}.alignleft,.left{float:left;margin:1em 1.25em 0.5em 0}.alignright,.right{float:right;margin:1em 0 0.5em 1.25em}.aligncenter,.center{display:block;margin:1em auto}.alignnone,.block{clear:both;margin:1em 0}.clear{clear:both}blockquote.alignleft,blockquote.alignright{width:33%}


/* =Layout for all devices
-------------------------------------------------------------- */

/* Drop-downs. */
div.menu ul{margin:0;padding:0;list-style:none;line-height:2.0}div.menu ul ul{position:absolute;top:-999em;width:10em}div.menu ul ul li{width:100%}div.menu li:hover{visibility:inherit}div.menu li{float:left;position:relative}div.menu a{display:block;position:relative}div.menu li:hover ul,li.sfHover ul{left:0;top:2em;z-index:99}div.menu li:hover li ul,li.sfHover li ul{top:-999em}div.menu li li:hover ul,li li.sfHover ul{left:10em;top:0}div.menu li li:hover li ul,li li.sfHover li ul{top:-999em}div.menu li li li:hover ul,li li li.sfHover ul{left:10em;top:0}
 
/* Gallery. */
.gallery{display:block;clear:both;overflow:hidden;margin:0 auto}.gallery .gallery-row{display:block;clear:both;overflow:hidden;margin:0}.gallery .gallery-item{overflow:hidden;float:left;margin:0;text-align:center;list-style:none;padding:0}.gallery .gallery-item .gallery-icon img{width:auto;max-width:89%;height:auto;padding:1%;margin:0 auto}.gallery-caption{margin-left:0}.gallery .col-0{width:100%}.gallery .col-1{width:100%}.gallery .col-2{width:50%}.gallery .col-3{width:33.33%}.gallery .col-4{width:25%}.gallery .col-5{width:20%}.gallery .col-6{width:16.66%}.gallery .col-7{width:14.28%}.gallery .col-8{width:12.5%}.gallery .col-9{width:11.11%}.gallery .col-10{width:10%}.gallery .col-11{width:9.09%}.gallery .col-12{width:8.33%}.gallery .col-13{width:7.69%}.gallery .col-14{width:7.14%}.gallery .col-15{width:6.66%}.gallery .col-16{width:6.25%}.gallery .col-17{width:5.88%}.gallery .col-18{width:5.55%}.gallery .col-19{width:5.26%}.gallery .col-20{width:5%}.gallery .col-21{width:4.76%}.gallery .col-22{width:4.54%}.gallery .col-23{width:4.34%}.gallery .col-24{width:4.16%}.gallery .col-25{width:4%}.gallery .col-26{width:3.84%}.gallery .col-27{width:3.7%}.gallery .col-28{width:3.57%}.gallery .col-29{width:3.44%}.gallery .col-30{width:3.33%}

body {
	font: normal 300 normal 100%/1.8 'Lato', sans-serif; /* 24px / 16px = 1.5 */
	padding: 0;
	background-color: #7aa5bd;
}

/* Images, embed */
img,
object,
embed {
	max-width: 100%;
}
img {
	height: auto;
}
.fluid-width-video-wrapper {
	-moz-box-shadow: 0 0 8px 1px #666;
	-webkit-box-shadow: 0 0 8px 1px #666;
	box-shadow: 0 0 8px 1px #666;
}

/* Links */
a,
a:visited {
	color: #0000ff;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
	font-style: normal;
    font-weight: 900;
	margin-top: 0;
	line-height: 1.2em;
}
h4 {
	font-size: 1em; /* 17px / 16px = 1.0625 */
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.9375em; /* 15px / 16px = 0.9375 */
}

/* Lists */
ul {
	list-style-type: square;
}
dl dt {
	font-size: .95em;
}
dl dd {
	color: #222;
}

/* Blockquotes */
blockquote {
	color: #777;
	font-family: 'Lato', sans-serif;
	height: 100%; /* IE7 */
	margin: 0 0;
	padding: 0 2em;
}
#content blockquote p:last-child {
	margin-bottom: 0;
}
blockquote blockquote {
	padding: 0.375em 2em;
}
#content p.quote-attribution {
	text-align: right;
	font-weight: 700;
	margin: 0 0 3em 0;
}

/* Code */
code {
	background: #cdcdcd;
	color: #555;
	padding: 0 0.1875em;
}
pre {
	background: #cdcdcd;
	border: 1px solid #739730;
	color: #555;
	font-size: .9375em;
	padding: 2em;
}
pre code {
	padding: 0;
}

/* Acronyms and abbreviations */
acronym,
abbr {
	border-bottom: 1px dotted #739730;
}

/* Tables */
table {
	font-family: 'Lato', sans-serif;
	background: #fff;
	margin: 0 0 1em 0;
	width: 100%;
}
table caption {
	color: #000;
	text-transform: uppercase;
}
th {
	background: #cdcdcd;
	border-top: 1px solid #739730;
	border-bottom: 1px solid #739730;
	border-right: 1px solid #739730;
	color: #555;
	padding: .5em 1%;
	text-align: left;
}
td,
tbody th {
	border-bottom: 1px solid #739730;
	border-right: 1px solid #739730;
	font-size: .9375em;
	padding: .5em 1%;
}

/* forms */

/* Horizontal rule */
hr {
	background: #739730;
	height: .25em;
}


/* =Images
-------------------------------------------------------------- */

.hfeed img,
.avatar {
	height: auto;
}

/* Avatars */
.avatar {
	float: left;
	margin: 0 1em .5em 0;
}
.format-status .avatar {
	margin-bottom: 1.5em;
	width: 80px;
	height: 80px;
}

/* Captions */
.wp-caption {
	max-width: 100%;
	overflow: visible;
	padding: 0;
}
.wp-caption img {
	margin: 0;
	width: 100%;
}
.wp-caption-text {
	color: #555;
	font: italic normal normal 0.875em/1.6 'Lato', sans-serif;
	margin: -0.357142857em 0 0 0;
	max-width: 100%;
	padding: 0 0.714285714em 0.571428571em;
	text-align: center;
}
#content p.wp-caption-text {
	margin-top: 0;
}

.aligncenter, .center {
	margin: 1em auto 2em;
}

/* Thumbnails */

/* Galleries */
.gallery {
	margin-bottom: 1.5em !important;
}
.gallery-caption {
	display: none; /* Hides gallery captions. */
}
.hentry .gallery .gallery-icon .attachment-thumbnail {
	padding: 2%;
}
.singular-attachment .hentry .gallery .gallery-icon .attachment-thumbnail {
	padding: 3%;
}

/* WP smiley */
img.wp-smiley {
	background: transparent !important;
	border: none !important;
	margin: 0 !important;
	max-height: 12px !important;
	padding: 0 !important;
}

/* Menu secondary -- common formatting features for main block. See media queries for size/position quantities */

.logged-in #menu-secondary {
	top: 32px;
}
#menu-secondary {
	position: fixed;
	max-width: 1400px;
	width: 100%;
	z-index: 999;
	background-color: #e3593d; /* orange */
}
#menu-secondary .wrap {
	margin: 0 auto;
}
#menu-secondary div.menu {
}
#menu-secondary ul {
	margin-left: 110px;
}
#menu-secondary li {
	text-align: center;
}
#menu-secondary li a {
	color: #000;
	border-right: solid 1px #000;
	font: normal normal 700 0.8em/1.1em 'Lato', sans-serif;
	letter-spacing: 1px;
	padding: 7px 15px; /* 10px / 11px = 0.909090909 and 20px / 11px = 1.81818182  */
	text-transform: uppercase;
	margin: 8px 0;
}
#menu-secondary li:last-child a {
	border-right: none;
}
#menu-secondary li li a {
	color: #000;
}
#menu-secondary li.current-menu-item a {
	background-color: #f0664a; /* light orange */
}
#menu-secondary li a:hover,
#menu-secondary li.sfHover a {
	background-color: #f0664a; /* light orange */
	text-decoration: none;
}
#menu-secondary li li a,
#menu-secondary li.sfHover li a,
#menu-secondary li li.sfHover li a {
	background: #cdcdcd;
	color: #000;
	border-right: none;
	border-left: 0.454545455em solid #525055; /* 5px / 11px = 0.454545455 */
	border-bottom: 1px solid #fff;
	padding-left: 1.81818182em; /* 20px / 11px = 1.81818182 */
}
#menu-secondary li li.current-menu-item a,
#menu-secondary li li.sfHover li.current-menu-item a {
	border-left: 0.454545455em solid #f9f2de; /* 5px / 11px = 0.454545455 */
	color: #000;
}
#menu-secondary li li a:hover,
#menu-secondary li li.sfHover a,
#menu-secondary li li.sfHover li a:hover {
	background: #F8FFAA;
	border-left: 0.454545455em solid #525055;
}

/* Drop-down styles */
#menu-secondary li:hover ul,
#menu-secondary li.sfHover ul {
	top: 2.0625em; /* 33px / 16px = 2.0625 */
}
#menu-secondary li:hover li ul,
#menu-secondary li.sfHover li ul {
	top: -999em;
}
#menu-secondary li li:hover ul,
#menu-secondary li li.sfHover ul {
	margin-left: 0;
	padding-bottom: 0;
	top: 0;
}
	
/* Sub-nav indicator */
#menu-secondary a.sf-with-ul {
	padding-right: 2.54545455em; /* 28px / 11px = 2.54545455 */
}
#menu-secondary li .sf-sub-indicator {
	background: url('images/menu-plus.png') no-repeat 0 0;
	background-position: 0 -6px;
	overflow: hidden;
	position: absolute;
	top: 1.18181818em; /* 13px / 11px = 1.18181818 */
	right: 1.09090909em; /* 12px / 11px = 1.09090909 */
	width: 6px;
	height: 6px;
	text-indent: -9999em;
}
#menu-secondary li a:hover .sf-sub-indicator, 
#menu-secondary li.sfHover .sf-sub-indicator,
#menu-secondary li.current-menu-item .sf-sub-indicator {
	background-position: 0 -6px;
}
#menu-secondary li ul li .sf-sub-indicator,
#menu-secondary li ul li.current-menu-item li .sf-sub-indicator {
	background-position: 0 -6px !important;
	top: 1.18181818em; /* 13px / 11px = 1.18181818 */
	width: 6px;
	height: 6px;
}	

/* =STRUCTURE
--------------------------------------------------------------*/
/* Basic grid
	1040px max content width
	8-column grid: 130px at max-width = 12.5%
	130px column includes 10px margin right and left (or 0.961538%)
	
------------------------*/

/* Container -- includes header and footer */
#container {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
	-moz-box-shadow: 0 0 6px 1px #656565;
	-webkit-box-shadow: 0 0 6px 1px #656565;
	box-shadow: 0 0 6px 1px #656565;
}

/* Main -- excludes header and footer */

#main {
	max-width: 585px;
	margin: -30px auto 0;
	overflow: hidden;
	padding: 0 10px;
}
#main .wrap {
	padding: 0;
	overflow: hidden;
}
#content {
	float: none;
	width: 100%;
}
.entry-content {
	margin: 0;
}

/* =LANDING PAGE
--------------------------------------------------------------*/

.home #main {
	max-width: 780px;
}
.home .entry-content {
	margin: 0;
}
.home .entry-title {
	display: none;
}
.home h6 {
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: 1.8em;
	margin-bottom: 0;
}
.home #content p {
	margin-bottom: 0;
}
.home .aligncenter, .center {
	margin: 1em auto 1em;
}
.color-1 {
	color: #642316;
	padding-right: .2em;
}
.color-2 {
	color: #739730;
	padding-right: .2em;
}
.kicker {
	text-transform: none;
	color: #e3593d;
}
.justify {
	text-align: justify;
}

/* =MAPPRESS
--------------------------------------------------------------*/

.mapp-layout {
	margin: 0 0 2em 0 !important;
}

/* =EXPANDABLE/COLLAPSABLE LISTS
--------------------------------------------------------------*/

.expando-click {
	padding-left: 14px;
	background: transparent 0 5px no-repeat url('images/triangle.png');
}
.down-arrow {
	background: transparent 0px -14px no-repeat url('images/triangle.png');
}

.expandable-list {
	display: none;
}
/* =SHAREDADDY
--------------------------------------------------------------*/

.loop-description .sharedaddy, .sticky .sharedaddy, .jigoshop .sharedaddy {
	display: none;
}


/* =POSTS
-------------------------------------------------------------- */

/* Posts */
#content p {
	margin: 1.2em 0;
}
.blog .hentry {
	border-bottom: 1px solid #525055;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}
.singular .hentry {
	border-bottom: none;
	margin-bottom: 3em;
	padding-bottom: 0;
}
.sticky {
	background: #cdcdcd;
	border: 1px solid #525055;
	margin-top: 1em;
	padding: 3%;
}

/* Post titles */
.entry-title, .loop-title {
	margin: 0 0 -50px;
	font-family: 'Lato';
	font-size: 8em;
	color: #ddd;
	font-weight: 700;
	text-align: center;
}
.entry-title a {
	color: #000;
}
.entry-content .gallery {
	margin-top: 16px;
}
#content h2 {
	font-size: 2em;
	font-weight: 900;
	text-align: center;
	margin-bottom: -10px;
}
#content h2 a {
	color: #000;
	border-bottom: 2px solid #000;
}
#content h2 a:hover {
	color: #000;
	border-bottom: 2px solid #0000ff;
	text-decoration: none;
}
#content h3 {
	font-size: 1.1em;
	margin: 1.2em 0;
	font-weight: 900;
}
/* Bubble buttons - common styling; see media queries for more */
a.bubble {
	display: block;
	color: #642316;
	font: normal normal 700 0.75em/1.2 'Lato', sans-serif;
    text-align: center;
}
a.room-gallery {
	background: no-repeat url('images/small-gallery-circle.png');
	height: 98px;
	width: 98px;
    position: absolute;
    top: 0;
    right: 10%;
    font-size: .75em;
    padding-top: 32px;
}
.phantom-gallery {
	display: none;
}

/* Other buttons */
.button-image {
	position: relative;
}


/* Bylines */
.byline {
	color: #0f4082;
	font-size: .875em/1.2;
	font-style: italic;
	margin: 1em 0 1em;
}
	
/* Entry meta */
.entry-meta {
	clear: both;
	color: #0f4082;
	font-size: .875em/1.5;
}
.singular .entry-meta .category,
.singular .entry-meta .post_tag {
	display: block;
}

/* More link */
a.more-link  {
	background: #f8ed5b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #0f4082;
	display: inline-block;
	font: normal normal bold 0.875em/1.2 'Lato', sans-serif;
	margin: 0 0.714285714em 0 0;
	padding: 0.857142857em 1.07142857em;
}
a.more-link:hover {
	background: #F8FFAA;
	color: #0f4082;
	text-decoration: none;
}

/* Loop meta */
.loop-meta {
	overflow: hidden;
}
.loop-meta .loop-title {
	color: #0f4082;
}
.loop-meta .loop-description {
	color: #0f4082;
	font-style: italic;
}

/* Buttons */

a.link-button {
	display: inline-block;
	background-color: #e3593d;
	color: #642316;
	font: normal normal 700 0.8em/1.1 'Lato', sans-serif;
	width: 35%;
	padding: .7em 5%;
    text-align: center;
	margin: 1% 2% 1% 0;
}
a.link-button:hover {
	background-color: #f0664a;
	text-decoration: none;
}
.buttons {
	text-align: center;
	margin-bottom: 2em;
}
.buttons.lineup {
	margin-bottom: 0;
}


/* =Pagination and prev/next links
-------------------------------------------------------------- */

.pagination, .page-links, .comment-pagination {
	clear: both;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 1.71428571em 0;
	overflow: hidden;
}
.pagination {
	margin-bottom: 1.71428571em;
	padding-bottom: 0.142857143em;
	text-align: center;
}
.page-links {
	padding: 0.5em 0 0 0;
}
.pagination .page-numbers,
.page-links a {
	background: #f8ed5b;
	color: #0f4082;
	display: inline-block;
	font: normal normal bold 0.875em/1.2 'Lato', sans-serif;
	margin: 0 0.714285714em 0 0;
	padding: 0.857142857em 1.07142857em;
	text-transform: uppercase;
}
.pagination .next {
	margin-right: 0;
}
.pagination .meta-nav,
.loop-nav .meta-nav {
	font-size: 0.875em;
}
.page-links a {
	margin: 0 0.214285714em;
	padding: 1em 1.5em;
}
.entry-summary .page-links a {
	padding: 0.75em 1em;
}
.pagination .page-numbers:hover,
.page-links a:hover {
	background: #F8FFAA;
}
.pagination .dots:hover {
	background: #F8FFAA;
}
.pagination .current {
	background: #f8ed5b;
}
.loop-nav,
.loop-pagination {
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1em;
	margin: 1em 0 2em 0;
	overflow: hidden;
}
.loop-nav .previous,
.loop-nav .next {
	background: #f8ed5b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #525055;
	float: left;
	font: normal normal bold 0.875em/1.2 'Lato', sans-serif;
	margin: 0;
	padding: 1em 1.5em;
	text-transform: uppercase;
}
.loop-nav .next {
	float: right;
	text-align: right;
}
.loop-nav a:hover {
	text-decoration: none;
}
.loop-nav a:hover span {
	background: #F8FFAA;
	color: #525055;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	color: #525055;
}
.widget-title {
	color: #525055;
	font-weight: 900;
	margin-bottom: .6em;
	text-align: left;
	padding-left: 20px;
}
.widget img {
	max-width: 100%;
}
.xoxo li a {
	color: #525055;
	font-weight: 900;
}

/* =Search/forms
-------------------------------------------------------------- */

input[type="text"],
input[type="password"] {
	background: #cdcdcd;
	border: none;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 3px 0px #111;
	-webkit-box-shadow: inset 0 0 3px 0px #111;
	box-shadow: inset 0 0 6px 0px #111;
	color: #525055;
	display: block;
	padding: 0.5em;
}
input[type="text"]:focus,
input[type="password"]:focus {
	background: #fff;
}
input[type="submit"] {
	background: #e3593d;
	color: #000;
	display: block;
	font: normal normal bold 0.875em/1.2 'Lato', sans-serif;
	padding: 0.857142857em 1.07142857em;
	text-transform: uppercase;
}
input[type="submit"]:hover {
	color: #fff;
}

/* =Comments
-------------------------------------------------------------- */

#comments-number {
	border-bottom: 1px solid #ebeae8;
	padding-bottom: 1em;
}

/* Comments closed */
.comments-closed {
	color: #525055;
	padding: 0 1.5em;
}

/* Comment pagination */
.comments-nav {
	float: right;
	line-height: 2em;
	margin: 0 0 1em 0;
	position: relative;
}
.comments-nav .page-numbers {
	color: #525055;
}

/* Comment list */
.comment-list,
.comment-list ol.children {
	list-style: none;
	margin: 0 0 2em 0;
}
ol.comment-list {
	padding: 0;
}
.comment-list ol.children {
	margin-left: 1%;
	margin-bottom: 0;
	padding: 0;
}
.comment-list li.comment,
.comment-list li.pingback,
.comment-list li.trackback {
	border-bottom: 1px solid #ebeae8;
	clear: both;
	margin-bottom: 1.5em;
	overflow: hidden;
}
.comment-list li li.comment {
	border-bottom: none;
	margin-bottom: 0;
	padding: 1.5em 0 0 0;
	overflow: hidden; /* IE7 */
}

/* Avatars */
.comment-list .avatar {
	float: none;
	margin: 0 1.5em 1.5em 0;
	width: 80px;
	height: 80px;
}
.comment-list li li .avatar {
	margin-bottom: 0.375em;
	padding: 0.175em;
	width: 60px;
	height: 60px;
}

/* Comment meta */
.comment-meta {
	color: #555;
	font: normal normal normal 0.875em/1.2 'Lato', sans-serif;
	margin-bottom: 0.714285714em;
}
.comment-list li.pingback .comment-meta,
.comment-list li.trackback .comment-meta {
	margin-bottom: 1.5em;
}
.comment-meta .published abbr {
	font-style: italic;
}
.comment-author {
	display: block;
}
.comment-author cite {
	font-weight: bold;
}
.pingback .comment-author cite,
.trackback .comment-author cite {
	font-style: italic;
}
.comment-reply-link {
}

/* Comment text */
.comment-text {
	overflow: hidden;
}
.comment-list li li.comment .comment-text {
	overflow: visible;
}
.comment-list li li.has-avatar .comment-text {
	margin-left: 0;
}
.comment-text .moderation {
	font-style: italic;
	color: #555;
}

/* =Comment form
-------------------------------------------------------------- */

#respond {
	margin-bottom: 1.5em;
	overflow: hidden;
}

/* Cancel reply link */
#reply-title small a {
	font: bold 0.875em/1.2 'Lato', sans-serif;
	margin-left: 1em;
}

/* Comment form paragraphs */
#respond p.form-author {
	float: left;
	width: 50%;
}
#respond p.form-email {
	float: right;
	overflow: hidden;
	width: 50%;
}
#respond p.form-url {
	clear: both;
}

/* Comment form labels */
#respond label {
	font: normal 1em/1.8 'Lato', sans-serif;
}
#respond p.form-email label {
	padding: 0;
}
#respond span.required {
	font-size: 1em;
	font-weight: bold;
}

/* Comment form inputs and textarea elements */
#respond input[type="text"],
#respond textarea {
	background: #cdcdcd;
	border: 1px solid #e5e5e5;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #555;
	display: block;
	padding: 0.5em;
	width: 100%;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	background: #fff;
}
#respond p.form-author input[type="text"] {
	width: 90%;
}
#respond p.form-email input[type="text"],
#respond p.form-email label {
	width: 90%;
	float: right;
}

/* Submit button */
#respond #submit {
	float: right;
	margin: 0 0 1em 1em;
	padding: 1em 1.5em;
}

/* =Booking calendars
-------------------------------------------------------------- */



/* =Footer area
-------------------------------------------------------------- */

/* Sidebar subsidiary */
#sidebar-subsidiary {
	font-size: .9em;
	padding: 0 2%;
	background-color: #e3593d;
}
#sidebar-subsidiary .wrap {
	max-width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}
#sidebar-subsidiary .widget {
}
#sidebar-subsidiary a {
	display: block;
	width: 25%;
	color: #000;
	font-weight: 700;
	float: left;
	text-align: center;
	padding: .1em 12px;
	border-left: solid 1px #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: .5em 0;
}
#sidebar-subsidiary a.first-button {
	border-left: none;
}
#sidebar-subsidiary a:hover {
	background-color: #f0664a;
	text-decoration: none;
}
/* Footer */

#footer {
	font-size: .8em;
	text-align: center;
}
#footer .wrap {
	padding: 10px 4%;
}
#footer p {
	margin: 0 0 0 0;
}

/*
.search input[type="text"] {
	float: left;
}
.search input[type="submit"] {
	width: 34px;
	height: 34px;
	background: transparent 0 0 no-repeat url('images/search-sprite.png');
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: transparent;
	float: left;
}
.search input[type="submit"]:hover {
	background-position: -34px 0;
}
#footer .search {
	float: right;
}
*/

/* Branding common code */
#branding {
}
#site-title a span {
	display: none;
}

/* Styles for mobile menu */

@media screen and (max-width: 799px) {

.menu-toggle {
	display: block;
	height: 40px;
	width: 35px;
	position: relative;
	top: 6px;
	left: 20px;
	z-index: 99999;
	margin: 0;
	text-indent: 0;
	overflow: hidden;
}
.menu-toggle a {
	display: block;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        color: #000;
        padding-top: 20px;
	width: 100%;
	height: 100%;
    background: transparent url('images/menu_icon2.png') no-repeat left top;
}
.menu-toggle a:hover, .menu-toggle a:focus, menu-toggle a:visited {
       text-decoration: none;
}
.menu-toggle a.show-x {
    background: transparent url('images/menu_icon2.png') no-repeat right top;
}
#menu-secondary {
	position: absolute;
	z-index: 0;
	top: 50px;
	left: -120px;
	width: 90px;
	overflow: hidden;
	opacity: .95;
	border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	box-shadow: 0px 0px 3px 2px #858585;
	-moz-box-shadow: 0px 0px 3px 2px #858585;
	-webkit-box-shadow: 0px 0px 3px 2px #858585;
}
#menu-secondary .wrap {
	margin: 0 0 0 0;
	float: none;
	max-width: 100%;
}
#menu-secondary div.menu {
	background: none;
	float: none;
}
#menu-secondary ul {
	width: 100%;
	margin: 8px 0;
}
#menu-secondary li {
	float: none;
	width: 100%;
	border-bottom: solid 1px #000;
	margin: 0;
}
#menu-secondary li:first-child {
	border-top: solid 1px #000;
	margin: 0;
}
#menu-secondary li a {
	border-right: none;
	padding: 18px 20px;
	margin: 0;
	font-size: 0.8em;
	text-align: right;
}
#menu-secondary li.current-menu-item a {
	background-color: #f0664a; /* light orange */
}
}

@media only screen and (min-width: 800px) {
.menu-toggle {
	display: none;
}
}

/* =Layout for mobile phone version 
-------------------------------------------------------------- */

@media screen and (max-width: 799px) {
/* Header */
#header {
	position: relative;
	height: 100px;
	width: 100%;
	border-top: solid 20px #e3593d;
}
#branding {
	width: 134px;
	height: 96px;
	position: absolute;
	z-index: 9999;
	top: -16px;
	left: 25%;
}
#site-title {
	margin: 0;
}
#site-title a {
	display: block;
	width: 134px;
	height: 96px;
	background: transparent left top no-repeat url('images/velo-logo-mobile.png');
}

/* Bubble buttons */
a.header-bubble {
	height: 57px;
	width: 57px;
    position: absolute;
    z-index: 1099;
    font-size: .6em;
    padding-top: 15px;
}
a.gallery-link {
	background: no-repeat 0 0 url('images/gallery-circle-mobile.png');
    top: -26px;
    right: 6%;
}
a.review-link {
	background: no-repeat 0 0 url('images/review-circle-mobile.png');
    top: 20px;
    right: 16%;
}
a.avail-link {
	background: no-repeat 0 0 url('images/avail-circle-mobile.png');
    top: 50px;
    right: 4%;
}

/* Main content */
.entry-title, .loop-title {
	margin: 0 0 -30px;
	font-size: 5em;
}
.entry-content .gallery {
	margin-top: 16px;
}
#content h2 {
	font-size: 1.4em;
	margin-bottom: -10px;
}
#content h3 {
	font-size: 1em;
	margin: 1.2em 0;
}
.home h6 {
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: 1.8em;
	margin-bottom: 0;
}
.home .entry-content {
	margin: -20px 0 0;
}
.singular .hentry {
	margin-bottom: 1em;
}

/* Footer */
#sidebar-subsidiary {
	font-size: .9em;
	padding: 0 2%;
	background-color: #fff;
}
#sidebar-subsidiary a {
	width: 100%;
	border-left: none;
	background-color: #e3593d;
	padding: 10px 0;
	margin-bottom: 1em;
}
#sidebar-subsidiary a.first-button {
	border-left: none;
}

}

@media only screen and (max-width: 500px) {

	/* Buttons */

	a.link-button {
		width: 70%;
		padding: 1em 6%;
		margin: 2% 2% 1% 0;
	}

}



/* =Layout for regular computer version
-------------------------------------------------------------- */

@media only screen and (min-width: 800px) {

/* Main content */
/* site width -- narrower to show blue background on smaller screens */
#container {
	max-width: 1150px;
}

/* Header */
#header {
	position: relative;
	height: 160px;
}
#branding {
	width: 178px;
	height: 178px;
	position: absolute;
	z-index: 9999;
	left: 5%
}
#site-title {
	margin: 0;
}
#site-title a {
	display: block;
	width: 178px;
	height: 178px;
	background: transparent left top no-repeat url('images/velo-logo.png');
}
#site-title a:hover {
	background: transparent -280px top no-repeat url('images/velo-logo.png');
}
#b-and-b {
	display: block;
	width: 120px;
	height: 40px;
	position: absolute;
	top: 108px;
	left: 160px;
	background: transparent -160px -188px no-repeat url('images/velo-logo.png');
}
/* Bubble buttons; .random-sprite styles used in conjunction with randomhover.js to randomize display of background image on hover */
a.header-bubble {
	font-size: .9em;
}
a.gallery-link {
	background: no-repeat 0 -30px url('images/gallery-circle.png');
	height: 80px;
	width: 132px;
    position: absolute;
    z-index: 1099;
    top: 0px;
    right: 8%;
    padding-top: 23px;
}
a.review-link {
	background: no-repeat url('images/testimonial-circle2.png');
	background-position: -1px 0;
	height: 79px;
	width: 125px;
    position: absolute;
    top: 70px;
    right: 16%;
    padding-top: 46px;
	z-index: 10000;
}
a.avail-link {
	background: no-repeat 0 0px url('images/avail-circle.png');
	height: 132px;
	width: 132px;
    position: absolute;
    z-index: 1233;
    top: 130px;
    right: 5%;
    padding-top: 46px;
}
a.avail-link:hover {
	background-position: -154px 0px;
}

a.review-link.random-sprite0:hover, a.review-link.random-sprite3:hover {
	background-position: -249px 0;
}
a.review-link.random-sprite1:hover, a.review-link.random-sprite4:hover {
	background-position: -373px 0;
}
a.review-link.random-sprite2:hover {
	background-position: -125px 0;
}
a.review-link.random-sprite3:hover, a.review-link.random-sprite5:hover {
	background-position: -497px 0;
}

a.random-sprite0:hover {
	background-position: -457px -30px;
}
a.random-sprite1:hover {
	background-position: -610px -30px;
}
a.random-sprite2:hover {
	background-position: -457px -30px;
}
a.random-sprite3:hover {
	background-position: -610px -30px;
}
a.random-sprite4:hover {
	background-position: -763px -30px;
}
a.random-sprite5:hover {
	background-position: -916px -30px;
}
a.first-sprite:hover {
	background: transparent -100px top no-repeat url('images/small-gallery-circle.png');
}
a.second-sprite:hover {
	background: transparent -200px top no-repeat url('images/small-gallery-circle.png');
}
a:hover span.disappear {
	display: none;	
}

/* Menus */

#menu-bar-logo {
	position: fixed;
	z-index: 9999;
	width: 90px;
	height: 55px;
}
#menu-bar-logo a {
	width: 90px;
	height: 55px;
	display: none;
	background: transparent -45px -226px no-repeat url('images/velo-logo.png');
}
#menu-bar-logo a:hover {
	background: transparent -325px -226px no-repeat url('images/velo-logo.png');
}
#menu-secondary {
	top: 0px;
	max-width: 1150px;
}
#menu-secondary .wrap {
	max-width: 75%;
}

/* Footer */
}

/* =Layout for regular computer version
-------------------------------------------------------------- */

@media only screen and (min-width: 1024px) {
#branding {
	left: 12%
}
a.big-circle {
    right: 14%;
}
#menu-secondary .wrap {
	max-width: 60%;
}
}



/* =Layout for large screens
-------------------------------------------------------------- */

@media only screen and (min-width: 1400px) {

/* site width -- wider to show more white space on larger screens */
#branding {
	left: 15%
}
#menu-secondary {
	max-width: 1400px;
}
#container {
	max-width: 1400px;
}
}