/*
Theme Name: Forget Me Knots
Author: Brandon Sullivan
Author URI: http://elsullivano.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.3
License: GNU General Public License
License URI: license.txt
*/


/* =Color
--------------------------------------------------------------
Kuler: Firenze

468966
FFFA05
FFB03b
b64926
8e2800


that 70s green
8AB833

odd purple
7D4BB8

gray: #3e3e3e
tan/green: #a89565
other gray: #5F6364

*/





/* =Fonts
-------------------------------------------------------------- */
@font-face{ 
	font-family: 'FertigoPRO';
	src: url('../fonts/Fertigo_PRO-webfont.eot');
	src: url('../fonts/Fertigo_PRO-webfont.eot?iefix') format('eot'),
	     url('../fonts/Fertigo_PRO-webfont.woff') format('woff'),
	     url('../fonts/Fertigo_PRO-webfont.ttf') format('truetype'),
	     url('../fonts/Fertigo_PRO-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'MuseoSans';
	src: url('../fonts/MuseoSans_500-webfont.eot');
	src: url('../fonts/MuseoSans_500-webfont.eot?iefix') format('eot'),
	     url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
	     url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
	     url('../fonts/MuseoSans_500-webfont.svg#webfont') format('svg');
}



/* =Structure
-------------------------------------------------------------- */

body {
	margin: 0 auto;
	padding: 0;
	font-family: "MuseoSans","Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #333;
	background: url('../images/background_tile.jpg');
	min-height:100%;
}

body p{
	line-height:22px;
}

#body-layer{
 	background: url('../images/gradient.png');	
	width:100%;
	height:100%;
}

a {
	text-decoration:none;
	color:#3e3e3e;
}


#header-wrapper{
	width:1080px;
	margin:0px auto;
}

#body-wrapper{
	width:1080px;
	margin:0px auto;
}

#footer-wrapper{
	width:1080px;
	margin:0px auto;
}

#primary {
	float: left;
	margin: 0 -540px 0 0;
	width: 100%;
	min-height:630px;
}

#content {
	margin: 0 455px 0 0;
}

#secondary {
	float: right;
	overflow: hidden;
	width: 420px;
}

#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */


.main-banner{
	margin:15px 0px 35px 2px;
}

hgroup{
	width:100%;
	margin: 60px 0 0 0;
}

hgroup a{
	font-size:21px;
	color:#781B6D; 
	text-shadow:1px 1px 1px white;
}

hgroup ul li a:hover{
	color:#8AB833;
	border-bottom:thin #8AB833 solid; 
}

hgroup ul.nav-left {
	width:639px;
	padding: 44px 0 0 0;
	margin: 88px 0 0 472px;
}

hgroup ul.nav-left li{
	list-style-type: none;
	display: inline;
	margin: 0 14px 0 0;
}


hgroup ul.nav-right {
	float:left;
	width: 340px;
	padding: 0;
	margin: 90px 0 0 41px;
}

hgroup ul.nav-right li{
	list-style-type:none;
	display: inline;
	margin: 0 22px 0 0;
}

#site-title {
	font-family: "FertigoPRO", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 20px auto 30px auto;
	background:url('../images/forget-me-knots-logo.png') 0 0 no-repeat;
	width:450px;
	height:65px;
	color:#591902;
  text-shadow: 1px 1px 1px white;	
	float:left;
	cursor:pointer;
}

#site-title:hover {
	background:url('../images/forget-me-knots-logo-hover.png') 0 0 no-repeat;
	cursor:pointer;
}


h1#site-title span{
  display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}




#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #eee;
	display: block;
	float: left;
	margin: 0 auto 1em;
	width: 100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 0 1em;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #dedede;
}
#access ul ul a:hover {
	background: #cecece;
}
#access ul li:hover > ul {
	display: block;
}


/* =Content
-------------------------------------------------------------- */

figure {
	margin:0;
}

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


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

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


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

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


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

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

.map{
	width:360px;
	height:360px;
	margin:10px 10px 30px 10px;
	border:thin #000 solid;
}


.mag{
	margin: 37px 0 0 115px;
	font-size:14px;
}

/*
.ladybug{
	background:url('../images/ladynflower.jpg') no-repeat;
	width:220px;
	height:220px;
	margin:32px;
}
*/


/* =Buttons
-------------------------------------------------------------- */

