/*===============
COLORS
=================

kingfisher
color:#11556a;

kingfisher %50
color:#88aab4;

kingfisher %25
color:#c3d4d9;

kingfisher %10
color:#e7eef0;

pink
color: #cc6699;

pink 50%
color: #e5b2cc;

green
color: #66cc99;

green 50%
color: #b2e5cc;

=================
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"

- editmode fix
- layout resets and global defaults
-- vertical align page
-- fluid images and objects
- decal custom colors
- fonts
-- global font settings
-- headings
-- paragraphs & lists
--- reset list styles
-- decal custom styles
-- anchors
--- decal custom anchors
- pages - global
- header
-- address
--- join-us
-- logo
-- contact
--- social
--- widgets
---- mailchimp signup
---- facebook like box
- navigation
- pages - local
-- home
-- retail landing
--- thumbnails
--- retail vendors list
-- retail vendor
--- vendor facebook gallery
- progressive enhancement*/

===============*/



/* @layout resets and global defaults */
*
{
    padding:0;
    border:0;
}
html
{
    height:100%;
}
body
{
    font-size:90%;
    margin:0;
    text-align:center;
    color:#11556a;
    padding-top:3em;
    padding-bottom:3em;
}
.wrapper
{
    text-align:left;
    max-width:800px;
    padding-left:2em;
    padding-right:2em;
    margin:0 auto;
    position:relative;
}

/* hide script asset areas */
.js #script-assets
{
    display:none;
}
/* make script assests easily editable */
#script-assets
{
    width:90%;
    font-size:20px;
    margin-bottom:10px;
}
/* @fluid width images and objects */
img,
.ie8 .rr-obj-live object,
html>/**/body .rr-obj-live object,
.ie8 .rr-obj-live iframe,
html>/**/body .rr-obj-live iframe
{
    max-width:100%;
}
html>/**/body img
{
    height:auto;
}
.ie8 img
{
    height:auto !important;
    width:auto !important;
}

/* crop objects for lte ie7 */
.ie6and7 .rr-obj-live
{
    overflow:hidden;
}
.ie6 .rr-obj-live
{
    width:100%;
}

/* @content image size */
img.content-img-thumb
{
    max-width:32px;
}
img.content-img-small
{
    max-width:64px;
}
img.content-img-medium
{
    max-width:128px;
}
img.content-img-large
{
    max-width:256px;
}
img.content-img-jumbo
{
    max-width:384px;
}
img.content-img-banner
{
}

/* @decal custom colors */
*.color_11556a /* decal: #11556a */
{
    color:#11556a !important;
}
*.color_88aab4 /* decal: #88aab4 */
{
    color:#88aab4 !important;
}

