/* TABLE OF CONTENTS
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
//////
COLORS
    off white
    color:#fcfbef;
    light beige
    color:#e0dfd6;
    medium beige
    color:#c2c1aa;
    dark beige
    color:#a3a293;
    dark brown
    color:#4d4945;
//////
* 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
*** promo banner
** spaces landing
*** thumbnails
*** retail vendors list
** retail vendor
*** vendor facebook gallery
* blog
** blog archive
* workshops
* workspaces
** carousel
** components
* progressive enhacement
/* @layout resets and global defaults */
*
{
    padding:0;
    border:0;
}
html
{
    height:100%;
    font-size:87.5%; /* default font size 14px */
}
body
{
    font-size:120%;
    margin:0;
    text-align:center;
    color:#4d4945;
}
#page
{
    padding-top:40px;
    padding-bottom:60px;
}
.wrapper
{
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    margin:0 auto;
    position:relative;
}
/* @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%;
}
/* @decal custom colors */
*.color_ffffff /* decal: #ffffff */
{
    color:#ffffff !important;
}
/* @fonts */ 
@font-face {
    font-family: 'typewriter_condensedbold';
    src: url('fonts/typewcond_bold-webfont.eot');
    src: url('fonts/typewcond_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/typewcond_bold-webfont.woff') format('woff'),
         url('fonts/typewcond_bold-webfont.ttf') format('truetype'),
         url('fonts/typewcond_bold-webfont.svg#typewriter_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'typewriter_condensedregular';
    src: url('fonts/typewcond_regular-webfont.eot');
    src: url('fonts/typewcond_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/typewcond_regular-webfont.woff') format('woff'),
         url('fonts/typewcond_regular-webfont.ttf') format('truetype'),
         url('fonts/typewcond_regular-webfont.svg#typewriter_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsansbold';
    src: url('fonts/edmondsans-bold-webfont.eot');
    src: url('fonts/edmondsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/edmondsans-bold-webfont.woff') format('woff'),
         url('fonts/edmondsans-bold-webfont.ttf') format('truetype'),
         url('fonts/edmondsans-bold-webfont.svg#edmondsansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsansmedium';
    src: url('fonts/edmondsans-medium-webfont.eot');
    src: url('fonts/edmondsans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/edmondsans-medium-webfont.woff') format('woff'),
         url('fonts/edmondsans-medium-webfont.ttf') format('truetype'),
         url('fonts/edmondsans-medium-webfont.svg#edmondsansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsans_regularregular';
    src: url('fonts/edmondsans-regular-webfont.eot');
    src: url('fonts/edmondsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/edmondsans-regular-webfont.woff') format('woff'),
         url('fonts/edmondsans-regular-webfont.ttf') format('truetype'),
         url('fonts/edmondsans-regular-webfont.svg#edmondsans_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*, *:before, *:after
{
    font-family:typewriter_condensedregular;
}
strong
{
    font-weight:normal;
    font-family:typewriter_condensedbold;
}
/* @headings */
h1,
h2,
h3,
h4,
h5,
h6
{
    margin-top:0px;
    margin-bottom:20px;
    line-height:1.2em;
    font-weight:normal;
    color:#a3a293;
}
h1
{
    font-size:3em;
    padding-bottom:6px;
    background:transparent url(../images/nav-dot.gif) scroll repeat-x 0 bottom;
}
h2
{
    font-size:2em;
}
h3
{
    font-size:1.5em;
}
h4
{
    color:#4d4945;
    font-size:1.3em;
    font-family: 'typewriter_condensedbold';
/*    font-style:italic;*/
}
h5
{
    font-size:1.7em;
}
h6
{
    font-size:1.3em;
}
/* @paragraphs & lists */
p,
ul,
ol,
.rr-obj-live
{
    line-height:1.4em;
    margin-top:0px;
    margin-bottom:20px;
    font-size:1.2em;
}
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;
}
/* @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 */
p.quote /* decal: Quote */
{
    background: url("../images/bg-quote.gif") no-repeat scroll 0 0 transparent;
    color:#666666;
    font-size:1.3em;
    font-style:italic;
    line-height:1.3em;
    padding-left:35px;
}
p.quoteCredit /* decal: Quote Credit */
{
    margin-top:-10px;
    padding-left:35px;
    font-weight:bold;
}
/* @anchors */
a,
a:visited
{
    color:#a3a293;
}
a:hover,
a:focus
{
    color:#4d4945;
    outline:none;
    text-decoration:none;
    background-color:#faf8ee;
}
/* 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;
    color:#a3a293;
}
#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;
}
/* @address */
#address
{
    position:relative;
}
/* @join-us */
#join-us
{
    display:none;
    position:relative;
    top:2em;
}
/* @logo */
#logo a
{
    border-bottom:none;
    display:block;
}
#logo a:hover
{
    background:none;
}
#logo a img
{
    display:block;
    margin:0 auto;
}
/* @contact */
/* @social */
#social li a,
#vendor-social li a
{
    border-bottom:none;
    display:block;
    width:32px;
    height:32px;
    text-indent:-999em;
    margin:0 1px;
    opacity:0.5;
}
#social li a:hover,
#vendor-social li a:hover
{
    opacity:1;
}
#social #fb a,
#vendor-social #fb a
{
    background:transparent url(../images/icons-social.png) scroll no-repeat 0 0;
}
#social #tw a,
#vendor-social #tw a
{
    background:transparent url(../images/icons-social.png) scroll no-repeat -32px 0;
}
#social #yt a,
#vendor-social #yt a
{
    background:transparent url(../images/icons-social.png) scroll no-repeat -64px 0;
}
#social #ig a,
#vendor-social #ig a
{
    background:transparent url(../images/icons-social.png) scroll no-repeat -96px 0;
}
/* @widgets */
.social-widget
{
    margin-top:15px;
}
.social-widget .rr-obj-live
{
    margin-bottom:0;
}
/* @mailchimp signup */
#mc_embed_signup
{
    position:relative;
}
#mc_embed_signup form
{
    margin-bottom:0;
}
#mc_embed_signup label
{
    display:block;
    text-align:center;
    line-height:1.3em;
}
#mc_embed_signup input
{
    font-size:1em;
    height:30px;
}
#mc_embed_signup input#mce-EMAIL
{
    background-color:#e0dfd6;
    width:100%;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:2px;
    color:#4d4945;
    text-align:center;
}
#mc_embed_signup input#mc-embedded-subscribe
{
    width:25%;
    font-family:edmondsansbold,sans-serif;
    color:#e0dfd6;
    background-color:transparent;
    font-size:1em;
}
#mc_embed_signup input#mc-embedded-subscribe:hover
{
    color:#a3a293;
    background-color:#e0dfd6;
    cursor:pointer;
}
/* @facebook like box */
/* @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,
.nav li.active-child 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;
}
#promo-banner
{
    margin-bottom:30px;
}
#promo-banner li
{
    margin:5px;
}
.js #user-id,
.js #access-token
{
    display:none;
}
/* @instagram-feed */
#instagram-feed
{
    text-align:center;
}
#instagram-feed h2
{
    font-size:1.4em;
    padding-left:32px;
    padding-right:32px;
    background:transparent url(../images/icons-social.png) scroll no-repeat -96px 0;
    padding-top:3px;
    margin-top:-3px;
    margin-bottom:10px;
}
#instagram-photos a
{
    position:relative;
}
#instagram-photos a,
#instagram-photos img
{
    display:block;
    width:100%;
}
.js #instagram-photos,
.js #facebook-images,
.js #wksp-carousel-list
{
    background:transparent url(../images/ajax-loader.gif) scroll no-repeat center center;
}
.js #facebook-images
{
    height:480px;
    line-height:470px;
}
.js .loaded #instagram-photos,
.js .loaded #facebook-images,
.js .loaded #wksp-carousel-list
{
    background:none;
}
.js #instagram-photos li:first-child a,
.js #instagram-nav,
.js #facebook-thumbs,
.js #facebook-images li:first-child .wrapImg,
.js #wksp-carousel-list li:first-child img,
.js #wksp-carousel-nav
{
    opacity:0;
}
.js #instagram-photos li,
.js #facebook-images li,
.js #wksp-carousel-list li
{
    display:none;
}
.js .loaded #instagram-photos li:first-child,
.js .loaded #facebook-images li:first-child,
.js .loaded #wksp-carousel-list li:first-child
{
    display:inline-block;
}
.image-caption
{
    line-height:1em;
    color:#f0eed3;
    position:absolute;
    width:94%;
    padding:3%;
    background-color:rgba(0,0,0,0.7);
    bottom:0;
    left:0;
}
/* @welcome */
#welcome
{
    color:#4d4945;
    text-align:left;
    margin-top:30px;
}
/* @spaces landing */
.spaces-landing
{
    padding-bottom:30px;
}
.spaces-landing h2,
.spaces-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;
}
/* @retails vendors list */
#tenants-heading
{
    padding-top:30px;
    clear:both;
}
.js #tenants-thumbnails
{
    text-align: center;
}
.editmode #tenants-thumbnails h3,
.editmode #tenants-thumbnails p
{
    text-align:left;
    margin-bottom:0;
}
.editmode #tenants-thumbnails li
{
    margin-bottom:30px;
    display:block;
}
.js #tenants-thumbnails li
{
    width:190px;
    height:190px;
    background:transparent url(../images/ajax-loader.gif) scroll no-repeat center center;*/
}
.js #tenants-thumbnails li *
{
    visibility:hidden;
}
.js #tenants-thumbnails li.loaded
{
    background:none;
}
.js #tenants-thumbnails li a
{
    position:relative;
    display:block;
    margin:5px;
    width:180px;
    height:180px;
    opacity:0;
    overflow:hidden;
}
.js #tenants-thumbnails li.loaded *
{
    visibility:visible !important;
}
.js #tenants-thumbnails li.loaded a:hover
{
    opacity:1 !important;
}
.js #tenants-thumbnails li img
{
    display:block;
}
.js #tenants-thumbnails li h3
{
    color:#f0eed3;
    position:absolute;
    width:150px;
    padding:5px 15px;
    background-color:rgba(0,0,0,0.7);
    bottom:-1px;
    left:0;
    margin-bottom:0;
}
.editmode #tenants-thumbnails a:after
{
    content: "  (Current URL: " attr(href) ") ";
}
.js #tenants-thumbnails a
{
    text-align:left;
    text-indent:-999em;
    line-height:0;
}
.js #tenants-thumbnails a h3
{
    line-height:1.1em;
    text-align:center;
    text-indent:0;
}
/* @retail vendor */
.retail-vendor #content .wrapper
{
    text-align:center;
}
#vendor-logo
{
    margin-bottom:20px;
}
#vendor-social #www a,
#vendor-social #vendor-email a
{
    text-indent:0;
    width:auto;
    opacity:1;
}
#vendor-social #www a:hover,
#vendor-social #vendor-email a:hover
{
    color: #4d4945
}
#vendor-social #www
{
    margin-right:20px;
}
#vendor-social #vendor-email
{
    margin-left:20px;
}
#vendor-intro
{
    margin-top:30px;
    padding-left:5%;
    padding-right:5%;
}
/* @vendor facebook gallery */
#vendor-facebook-gallery
{
    padding-top:30px;
/*    min-height:602px;*/
}
.js #vendor-album-id,
.js #facebook-access-token
{
    display:none;
}
.js #facebook-images
{
    margin-bottom:10px;
}
.js .loaded #facebook-images
{
    background:none;
}
.js #facebook-images .wrapImg
{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
}
.js #facebook-images img
{
    display:block;
    max-height:480px;
}
.js #facebook-thumbs li
{
    width:80px;
    height:80px;
    overflow:hidden;
    margin:1px;
}
.js #facebook-thumbs li a
{
    opacity:0.5;
    display:block;
    width:128px;
    height:128px;
    line-height:125px;
    margin:-24px;
}
.js #facebook-thumbs a.current,
.js #facebook-thumbs a:hover
{
    opacity:1;
}
#facebook-thumbs li a img
{
    vertical-align:middle;
}
/* @blog */
.blog-entry-content img
{
    margin-bottom:20px;
}
.blog #content
{
    padding-top:0;
}
/* resets & defaults */
.blog #section
{
/*    font-size:130%;*/
    width:100%;
}
/*
.blog #aside
{
    font-size:110%;
}
*/
.blog #content p
{
    clear:both;
}
.blog #content .rr-image-holder img,
.blog #content .rr-image-caption-wrapper img
{
    display:inline-block;
}
.blog #content p.rrImageAlignLeft,
.blog #content p.rrImageCaptionAlignLeft 
{
    float:left;
}
.blog #content p.rrImageAlignRight,
.blog #content p.rrImageCaptionAlignRight 
{
    clear:none;
}
.blog #content p.rrImageAlignRight img,
.blog #content p.rrImageCaptionAlignRight img 
{
    margin-left:auto;
    margin-right:0;
}
.blog .blog-nav li
{
    width:50%;
}
.blog .blog-nav .blog-home-link
{
    margin-right:50%;
}
.blog .blog-nav a
{
    padding:0 12px;
    font-family:'edmondsansbold';
    color:#e0dfd7;
    text-decoration:none;
    display:block;
    position:relative;
}
.blog .blog-nav a.arrow-prev
{
    background:transparent url(../images/arrow-prev.gif) scroll no-repeat 0 0.4em;
    right:10px;
}
.blog .blog-nav a.arrow-prev:hover
{
    background-image:url(../images/arrow-prev-hover.gif);
}
.blog .blog-nav a.arrow-next
{
    text-align:right;
    background:transparent url(../images/arrow-next.gif) scroll no-repeat 100% 0.4em;
    left:10px;
}
.blog .blog-nav a.arrow-next:hover
{
    background-image:url(../images/arrow-next-hover.gif);
}
.blog .blog-nav a:hover
{
    color:#a3a293;
}
.blog .blog-nav h2
{
    padding-top:30px;
    padding-left:10px;
    margin-bottom:0;
}
.ie6 .blog .blog-nav a
{
    width:40%;
}
/* blog content */
.blog
{
    padding-bottom:20px;
}
.blog-nav
{
    padding-top:20px;
    padding-bottom:20px;
}
.blog-entry
{
    padding-top:10px;
    padding-bottom:10px;
    clear:both;
}
.blog-entry-title
{
    margin-bottom:10px;
}
#blog-entry-page .blog-entry-title a
{
    text-decoration:none;
    cursor:text !important;
    color:#a3a293 !important;
}
/* hide content of all blog posts except the first one */
/*
.js .blog-entry-content
{
    display:none;
}
.js #blog-entry-list .blog-entry:first-child .blog-entry-content,
.js #blog-entry-list .blog-entry:first-child .blog-entry-content,
.js .blog-entry .active
{
    display:block;
}
*/
.blog-entry-content
{
    padding-bottom:6px;
    background: url("../images/nav-dot.gif") repeat-x scroll 0 bottom transparent;
}
.blog-entry-details
{
    padding:15px 10px 1px 10px;
    background: url("../images/nav-dot.gif") repeat-x scroll 0 bottom #faf8ee;
}
.blog-entry-details p
{
    font-size:0.9em;
    color:#a3a293;
}
.blog #aside .module
{
    margin-right:10px;
    margin-bottom:30px;
    padding-top:30px;
    text-align:center;
}
#recent-posts
{
    background: url("../images/nav-dot.gif") repeat-x scroll 0 top transparent;
}
#recent-posts ul
{
    padding-left:0;
    list-style-type:none;
}
#recent-posts li
{
/*    margin-bottom:0;*/
}
#recent-posts a
{
    padding:6px 12px;
    display:block;
    line-height:1.1em;
}
/* @blog archive */
#blog-archive .blog-nav li
{
    display:none;
}
#blog-archive .blog-nav li.blog-home-link
{
    display:block;
}
#blog-archive-title
{
    margin-top:20px;
    line-height:1em;
    margin-bottom:0;
}
/* @facebook comments */
#comment_thread
{
    padding-left:10px;
}
/* @workshops */
#intro-workshops
{
    text-align:center;
}
#wkshop-components dl dt,
#wkshop-components dl dd
{
    width:100%;
}
dl.wkshop-details dt,
dl.wkshop-details dd
{
    vertical-align:bottom;
}
.wkshop-comp-works,
.wkshop-comp-laneway
{
    padding-top:20px;
    padding-bottom:20px;
}
.wkshop-comp-works .wkshop-date
{
    background:transparent url(../images/badge-the-works.png) scroll no-repeat 0 center;
}
.wkshop-comp-laneway .wkshop-date
{
    background:transparent url(../images/badge-laneway.png) scroll no-repeat 0 center;
}
.wkshop-date p
{
    color:#a3a293;
    margin-left:100px;
    border-left:10px solid #fff;
    width:100px;
    text-align:center;
    background-color:#faf8ee;
    height:25px;
    line-height:25px;
    margin-bottom:0;
}
.wkshop-date .wkshop-date-day
{
    padding-top: 25px;
    font-family: typewriter_condensedbold;
    font-size: 1.4em;
}
.wkshop-date .wkshop-date-month
{
    padding-bottom:25px;
}
.wkshop-title
{
    margin-bottom:10px;
}
.wkshop-price
{
    line-height:25px;
    margin-bottom:0;
}
.wkshop-price:before
{
    content:'$';
    padding-right:0.1em;
}
/*.wkshop-thumbnail a,*/
.wkshop-thumbnail img
{
    display:block;
}
.wkshop-thumbnail a:hover
{
/*    opacity:0.5;*/
}
.wkshop-link a
{
    padding-right:12px;
    font-family: 'edmondsansbold';
    color: #e0dfd7;
    text-decoration: none;
    position: relative;
    background: transparent url(../images/arrow-next.gif) scroll no-repeat 4.85em 0.4em;
}
.wkshop-link a:hover
{
    background-image: url(../images/arrow-next-hover.gif);
    color: #a3a293;
}
/* @workspaces */
#intro-workspaces
{
    text-align:center;
}
/* @carousel */
#wksp-carousel
{
    padding-bottom:30px;
}
#wksp-carousel-list
{
    position:relative;
}
.js #wksp-carousel-list:after
{
    content:"";
    display:block;
    padding-top:56.25% /* 16:9 responsive images */
}
#wksp-carousel-list li
{
    width:100%;
}
.js #wksp-carousel-list li
{
    position:absolute;
    top:0;
    left:0;
}
#wksp-carousel-list li img
{
    display:block;
}
#wksp-carousel-nav
{
    text-align:center;
}
#wksp-carousel-nav a,
#instagram-nav a
{
    width:0.7em;
    height:0.7em;
    display:block;
    background-color:#fcfbef;
    border:0.1em solid #c2c1aa;
    margin:0.3em;
    -webkit-border-radius: 60%;
    -khtml-border-radius: 60%;
    -moz-border-radius: 60%;
    border-radius: 60%;
    -webkit-transition: background 200ms ease-in-out;
    -khtml-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}
#wksp-carousel-nav a:visited,
#instagram-nav a:visited
{
    background-color:#fcfbef;
}
#wksp-carousel-nav a:hover,
#wksp-carousel-nav a:focus,
#wksp-carousel-nav a.current,
#instagram-nav a:hover,
#instagram-nav a:focus,
#instagram-nav a.current
{
    background-color:#e0dfd6;
}
/* @components */
#wkspace-components
{
    text-align:center;
    margin:-10px;
}
.wkspace-comp
{
    width:50%;
}
#wkspace-components .wkspace-comp
{
    vertical-align:bottom;
}
.wkspace-comp .gutter
{
    margin:10px;
    margin-bottom:20px;
}
.wkspace-comp a
{
    display:block;
    padding:10px;
    -webkit-transition: opacity 0.5s ease-in-out;
    -khtml-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.wkspace-comp a:hover,
.wkspace-comp a:focus
{
    opacity:0.5;
    background:none;
}
.wkspace-comp h3
{
    text-align:center;
    font-size:1em;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
}
/* @progressive enhancement */
/* set ie6and7 to fixed width */
/* if no javascript, set ie8 to fixed width layout */
.ie6and7 .wrapper,
.no-js .ie8 .wrapper
{
    width:860px;
}
.ie6and7 .blog #section,
.no-js .ie8 .blog #section
{
    width:64%;
}
.ie6and7 .blog #aside,
.no-js .ie8 .blog #aside
{
    width:36%;
}