@import url('reset.css');
@import url('MyFontsWebfontsKit.css');

body { background-image: url(../images/background.gif); text-align: center; }

h1 { background: url(../images/logo.png) no-repeat top center; text-indent: -9999px; height: 246px; width: 100%; min-width: 940px; position: absolute; z-index: 10; }

.home h2 {font: 16px/24px Gibson-Regular; padding-top: 2px; color: #555; }

.container { width: 940px; margin: 0 auto; clear: both; text-align: left; }
.full-width { width: 100%; clear: both; text-align: left; min-width: 940px; }

.heading { background: url(../images/header.png) no-repeat center top; height: 250px; }

.heading h2 { font: 14px Georgia; color: #9ea1a4; }
.heading h3 { font: 14px Gibson-Regular; color: #79cdcd; text-decoration: none; text-transform: uppercase; }

.heading .left { width: 320px; float: left; z-index: 20; position: relative; text-align: center; margin-top: 80px; }
.heading .left ul.social { margin: 4px 0; }
.heading .left ul.social li { display: inline-block; margin-right: 4px; }
.heading .left ul.social li a { display: block; height: 31px; width: 31px; }
.heading .left ul.social li a.email { background: url(../images/connect.png?v=2) 0 0 no-repeat; }
.heading .left ul.social li a.facebook { background: url(../images/connect.png?v=2) -31px 0 no-repeat; }
.heading .left ul.social li a.twitter { background: url(../images/connect.png?v=2) -62px 0 no-repeat; }
.heading .left ul.social li a.pintrest { background: url(../images/connect.png?v=2) -93px 0 no-repeat; }
.heading .left ul.social li a.instagram { background: url(../images/connect.png?v=2) -124px 0 no-repeat; }
.heading .left ul.social li a.rss { background: url(../images/connect.png?v=2) -155px 0 no-repeat; }
.heading .left ul.social li a.email:hover { background: url(../images/connect.png?v=2) 0 -31px no-repeat; }
.heading .left ul.social li a.facebook:hover { background: url(../images/connect.png?v=2) -31px -31px no-repeat; }
.heading .left ul.social li a.twitter:hover { background: url(../images/connect.png?v=2) -62px -31px no-repeat; }
.heading .left ul.social li a.pintrest:hover { background: url(../images/connect.png?v=2) -93px -31px no-repeat; }
.heading .left ul.social li a.instagram:hover { background: url(../images/connect.png?v=2) -124px -31px no-repeat; }
.heading .left ul.social li a.rss:hover { background: url(../images/connect.png?v=2) -155px -31px no-repeat; }
.heading .left span.social { font: 12px Georgia; color: #9ea1a4; }

.heading .bloglovin { margin-top: 10px; }

.heading .center { width: 300px;  float: left; text-align: center; padding-top: 115px; }

.heading .right { width: 320px; float: right; z-index: 20; position: relative; text-align: center; margin-top: 80px; }
.heading .right form { margin: 4px 0; }
.heading .right form input { padding: 8px; text-align: center; width: 160px; border: 1px solid #9ea1a4; outline: 0; font: 12px Georgia; color: #9ea1a4; }
.heading .right a.search { display: inline-block; height: 31px; width: 32px; background: url(../images/search.png) 0 0 no-repeat; }
.heading .right a.search:hover {  background: url(../images/search.png) 0 -31px no-repeat; }

.navigation { background: url(../images/navbar.png) center; height: 52px; margin: 20px 0; }
.navigation ul.nav-bar { width: 100%; }
.navigation ul.nav-bar-bottom { text-align: left; margin-left: 20px; }
.navigation ul.nav-bar > li { display: inline-block; margin: 0 5px; position: relative; text-align: center; }
.navigation ul.nav-bar > li.first { margin-left: 0;}
.navigation ul.nav-bar > li > a { font: 14px/52px Gibson-Regular; text-transform: uppercase; text-decoration: none; color: #9ea1a4; }
.navigation ul.nav-bar > li > a:hover, ul.nav-bar > li.current > a { border-bottom: 2px solid #4d4d4f; color: #4d4d4f; }

.navigation ul.nav-bar > li > img.arrow { display: none; top: 41px; position: absolute; }
.navigation ul.nav-dropdown { display: none; }
.navigation ul.nav-dropdown.active { display: block; position: absolute; background-color: rgba(190,190,190,0.85); padding: 10px 10px; top: 48px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.navigation ul.nav-dropdown li { margin: 4px 0; }
.navigation ul.nav-dropdown li a { white-space: nowrap; padding: 0 20px; font: 12px Gibson-Regular; text-transform: uppercase; text-decoration: none; color: #fff; }
.navigation ul.nav-dropdown li a:hover, .navigation ul.nav-dropdown li.current a { text-decoration: underline; }

.content { }
.left-col { width: 692px; float: left; }
.right-col { width: 219px; float: right; text-align: center; }

body.home div.article { margin-bottom: 30px; }
.article { border: 1px solid #dbdcdd; background-color: #fff; }
.article h3 { background-color: #94d5d6; padding: 0 16px; padding-top: 2px; }
.article h3 a { font: 16px/50px Gibson-Regular; text-transform: uppercase; color: #fff; text-decoration: none; }
.article h3 a:hover { color: #4d4d4f; }
.article h4 { font: 14px/20px MuseoSlab-500; color: #79cdcd; text-transform: uppercase; }

.article-content .thumbnail { width: 125px; float: left; margin: 0 16px 16px 0; text-align: center; position: relative; }
.article-content .thumbnail img { margin-top: 8px; }
.article-content .thumbnail span.posted { padding: 4px 8px; color: #79cdcd; font: 10px Gibson-Regular; display: block; text-transform: uppercase; }
.article-content .thumbnail a { font: 10px Gibson-Regular; text-transform: uppercase; display: block; text-decoration: none; color: #9ea1a4; }
.article-content .thumbnail a:hover { color: #4d4d4f; }
.article-content div.hero-image { float: left; margin-right: 20px; margin-bottom: 20px; }
.article-content { padding: 20px; }
.article-content p.caption { margin-bottom: 8px; padding: 5px 0; font-style: italic; color: #8c8f92; border-bottom: 1px solid #b1b4b6; line-height: 16px; }
.article-content p.caption-bottom { width: 325px; }
.article-content h5 { border-top: 1px double #79cdcd; border-bottom: 1px double #79cdcd; color: #79cdcd;  text-transform: uppercase; margin: 16px 0; }
.article-content h5 div { border-top: 1px double #79cdcd; border-bottom: 1px double #79cdcd; margin: 2px 0; font: 16px/30px Gibson-Regular; padding-top: 2px; }
.article-content h6 { font: 14px MuseoSlab-500; text-transform: uppercase; color: #79cdcd; }
.article-content div.image { float: right; margin-left: 8px; }

.article-mini-content > div { padding: 20px; min-height: 175px; }
.article-mini-content .thumbnail { width: 218px; float: left; margin: 0 16px 0 0; text-align: center; position: relative; }
.article-mini-content .thumbnail img {  }
.article-mini-content .thumbnail span.posted { padding: 4px 8px; color: #79cdcd; font: 10px Gibson-Regular; display: block; text-transform: uppercase; }
.article-mini-content .thumbnail a { font: 10px Gibson-Regular; text-transform: uppercase; display: block; text-decoration: none; color: #9ea1a4; }
.article-mini-content .thumbnail a:hover { color: #4d4d4f; }
.article-mini-content .share { margin-top: 10px; }
.article-mini-content div.hero-image { float: left; margin-right: 20px; margin-bottom: 20px; }
.article-mini-content { }
.article-mini-content p.caption { margin-bottom: 8px; padding: 5px 0; font-style: italic; color: #8c8f92; border-bottom: 1px solid #b1b4b6; line-height: 16px; }
.article-mini-content p.caption-bottom { width: 325px; }
.article-mini-content h5 { border-top: 1px double #79cdcd; border-bottom: 1px double #79cdcd; color: #79cdcd;  text-transform: uppercase; margin: 16px 0; }
.article-mini-content h5 div { border-top: 1px double #79cdcd; border-bottom: 1px double #79cdcd; margin: 2px 0; font: 16px/30px Gibson-Regular; padding-top: 2px; }
.article-mini-content h6 { font: 14px MuseoSlab-500; text-transform: uppercase; color: #79cdcd; }
.article-mini-content div.image { float: right; margin-left: 8px; }

.article-footer { background-color: #efefef; padding: 16px; clear:left;}
.article-footer div.posted { border-top: 1px solid #9ea1a4; }
.article-footer div.posted div { border-top: 1px solid #9ea1a4; margin-top: 3px; padding-top: 4px; text-transform: uppercase; font: 10px/14px Gibson-Regular; color: #9ea1a4; }
.article-footer div.posted div span { }
.article-footer div.posted div a { color: #9ea1a4; text-decoration: none; }
.article-footer div.posted div a:hover { color: #4D4D4F; }
.article-footer div.comment-count { border-top: 1px solid #555;  border-bottom: 1px solid #555; margin-top: 3px; text-transform: uppercase; font: 16px/38px Gibson-Regular; padding-top: 2px; color: #555; }
.article-footer div.comment-count a {text-transform: uppercase; color: #555; text-decoration: none; }
.article-footer div.haveyoursay { text-transform: none; font: 12px/38px MuseoSlab-500; padding-top: 2px; }
.article-footer div.haveyoursay a { text-decoration: none; color: #9ea1a4; }
.article-footer div.haveyoursay a:hover { color: #555; }

.article-content > div, p, .article-content ul, .article-content ol { font: 13px/18px Georgia; color: #252525; padding-bottom: 8px; }
.article-content ul { list-style-type: disc; margin-left: 32px; }
.article-content ol { list-style-type: decimal; margin-left: 32px; }
strong, b { font-weight: bold; }
em { font-style: italic; }
.article-content div a, p a { color: #252525; text-decoration: underline; }
p.caption a { color: #8C8F92;}



.article-content div a:hover, p a:hover { color: #4d4d4f; text-decoration: none; }

a.more { background: url(../images/owl.png) 0 0 no-repeat; font: 15px MuseoSlab-700; color: #4d4d4f !important; text-decoration: underline; padding-left: 16px; padding-left: 60px; display: inline-block; line-height: 36px;}
/*a.more:hover { background: url(../images/arrow.png) 0 4px no-repeat; color: #828588 !important; text-decoration: none; }*/

ul.haveyouread { margin: 10px 0; }
ul.haveyouread li { margin: 10px 0; }
ul.haveyouread li a { text-decoration: none; display: block; text-transform: uppercase; }
ul.haveyouread li a h3 { font: 14px/30px Gibson-Regular; color: #9ea1a4; background-color: #e8e8e8; border: 1px solid #dddedf; margin-bottom: 10px; }
ul.haveyouread li a img { border: 1px solid #dddedf; margin-bottom: 10px; }
ul.haveyouread li a p { font: 12px/16px MuseoSlab-500; color: #9ea1a4; text-decoration: underline; padding: 0 8px; }

ul.haveyouread li:hover a h3 { color: #4d4d4f; }
ul.haveyouread li:hover a img { }
ul.haveyouread li:hover a p { color: #4d4d4f; text-decoration: none; }

h2.button { color: #79cdcd; font: 14px MuseoSlab-700; text-transform: uppercase; background: url(../images/button-bg.png) no-repeat; height: 27px; padding-top: 25px; }
h2.button a { color: #79cdcd; text-decoration: none; }
h2.button a:hover { color: #4d4d4f; }

div.about h2, a.button { color: #79cdcd; text-decoration: none; text-transform: uppercase; font: 14px/14px MuseoSlab-700; display: block; }
div.about h2 { margin-top: 8px; }
a.button { padding: 4px 0; height: 14px;}
.menu a:first-child { margin-top: 4px; }
a.button.button-border { border-top: 1px solid #d7d8d9; height: 27px; margin-top: 4px; padding-top: 3px; }
a.button:hover { color: #4d4d4f; }

div.about { border-top: 1px solid #d7d8d9; border-bottom: 1px solid #d7d8d9; margin-bottom: 20px; }
div.about > div { border-top: 1px solid #d7d8d9; border-bottom: 1px solid #d7d8d9; margin: 3px 0; }

div.about span.subtitle, div.houzz span.subtitle { color: #9ea1a4; font: 12px MuseoSlab-500; }
.houzz { margin-bottom: 20px; }

div.backtotop { position: fixed; bottom: 80px; display: none; }
div.backtotop img { margin-left: 252px; cursor: pointer; }

.share { float: left; width: 100%; padding-top: 10px; border-top: 1px solid #b1b4b6; }
.share .facebook, .share .twitter, .share .pintrest{ float: left; overflow: hidden; width: 90px; margin-right: 10px; }

a.previous { background: url(../images/previous.png) 0 2px no-repeat; font: 12px MuseoSlab-500; color: #79cdcd; text-transform: uppercase; text-decoration: none; padding-left: 16px; display: block; margin-top: 20px; margin-left: 20px; float: left; }
a.previous:hover { color: #4d4d4f; background: url(../images/previous.png) 0 -14px no-repeat; }
a.next { background: url(../images/next.png) right 2px no-repeat; font: 12px MuseoSlab-500; color: #79cdcd; text-transform: uppercase; text-decoration: none; padding-right: 16px; display: block; margin-top: 20px; margin-right: 20px; float: right; }
a.next:hover { color: #4d4d4f; background: url(../images/next.png) right -14px no-repeat; }

div.comments { margin-bottom: 10px; border-top: 1px solid #9ea1a4; }
div.comments div.comment { }
div.comments div.comment > div { padding: 10px; }
div.comments div.comment.comment-reply { margin-top: 10px; }
div.comments div.comment.comment-admin > div { background: #d8e6ea; }
div.comments div.comment .avatar { }
div.comments div.comment .avatar img { float:left; width:32px; height:32px; border: 1px solid #ccc;}
div.comments div.comment .comment-body { padding-left:45px;  }
div.comments div.comment .comment-body .says { font: 12px Georgia; color: #9ea1a4; }
div.comments div.comment .comment-body .says .name { font-size: 14px; color: #444; }
div.comments div.comment .comment-body .says .name a { color: #444; }
div.comments div.comment .comment-body .says .name a:hover { color: #4d4d4f; text-decoration: none; }
div.comments div.comment .comment-body .body { font: 12px/16px Georgia; color: #252525; margin: 4px 0; }
div.comments div.comment .comment-body .date { font: 11px Gibson-Regular; color: #8cb9bd; text-transform: uppercase; }
div.comments div.comment .comment-body .reply { text-decoration:underline; display:inline-block; padding-top:5px; cursor: pointer; font: 11px Gibson-Regular; color: #9ea1a4; text-transform: uppercase; }
div.comments div.comment .comment-body .reply:hover { text-decoration:none; color: #252525; }
div.comments div.comment .comment-body .toggle-replies { text-decoration:underline; display:inline-block; padding-top:5px; cursor: pointer; font: 10px Gibson-Regular; color: #9ea1a4; text-transform: uppercase; }
div.comments div.comment .comment-body .toggle-replies:hover { color: #252525; text-decoration:none; }
div.comments div.comment .comment-body .toggle-replies.toggle-replies .icon { width:8px; height:4px; display:inline-block; margin: 0 4px 2px 0; }

div.comments div.comment .comment-body .toggle-replies.hide-replies .icon { background: url(../images/comment-arrows.png) 0px 0 no-repeat; }
div.comments div.comment .comment-body .toggle-replies.show-replies .icon { background: url(../images/comment-arrows.png) -8px 0 no-repeat; }
div.comments div.comment .comment-body .toggle-replies.hide-replies:hover .icon { background: url(../images/comment-arrows.png) 0px -4px no-repeat; }
div.comments div.comment .comment-body .toggle-replies.show-replies:hover .icon { background: url(../images/comment-arrows.png) -8px -4px no-repeat; }

div.comment div.comment { padding-left:45px;  }

body.reply { background-color: #fff; width: 692px;}
body.reply .container {width: 100%; background-color: #fff;margin: 0;}
body.reply .article {border:none;}
body.reply .article-content {padding-bottom: 0px;}
body.reply .iframe-spacer {height:6px; background-color:#fff;}
body.reply .post-comment { padding-bottom: 2px; }

.fancybox-reply .fancybox-inner { border: 1px solid #DBDCDD !important;}


div.post-comment { border-top: 1px solid #9ea1a4; padding-top: 3px; }
div.post-comment div {font: 16px/34px Gibson-Regular; text-transform: uppercase; border-top: 1px solid #9ea1a4; border-bottom: 1px solid #555; color: #555; padding-top: 2px; }
div.post-comment p {font: 12px/38px MuseoSlab-500; padding-top: 2px; text-transform: uppercase; color: #000; }

div.post-comment form { }
div.post-comment form textarea, div.post-comment form input[type="text"]{ width: 50%; background: none; border: 1px solid black; display: block; padding: 8px; margin: 10px 0; color: #555; font: 12px MuseoSlab-500; }
div.post-comment form textarea { width: 97%; height: 150px; }
div.post-comment form label { color: #555; font: 12px MuseoSlab-500; display: block; padding-bottom: 10px; }
div.post-comment form ::-webkit-input-placeholder { color: #555; }
div.post-comment form :-moz-placeholder { color: #555; }
div.post-comment form :-ms-input-placeholder { color: #555; }

div.related { background-color: #a9ddde; padding: 16px; }
div.related div.title { color: #fff; text-transform: uppercase; font: 16px/38px Gibson-Regular; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-top: 3px; }
div.related div.title div {  border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 3px; padding-top: 2px; }
div.related ul { margin-top: 10px; }
div.related ul li { float: left; margin-right: 14px; }
div.related ul li.last { margin-right: 0px; }
div.related ul li a { display: block; text-decoration: none; text-transform: uppercase; }
div.related ul li a img { border: 1px solid #fff; }
div.related ul li a:hover { color: #4d4d4f; }
div.related ul li a span { display: block; width: 190px; padding: 0 10px; text-align: center; margin-top: 6px; text-decoration: underline; color: #fff; font: 13px/18px MuseoSlab-500; }
div.related ul li a:hover span { color: #4d4d4f; text-decoration: none; }

form input.error, form textarea.error { border: 1px solid #ee0000 !important; color:#ee0000 !important;}

.preview {border-bottom: 1px solid #252525; color:#252525;font: 16px/38px Gibson-Regular; z-index:100; width:100%; position:fixed; display:block;  text-align: center; text-transform: uppercase; background-color: #94D5D6; margin-bottom:10px;}
.preview  span{ display:inline-block; font-size: 24px; padding:7px 0 5px 0;}
.preview a {display:inline-block; padding:8px 10px 0 10px;text-decoration: none; font-size: 14px; color:#252525;  }
.preview a:first-child { float:left;}
.preview a:last-child { float:right;}
.preview a:hover { text-decoration: underline; }
.preview-spacer {display: block; height:50px;}

div.image_set { display:inline-block; width:100%;} /* 650 x 430 */
div.image_set_image, div.image_set img { position:relative; display:inline-block; }

ul.tree, ul.tree ul {font: 12px MuseoSlab-500; list-style: inherit !important; margin-left: 5px; padding-left: 20px;}
ul.tree {margin-left:20px; margin-top:5px;}
ul.tree li a, ul.tree li span {display:inline-block; margin-bottom:5px;}

ul.tree a, ul.tree li {text-decoration: none; color:#9EA1A4;}
ul.tree a:hover {text-decoration: underline; color:#4D4D4F;}

.no-articles {padding-top:100px; text-align:center;}
.search-results {margin-bottom:10px;}
.submitloader { padding:20px;}


/* Passion fruit... */

.passionfruit { margin: -20px 20px 20px 20px; }

.passionfruit .pf-spot-header > p { display: none; }

.passionfruit .pf_juice fieldset,
.passionfruit .pf_juice ul > li,
.passionfruit .pf_juice ul > li.pf-spot-header,
.passionfruit .pf_juice ul > li.pf-spot-footer,
.passionfruit .pf-checkout,
.passionfruit .pf-checkout > span
{ border: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }



/* Category List */
ul.article-thumbs { }
ul.article-thumbs li { min-height: 220px; width: 161px; margin-right: 15px; float: left; }
ul.article-thumbs li.end-row { margin-right: 0; }
ul.article-thumbs li a { text-align: center; font: 13px/18px MuseoSlab-700; color: #79cdcd; text-decoration: none; text-transform: uppercase; display: block; }
ul.article-thumbs li a:hover { color: #4d4d4f; }
ul.article-thumbs li a img { margin-bottom: 5px; width: 100%; }

ul.instagram-thumbs { margin-bottom: 10px; }
ul.instagram-thumbs li { float: left; width: 108px; }
ul.instagram-thumbs li:first-child { margin-right: 3px; }
ul.instagram-thumbs li:last-child { margin-left: 3px; }
ul.instagram-thumbs li a { display: block; }
ul.instagram-thumbs li a img { width: 100%; }


.media .row { width: 100%; }
.media .row .media-image { box-sizing: border-box; width: 33%; float: left; padding: 10px; }
.media .row .media-image img { width: 100%; }
.media .row .media-image .caption { font-size: 15px; padding: 4px 0; }

.full-width.navigation ul.social-footer { margin: 0 auto; width: 230px; padding:50px 0 20px; }
.full-width.navigation ul.social-footer li { display: inline-block; margin-right: 4px; }
.full-width.navigation ul.social-footer li a { display: block; height: 31px; width: 31px; }
.full-width.navigation ul.social-footer li a.email { background: url(../images/connect.png?v=2) 0 0 no-repeat; }
.full-width.navigation ul.social-footer li a.facebook { background: url(../images/connect.png?v=2) -31px 0 no-repeat; }
.full-width.navigation ul.social-footer li a.twitter { background: url(../images/connect.png?v=2) -62px 0 no-repeat; }
.full-width.navigation ul.social-footer li a.pintrest { background: url(../images/connect.png?v=2) -93px 0 no-repeat; }
.full-width.navigation ul.social-footer li a.instagram { background: url(../images/connect.png?v=2) -124px 0 no-repeat; }
.full-width.navigation ul.social-footer li a.rss { background: url(../images/connect.png?v=2) -155px 0 no-repeat; }
.full-width.navigation ul.social-footer li a.email:hover { background: url(../images/connect.png?v=2) 0 -31px no-repeat; }
.full-width.navigation ul.social-footer li a.facebook:hover { background: url(../images/connect.png?v=2) -31px -31px no-repeat; }
.full-width.navigation ul.social-footer li a.twitter:hover { background: url(../images/connect.png?v=2) -62px -31px no-repeat; }
.full-width.navigation ul.social-footer li a.pintrest:hover { background: url(../images/connect.png?v=2) -93px -31px no-repeat; }
.full-width.navigation ul.social-footer li a.instagram:hover { background: url(../images/connect.png?v=2) -124px -31px no-repeat; }
.full-width.navigation ul.social-footer li a.rss:hover { background: url(../images/connect.png?v=2) -155px -31px no-repeat; }