/* @fonts */
@font-face
{
    font-family: 'Gotham-Book';
    src:url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.otf') format('opentype'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Gotham-Bold';
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gotham-Bold.otf') format('opentype'),
         url('fonts/Gotham-Bold.woff') format('woff'),
         url('fonts/Gotham-Bold.ttf') format('truetype'),
         url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*
{
    font-family: 'Gotham-Book';
}
strong
{
    font-weight:normal;
    font-family: 'Gotham-Bold';
}

/* @headings */
h1,
h2,
h3,
h4,
h5,
h6
{
    margin-top:0px;
    margin-bottom:1em;
    line-height:1.2em;
    font-weight:normal;
    font-family: 'Gotham-Bold';
}
h1
{
    font-size:2.5em;
}
h2
{
    font-size:1.8em;
    color:#88aab4;
    margin-bottom:0.7em;
}
h3
{
    font-size:1.4em;
}
h4
{
    font-size:1em;
    text-transform:uppercase;
    margin-bottom:0;
}
h5
{
    font-size:1em;
}
h6
{
    font-size:1em;
}

/* @paragraphs & lists */
p,
ul,
ol,
.rr-obj-live
{
    line-height:1.2em;
    margin-top:0px;
    margin-bottom:20px;
    font-size:1em;
}
ul
{
    list-style-type:disc;
    padding-left:30px;
}
ol
{
    margin-left:30px;
}
ul ul,
ul ol,
ol ol,
ol ul
{
    margin-top:10px;
    margin-bottom:20px;
    font-size:1em;
}
ul li,
ol li
{
    margin-bottom:10px;
}


/* use underline to style inline code */
.home u
{
    text-decoration: none;
    font-family:monospace;
    background-color:#e7eef0;
    padding:0.2em;
    border:1px solid #88aab4;
    font-style:normal;
    padding:0.3em;
    font-size:1.2em;
    line-height:2em;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -khtml-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}

/* @reset list styles */
.reset,
.reset ul,
.reset ol,
.reset li,
.reset dl,
.reset dt,
.reset dd
{
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

/* @decal custom styles */
*.align-center /* decal: Align Center */
{
    text-align: center !important;
}
*.align-left /* decal: Align Left */
{
    text-align: left !important;
}
*.align-right /* decal: Align Right */
{
    text-align: right !important;
}

p.quote /* decal: Quote */
{
    color:#88aab4;
    font-size:1.3em;
    font-style:italic;
    line-height:1.3em;
    padding-left:35px;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
p.quote:before
{
    content: '"';
    display: block;
    line-height: 0;
    position: absolute;
    top: 2.25rem;
    left: -1.5rem;
    color: #e7eef0;
    font-size: 6rem;
}
p.quoteCredit /* decal: Quote Credit */
{
    padding-left:35px;
    font-weight:bold;
    position: relative;
    top: -1rem;
}
p.quoteCredit:before
{
    content:"\2014";
    margin-left:-1.5em;
    margin-right:0.5em;
}

*.highlight /* decal: Highlight */
{
    padding:0.2em;
    background-color:#c3d4d9;
}
*.invert /* decal: Invert */
{
    padding:0.2em;
    background-color:#11556a;
    color:#fff;
}
*.section-break-top /* decal: Section Break Top */
{
    margin-top:1.5em !important;
    border-top:2px solid #c3d4d9;
    padding-top:1.5em !important;
}
*.section-break-bottom /* decal: Section Break Bottom */
{
    padding-bottom:1.5em !important;
    border-bottom:2px solid #c3d4d9;
    margin-bottom:1.5em !important;
}

/* @anchors */
a,
a:visited
{
    color:#cc6699;
    text-decoration: none;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
a:hover,
a:focus
{
    outline:none;
    color:#66cc99;
}
/* remove default link style from embedded objects */
.rr-object-live a
{
    text-decoration:none;
}
.rr-image-holder a,
.rr-image-caption-wrapper a
{
    text-decoration:none;
    display:block !important; /* activates fluid width for child images */
}
.ie6and7 a
{
    zoom:1;
}

/* @decal custom anchors */
a.anchorExternal /* decal: Opens in new window */
{
    padding-right:12px;
    background-image:url(../images/icon-external.gif);
    background-position:right center;
    background-repeat:no-repeat;
}

/* @pages - global */

/* @header */
#header
{
    padding-bottom:30px;
}
#header a
{
    color:#a3a293;
	text-decoration:none;
    border-bottom:1px solid #a3a293;
}
#header a:hover
{
    border-bottom-color:transparent;
    color:#4d4945;
}
#header .wrapper
{
    text-align:center;
}

#address,
#contact,
#logo
{
    vertical-align:middle;
}
#address,
#logo,
#contact
{
    width:100%;
}
#contact
{
    margin-top:30px;
}

/* @email */
#email
{
    margin-bottom:0;
}

/* @navigation */
#nav-main
{
    text-align:center;
    padding-bottom:6px;
    background:transparent url(../images/nav-dot.gif) scroll repeat-x 0 bottom;
}

.nav li a
{
    display:block;
	text-decoration:none;
    line-height:1.4em;
    font-size:1.4em;
    letter-spacing:0.1em;
    padding:10px 20px;
/*    font-family:edmondsansbold,sans-serif;*/
    color:#e0dfd7;
    position:relative;
    bottom:-6px;
/*    left:-4px;*/
}
.nav li a:hover,
.nav li.active a
{
    color:#a3a293;
    background:transparent url(../images/nav-dot_hover.gif) scroll repeat-x left bottom;
}
/* dropdown navigation */
.nav li
{
    position:relative;
}
.nav li ul
{
    display:none;
    z-index:1;
    position:absolute;
    top:1.4em; /* top level <a>nchor line-height */
    margin-top:20px; /* top level <a>nchor top & bottom padding + <li> bottom margin &/or padding + top & bottom border(s) */
    width:15em;
/* left align dropdown: */
    left:0;
/* center align dropdown:
    left:50%;
    margin-left:-7.5em; /* half width of .nav <ul> */
}
.nav li:hover ul,
.nav li.hover ul, /* support ie6 & 7. requires JS to add .hover class */
.nav li li
{
    display:block;
    width:400px;
}
.nav li.active li a,
.nav li li.active li a,
.nav li.activeChild li a,
.nav li.activeChild li.active li a,
.nav li.activeChild li.activeChild li a
{
    color:#36c;
    background-color:#ddd;
}
.nav li li a:hover
{
    color:#c33 !important;
    background:#eee !important;
}
.nav li:hover li ul,
.nav li.hover li ul
{
    display:none;
}
.nav li li ul
{
    margin-top:0;
    left:100%;
    top:0;
}
.nav li li:hover ul,
.nav li li.hover ul
{
    display:block;
}
.no-js .nav li ul
{
    display:block !important;
}
/* ie6and7 fixes for navigation */
/* define new stacking context on :hover. requires jQuery to apply .hover class */
/* note: elements must be position:relative for z-index to stick */
.ie6and7 .nav li.hover
{
    z-index:1;
}
/* may also need to apply z-index to parent wrapper element */
.ie6and7 #navigation
{
    position:relative;
    z-index:1;
}
.ie6 .nav li
{
    overflow:visible;
}
.ie6 .nav li a
{
    float:left;
}
.ie6 .nav li li a
{
    float:none;
}

/* @content */
#content
{
/*    padding-top:30px;*/
}

/* @pages - local */
/* @home */
.home #content .wrapper
{
/*    text-align:center;*/
}

.js #user-id,
.js #access-token
{
    display:none;
}

/* @welcome */
#welcome
{
    color:#4d4945;
    text-align:left;
    margin-top:30px;
}

/* @retail landing */
.retail-landing
{
    padding-bottom:30px;
}

.retail-landing h2,
.retail-landing p
{
    text-align:center;
}

/* @thumbnails */
#thumbnails
{
    text-align: center;
}
#thumbnails li
{
    margin:5px;
}
.js #thumbnails li
{
    width:190px;
    height:190px;
    overflow:hidden;
    position:relative;
}
.js #thumbnails li a
{
    display:block;
    vertical-align:middle;
    position: absolute;
    height: 400px;
    width: 400px;
    line-height: 400px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
}
.js #thumbnails li a:hover
{
    opacity:0.5;
}
.js #thumbnails li a img
{
    display:inline-block;
    vertical-align:middle;
}
.ie6 #thumbnails li a,
.ie7 #thumbnails li a
{
    height:auto;
    margin-top:0;
}
.ie6 #thumbnails li a img,
.ie7 #thumbnails li a img
{
    position:relative;
    display:block;
    top:-50%;
}
.editmode #thumbnails li
{
    float:left;
}
.editmode #thumbnails li img
{
    display:block;
}

/* @progressive enhancement */
/* set ie6and7 to fixed width */
/* if no javascript, set ie8 to fixed width layout */
.ie6and7 .wrapper,
.no-js .ie8 .wrapper
{
    width:1100px;
}
.ie6and7 #,
.no-js .ie8 #
{
    width:;
}