.button-purple{
/*
darker purple 781B6D
lighter purple AB269B
*/
	border: 1px solid #0D2435;
	border-radius:8px;
	color:#fff;
	display:inline-block;
	font-size:1.25em;
	padding:0.75em 1.5em;
	text-align:center;	
	text-shadow:#000 -1px -1px 1px; 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB269B,endColorstr=#781B6D);
background: #3E92D0;
background: -moz-linear-gradient(top, #AB269B 0%, #781B6D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AB269B), color-stop(100%, #781B6D));
background: -webkit-linear-gradient(top, #AB269B 0%, #781B6D 100%);
background: -o-linear-gradient(top, #AB269B 0%, #781B6D 100%);
background: -ms-linear-gradient(top, #AB269B 0%, #781B6D 100%);
background: linear-gradient(top, #AB269B 0%, #781B6D 100%);
zoom: 1;

}


.button-yellow{

/*
lighter yellow FBB040
darker yellow E4822F
*/

padding:16px;
color:#fff;
font-size:26px;
width:220px;
text-align:center;
cursor:pointer;
text-shadow:#000 -1px -1px 1px; 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FBB040,endColorstr=#E4822F);
background: #3E92D0;
background: -moz-linear-gradient(top, #FBB040 0%, #E4822F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBB040), color-stop(100%, #E4822F));
background: -webkit-linear-gradient(top, #FBB040 0%, #E4822F 100%);
background: -o-linear-gradient(top, #FBB040 0%, #E4822F 100%);
background: -ms-linear-gradient(top, #FBB040 0%, #E4822F 100%);
background: linear-gradient(top, #FBB040 0%, #E4822F 100%);
zoom: 1;

border: 1px solid #0D2435;
border-radius:8px;

}

.button-green{

/*
lighter green 8AB833
darker green A1A125
*/

padding:16px;
color:#fff;
font-size:26px;
width:220px;
text-align:center;
cursor:pointer;
text-shadow:#000 -1px -1px 1px; 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8AB833,endColorstr=#A1A125);
background: #3E92D0;
background: -moz-linear-gradient(top, #8AB833 0%, #A1A125 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AB833), color-stop(100%, #A1A125));
background: -webkit-linear-gradient(top, #8AB833 0%, #A1A125 100%);
background: -o-linear-gradient(top, #8AB833 0%, #A1A125 100%);
background: -ms-linear-gradient(top, #8AB833 0%, #A1A125 100%);
background: linear-gradient(top, #8AB833 0%, #A1A125 100%);
zoom: 1;

border: 1px solid #0D2435;
border-radius:8px;



}

.booknow{
	margin:23px 10px 10px 95px;
}



/* =Footer
-------------------------------------------------------------- */
.tree{
	background:url('../images/tree.png') no-repeat;
	height:813px;
  width:360px;
	position:relative;
	z-index;
}

.wave{
	background:url('../images/wave.png') repeat-x;
	height:57px;
  width:100%;
}

.footer-wrapper{
	background:#A1A125;
	width:100%;
	position:relative;
	bottom:0;
	padding:22px 0 22px 0;
	margin:0;
	-moz-box-shadow: -0px -1px 10px 1px #785119;
	-webkit-box-shadow: -0px -1px 10px 1px #785119;
	box-shadow: -0px -1px 10px 1px #785119;
}

#footer-content{
	color:#ffb03b;
	margin:0 auto;
	width:1080px;
}

.footer-block{
	width:220px;
	float:left;
	line-height:22px;
}


.footer-block ul{
	list-style-type:none;
	margin:0 0 0 -40px;
	font-size:16px;
}

.footer-block ul li{
	color:#FDD534;
}

.footer-block a{
	color:#FDD534;
}

.footer-block ul li a:hover{
	text-decoration:underline;
}

.footer-block h4{
	font-size: 17px;
	color: white;
	font-weight: bold;
	border-bottom: thin white solid;
	line-height: 32px;
	width: 190px;
	margin-bottom: 9px;
}



.contact{
	color:#3e3e3e;
	width:400px;
}

.contact h4{
	width:400px;
}



.associations{
	width:846px;
}

.associations h4{
	width:840px;
}

.associations ul{
	float:right;
}

.associations ul li{
	display:inline;
	width:136px;
	padding:0 7px 0 0;
}



.meta {
	color:#3e3e3e;
	width:220px;
}

.meta h4{
	width:190px;
}

.meta ul li{
	color:#3e3e3e;
	font-size:12px;
}



#colophon {
	padding: 1em 0 0;
}



#fs-main {
overflow: hidden !important;
background: white !important;
padding: 20px !important;
border: #CCC thin solid !important;
}

.fs-embed .fs-openings {
border-collapse: collapse;
margin-bottom: 4px;
width: 100%;
}

.fs-embed .fs-openings-list li a{
list-style-type: none;
color:#781B6D;
}

.fs-embed .fs-openings-list li a:hover{
text-decoration:underline;
}

.fs-embed .fs-booking-choices ul li a{
color:#781B6D;
font-size:20px; 
}

.fs-embed .fs-booking-choices ul li a:hover{
text-decoration:underline;
}

.service-heading{
	font-size:24px;
}




.clear{
	clear:both;
}




/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}