/* Web Fonts */
@font-face {font-family: 'SabonLTStd-Bold';src: url('../fonts/27E87B_0_0.eot');src: url('../fonts/27E87B_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_0_0.woff') format('woff'),url('../fonts/27E87B_0_0.ttf') format('truetype');}
@font-face {font-family: 'SabonLTStd-Roman';src: url('../fonts/27E87B_1_0.eot');src: url('../fonts/27E87B_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_1_0.woff') format('woff'),url('../fonts/27E87B_1_0.ttf') format('truetype');}
@font-face {font-family: 'SabonLTStd-Italic';src: url('../fonts/27E87B_2_0.eot');src: url('../fonts/27E87B_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_2_0.woff') format('woff'),url('../fonts/27E87B_2_0.ttf') format('truetype');}
@font-face {font-family: 'SabonLTStd-BoldItalic';src: url('../fonts/27E87B_3_0.eot');src: url('../fonts/27E87B_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_3_0.woff') format('woff'),url('../fonts/27E87B_3_0.ttf') format('truetype');}
@font-face {font-family: 'GillSansMT-Bold';src: url('../fonts/27E87B_4_0.eot');src: url('../fonts/27E87B_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_4_0.woff') format('woff'),url('../fonts/27E87B_4_0.ttf') format('truetype');}
@font-face {font-family: 'GillSansMT-BoldItalic';src: url('../fonts/27E87B_5_0.eot');src: url('../fonts/27E87B_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_5_0.woff') format('woff'),url('../fonts/27E87B_5_0.ttf') format('truetype');}
@font-face {font-family: 'GillSansMT-Italic';src: url('../fonts/27E87B_6_0.eot');src: url('../fonts/27E87B_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_6_0.woff') format('woff'),url('../fonts/27E87B_6_0.ttf') format('truetype');}
@font-face {font-family: 'GillSansMT';src: url('../fonts/27E87B_9_0.eot');src: url('../fonts/27E87B_9_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27E87B_9_0.woff') format('woff'),url('../fonts/27E87B_9_0.ttf') format('truetype');}

/* HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) */
html, button, input, select, textarea {color: #000}

::-moz-selection {
    background: rgb(252,180,23);
    text-shadow: none;
}
::selection {
    background: rgb(252,180,23);
    text-shadow: none;
}
:focus {outline: 0 !important}
::-moz-focus-inner {border: 0}

::-webkit-input-placeholder {color: #231f20}
:-moz-placeholder {color: #231f20}
::-moz-placeholder {color: #231f20}
:-ms-input-placeholder {color: #231f20}

em{
  font-family: "GillSansMT-Italic";
  font-style: normal;
}
strong em{
  font-family: 'GillSansMT-BoldItalic';
  font-style: normal;
}

h3{
    line-height: 22px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {vertical-align: middle}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {resize: vertical}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ========================================================================== */
/* 10SL custom styles */

body {
    color: #000;
    background-color: #fff;
    font: 1em/1.4 SabonLTStd-Roman, Georgia, 'Times New Roman', serif;
    padding-bottom: 8px;
    -webkit-font-smoothing: antialiased;
}

/* Global Anchors */
a {
    text-decoration: none;
    color: #3062ae;
    outline: 0;  
}
a:hover {color: #9fb7df}
a:visited {color: #787a7c}
a.more {
    font: 10px GillSansMT-Bold;
    text-transform: uppercase;
}
/* Headings */
h1, h2, h3, h4, h5, strong, b, .inner-page .main-contents a {
    font-family: GillSansMT-Bold;
    font-weight: normal
}

.blog .main-contents h2 a:visited,
.blog .main-contents h2 a{
    color: #fff;
    background-color: #fcb417;
    font: 26px/40px SabonLTStd-Roman;
}
h2 {
    color: #fff;
    background-color: #fcb417;
    font: 26px/40px SabonLTStd-Roman;
    padding-left: 8px;
    margin: 0
}
h3 {
    font-size: 18px;
    margin: 6px 0
}
h3 span {display: block}
h4 {
    font-size: 12px;
    margin: 6px 0 2px;
}
h5 {margin: 0 0 8px}

small {font-size: 11px}
i {font-family: GillSansMT-Italic}
.upper {text-transform: uppercase}
.inner-page .main-contents .links,
.inner-page .main-contents .links li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sans {font: 13px GillSansMT}

header {
    height: 136px;
    position: relative;
    border-bottom: 2px solid black;
}
.mouse {
    position: absolute;
    left: 530px;
    bottom: 0;
    width: 97px;
    height: 94px;
    background: url(../img/mouse.png) no-repeat;
}
/* Main Navigation */
nav {
    font-family: GillSansMT, Helvetica, Arial, sans-serif;
    overflow: hidden;
}

footer nav ul {
    height: 137px;
}
nav ul {
    float: left;
    padding: 3px 0;
    margin: 0;
    height: 130px;
    width: 212px;
    position: relative;
}
footer nav ul li {
    padding: 0;
}
nav ul li {
    padding: 0 8px;
    line-height: 16px;
}

.mac nav ul li{
    line-height: 15px;
}

nav .tie2 {background-color: #ececeb}
nav .tie2:last-child {width: 530px}
nav .tie3 {background-color: #d9d9d7; width: 310px}
header nav .sub.active {
  display: block;
}
nav .sub {
    display: none;
    position: absolute;
    top: 0;
    z-index: 10; /* Over Animated Mouse and Footer right links */
}
nav .tie3.first {left: 110px}
nav .first {left: 100px}
nav .tie3.sub.second {left: 220px}
nav .second {left: 210px}
nav .third {left: 320px}
nav .fourth {left: 220px}
nav .fifth {left: 220px}

nav .tie1.first{left: 0}
nav .tie1.second{left: 0}

nav .tie1.first .tie2.first{left: 212px;}
nav .tie1.first .tie2.second{left: 340px;}

nav .tie1.second .sub.tie2.first{left: 110px}
nav .tie1.second .sub.tie2.second{left: 230px}

nav .tie2.first .tie3.first{left: 230px;}

nav a {
    font-size: 13px;
    color: #000;
    outline: 0;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
nav a:visited, nav a:active {
    color: #000;
    outline: 0;
}
nav a span {
    line-height: 16px;
    margin-top: 1px;
    display: block;
    padding-left: 8px;
}


nav a:hover{
    color: #ef4623;
}
nav a.active {
    color: #ef4623;
    outline: 0;
    /* font-weight: bold; Transition not supported on Chrome & IE */
}

/* Layout */
.left {float: left}
.right {float: right}
.wrap {
    width: 952px;
    margin: 0 auto;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    overflow: hidden;
}
.col {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
}
.col.w196{
    padding-bottom: 35px;
}
.narrow {width: 210px}
.wide {width: 316px}
.w196 {width: 196px}
.w309 {width: 309px}
.w410 {width: 410px}
.w514 {
    width: 514px;
    margin: 0 16px 8px 8px;
}
.w620 {
    width: 604px;
    margin: 0 16px 8px 8px;
}
.widest {width: 732px}
.border {border-left: 2px solid #000}

/* Left Sidebar */
.bar {
    font: 15px/18px GillSansMT;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 210px;
}
.bar.left .newsletter span{
    margin-left: 7px;
}
.bar.left .newsletter input.submit{
    display: none;
}
.bar.left .newsletter{
    margin-top: 12px;
}

.bar.left{
    padding-top: 11px;
}
.bar input {
    display: block;
    margin: 8px auto;
    padding: 0 6px;
    width: 184px;
    height: 20px;
    font: 13px/20px GillSansMT;
    border: 1px solid #000;
}
.bar address {
    padding: 8px 8px 20px 8px;
    max-width: 196px;
    overflow: hidden
}
.bar ul, .main-contents ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bar address strong {
    font: 15px/18px GillSansMT-Bold;
    margin: 12px 0 5px;
    display: block;
}
.bar address strong:first-child {margin: 0 0 5px}
.bar .widget-image {margin: 5px auto 10px}
.bar h2 {
    font: normal 13px/20px GillSansMT-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    background-color: #939598;
}
.mac .bar h2{
  height: 19px;
  padding-top: 2px; 
}
.bar .links {
    width: 200px;
    margin: 0 auto;
}
.bar .links li {
    margin-bottom: 30px;
    border-top: 1px solid #000;
}
address {
    font-style: normal;
}



/* Footer Styles */
footer.wrap {
    border: 2px solid #000;
    position: relative;
    height: 352px;
}
footer .right {margin-left: 10px}
footer .left {
    text-align: center;
    font: 14px SabonLTStd-Bold;
    line-height: 19px;
    color: #231f20;
    padding-top: 40px;
}
footer .mainav {margin-left: -8px}
/*footer nav .tie1:first-child > li {padding-left: 0px}*/

footer address p{margin: 0}
footer address {font: 12px/30px GillSansMT}
footer address span {
    display: inline-block;
    margin-left: 10px;
}
footer .links {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
}
footer .links {
    top: 207px;
    right: 4px;
    width: 92px;
}
footer .links a {
    font: 13px GillSansMT;
}
footer .social {
    background: url(../img/social.png) no-repeat;
    width: 131px;
    top: 277px;
    right: 8px;
}
footer .social li {display: block; float: left;}
footer .social .email a {
    width: 35px;
}
footer .social a {
    display: inline-block;
    width: 23px;
    height: 23px;
}
footer .social .mass a {
    width: 90px;
    height: 55px;
}
footer .social .facebook {margin-left: 9px}
footer .social .twitter {margin-left: 9px}
footer .social .pinterest {margin-left: 9px}

/* Main Contents */
.main {
    font: 15px/18px GillSansMT;
    overflow: hidden
}

.main.border{
    position: relative;
}

.main .box {
    display: block;
    position: relative
}
.main .box img {margin: 8px}
.main .box strong {
    display: block;
    font: normal 13px/20px GillSansMT-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    margin: 0;
}

.mac .main .box strong {
  height: 19px;
  padding-top: 2px;
}


.main .box span span.image-credit p{
    padding: 0;
    margin: 0;
}
.main .box span span.image-credit{
    position: absolute;
    width: 286px;
    height: auto;
    bottom: 15px;
    top: initial;
    color: white;
    font-size: 12px;
    line-height: 13px;
    left: 8px;
}

.main .box>span
{
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 8px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.view-id-upcoming_events{
  height: 259px;
}

.main .box:hover span {
    opacity: 1;
    visibility: visible;
}
/* Play Triangle */
.main .box span .play {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 22.5px 0 22.5px 40px;
    border-color: transparent transparent transparent #ffffff;
}
/* BG Colors */
.exhibitions .white {background-color: #fff; color: #000}
.black {background-color: #000}
.green {background-color: #6ea535}
.blue {background-color: #2360bf}
.red {background-color: #ef4623}
.yellow {background-color: #fcb417}

.main .info li:first-child {margin-top: 10px}
.main .info li {
    width: 196px;
    margin: 4px auto 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}
.main .info li:last-child {border-bottom: none;}
.main .info b {
    display: block;
    font-weight: normal;
    text-transform: uppercase
}
/* Slider */
.slider {
    margin: 0;
    padding: 0;
    height: 394px;
    overflow: hidden;
}
.slider .expand {
    position: absolute;
    right: 4px;
    bottom: 0;
    text-transform: uppercase;
    z-index: 999;
    color: #fff;
    font: 12px GillSansMT;
    letter-spacing: 2px;
    line-height: 26px
}
.tri {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent #ffffff;
}
.overlay {
    visibility: hidden;
    opacity: 0;
    z-index: 990;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.65);
}
.expanded {
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    /*margin-left: -264px;*/
    width: 740px;
    overflow: hidden;
}
.expanded .caption {
    background: #2260bf;
    color: #fff;
    padding: 12px;
    overflow: hidden;
    position: relative;
}
.expanded a {
    font: 18px GillSansMT-Bold;
    color: #fff;
    position: absolute;
    right: 8px;
    top: 8px;
}
.expanded strong {
    font-size: 18px;
}
.expanded p {
    margin: 0;
    font-size: 13px;
}
/* Waeather */

.weather {
    /*display: none;*/
    width: 320px;
    height: 80px;
    padding: 15px 70px 15px 30px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    z-index: 51;
    margin-top: -170px;
    margin-left: 320px;
  -webkit-box-shadow: -4px 4px 4px 0px rgba(0,0,0,.25);
          box-shadow: -4px 4px 4px 0px rgba(0,0,0,.25);
}
.weather p {
    float: left;
    text-align: center;
    font: 18px/26px SabonLTStd-Italic;
    margin: 0;
    width: 170px;
}
.weather img {
    float: right;
    vertical-align: top
}
.backtop.visible {
    opacity: 1;   
    visibility: visible;
}
.backtop {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    left: 75%;
    bottom: 0;
    width: 88px;
    padding: 8px 0;
    background-color: #fff;
    color: #000;
    z-index: 100;
    font: 13px/17px GillSansMT-Bold;
    text-transform: uppercase;
    text-align: center;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.25);
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,.25);
}
/* Inner Pages */
.node-type-past-exhibitions-index.inner-page .main-contents{padding-bottom: 0;}
.inner-page .main-contents {
    overflow: hidden;
    font: 12px/16px SabonLTStd-Roman;
    padding-bottom: 18px;
}
.inner-page .main-contents em{
    font-family: "SabonLTStd-Italic";
    font-style: normal;
}
.inner-page .main-contents strong em{
    font-family: "SabonLTStd-BoldItalic";
    font-style: normal;
}
.inner-page .main-contents ul {
    list-style: disc;
    padding-left: 15px;
}
.inner-page .main-contents ul li {margin-bottom: 8px;}

.inner-page .main-contents section {
    border-top: 1px solid #fcb417;
    margin: 12px 0;
}
.inner-page .main-contents section:first-of-type {
    border-top: none;
    margin-top: 0; /* OK on Current Exhibs */
}
.virtual-tour .main-contents section:first-of-type {margin-top: 12px}

/* Right Col Images */
.col .picture {margin-top: 16px}

/* Past Exhibitions Index */
.index h3 {margin: 8px}
.index .node-full .narrow {
    padding: 0 8px;
    border-left: 2px solid #000;
}
.index .narrow:first-of-type {border-left: none}
.inner-page.index .main-contentsul li:last-child {margin-bottom: 0}

.inner-page.index .main-contents ul {
    list-style: none;
    padding-left: 0;
}
.index .letter {
    display: block;
    margin: 8px 0;
    font-size: 14px;
    text-transform: uppercase;
}

/* Past Exhibitions page */
.mac.exhibitions h1 {
    height: 19px;
  padding-top: 2px; 
}
.exhibitions h1 {
    font: normal 12px/20px GillSansMT-Bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    margin: 0;
    padding-left: 8px;
}
.exhibitions time {
    display: block;
    font: 13px/13px GillSansMT-Bold;
}
.exhibitions .main-contents section {
    border: none;
    overflow: hidden;
}
.exhibitions .w309 {float: right;}
.exhibitions figcaption {font: 11px/16px GillSansMT; text-align: left;}

.exhibitions .main-contents p,
.exhibitions .main-contents a,
.exhibitions .main-contents h3,
.exhibitions .main-contents time {
    margin-left: 8px;
    margin-right: 8px
}

.exhibitions .main-contents p a{
    margin-left: 0;
    margin-right: 0;
}

.exhibitions .main-contents .field-name-body a{
    margin-left: 0;
    margin-right: 0;
}

.exhibitions .main-contents h3 {margin-top: 10px}

/* Blog Pages */
.page-blogs .main-contents,
.blog .main-contents {font: 12px/16px SabonLTStd-Roman}
.blog .main-contents em {font-family: "SabonLTStd-Italic"; font-style: normal;}
.blog .main-contents strong em {font-family: "SabonLTStd-BoldItalic"; font-style: normal;}
.page-blogs .main-contents a,
.blog .main-contents a {font: 12px GillSansMT-Bold}
.page-blogs .main-contents a:visited,
.blog .main-contents a:visited {color: #3062ae;}
.blog .main-contents p {margin: 0 8px 12px}
.blog .main-contents .block p {
    margin: 10px 8px 10px 0;
}

#block-block-3{
    padding-top: 10px;
}
.blog .main-contents article > time {
    display: block;
    font: 13px/28px GillSansMT-Bold;
    border-bottom: 1px solid #fcb417;
    margin: 2px 8px 4px;
}

.blog article .link-title img{
    width: 100%;
}
.blog article .link-title{
    display: block;
    margin: 0;
    width: 100%;
}
.mac.blog h1{
    padding-top: 2px;
}

.page-blogs-shop-talk.blog h1{
    background-color: #2260bf;
}
.blog h1 {
    font-size: 18px;
    line-height: 30px;
    background-color: #6ea535;
    color: #fff;
    margin: 24px 0 0;
    padding-left: 8px;
}
.blog article:first-child h1 {margin-top: 0}
.blog article:last-child {margin-bottom: 24px}

.blog .w514 {
    margin: 0 8px 0 0;
    border-right: 2px solid #000;
}

.blog-post img.inner {margin-bottom: 12px; margin-top: 12px; margin-left: -8px;}
.blog-post .author img {display: block}
.blog-post .tags {margin: 0 8px 12px}
.blog-post .tags li {display: inline}
.blog-post .tags li:after {content: ', '}
.blog-post .tags li:last-child:after {content: '.'}

.blog-teaser-content img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.blog .blog-teaser-content p{
    margin-left: 0;
    margin-right: 0;
}
.blog-teaser-content{
    margin: 0 8px;
}

.blog-post .reply {margin: 0 8px}
.blog-post .reply h4 {
    font-family: SabonLTStd-Bold;
    margin-bottom: 8px
}
.blog-post form {overflow: hidden}
.blog-post label {
    display: block;
    margin-bottom: 8px
}
.blog-post input, .blog-post textarea {
    border: 1px solid #000;
    line-height: 18px;
    margin-right: 12px;
    padding: 0 2px;
    font-family: GillSansMT;
}
.blog-post input {
    width: 190px;
    height: 18px;
}
.blog-post textarea {
    width: 488px;
    margin-bottom: 8px
}
.blog-post input[type="submit"] {
    display: block;
    float: right;
    margin-right: 4px;
    width: 90px;
    height: 22px;
    border: none;
    font: 12px/18px GillSansMT;
    text-transform: uppercase;
    background-color: #ef4623;
    color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-clip: padding-box;
}
.blog-post ol {
    list-style: none;
    margin: 0;
    padding: 0;
    font: 12px GillSansMT;
}
.blog-post ol li {
    margin-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #fcb417;
}

.blog-post .comment ul.links.inline {
    position: inherit;
    overflow: auto;
    width: 100%;
    display: block;
}

ul.links.inline li {
    float: left;
    margin: 0;
    border: 0;
}

.blog-post .comment-form{
    padding-top: 7px;
}

.comment-form .messages.error ul,
.comments .messages.error ul{
    margin: 0;
}
.comment-form textarea.error,
.comment-form input.error,
.comments textarea.error,
.comments input.error{
    border: 2px solid red;
}
.comment-form .messages.error li,
.comments .messages.error li{
    border: 0;
}
.comments .messages.error{
    padding: 0;
}

.blog-post ol li b {text-transform: uppercase}
.blog-post ol li b, .blog-post ol li time, .blog-post ol li a {display: block}
.blog-post .main-contents ol li p {margin: 8px 0}

#block-carle-contributors-list .content ul li{
    margin-bottom: 18px;
}

/* Upcoming Events */
.events h1 {
    border-top: 1px solid #fcb417;
    margin-left: 8px;
    padding-left: 0;
}
.events .filters {
    width: 196px;
    margin: 8px 8px 0 0;
}
.events .main-contents .filters ul {
    border: 1px solid #000;
    padding: 4px 0;
    margin-top: 8px;
}
.events .filters a {color: #000}
.events .filters a:hover {color: #ff3333}

/* Calendar Page */
.calendar .content-wrapper .current {
    padding: 8px;
    font-size: 13px;
    overflow: hidden
}
.calendar .content-wrapper .current .desc {display: block}
.calendar .content-wrapper .current .color {
    display: inline-block;
    vertical-align: middle;
    height: 4px;
    width: 33px;
}
.calendar .content-wrapper .current .filters label {
    display: block;
    margin: 6px 0;
}
.mac.calendar .content-wrapper .current .filters select {
  padding: 2px;
}
.upcoming-events .filters select,
.calendar .content-wrapper .current .filters select {
    font: normal 13px/20px GillSansMT-Bold;
    height: 24px;
    border: 1px solid #000;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: #fff url(../img/select.gif) no-repeat;
    background-size: 100% 100%;
}

.mac.upcoming-events .filters select,
.mac.calendar .content-wrapper .current .filters select {
    padding-top: 2px;
    padding-left: 7px;
}
    
/* Month Selector Bar */
.calendar .select-month {
    display: block;
    text-align: center;
    height: 30px;
    background-color: #fcceb7
}
.calendar .select-month li {display: inline-block}
.calendar .select-month .month {
    margin: 0 8px;
    text-transform: uppercase;
    font: normal 18px/30px GillSansMT-Bold;
}
/* Triangles */
.calendar .select-month .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    cursor: pointer
}
.calendar .select-month .prev {
    border-width: 6px 8px 6px 0;
    border-color: transparent #000000 transparent transparent
}
.calendar .select-month .next {
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #000000
}

/* Weekdays */
.calendar ol, .calendar ol li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}
.calendar .week {overflow: hidden}
.calendar .week li {
    float: left;
    width: 104px;
    height: 20px;
    font: 12px/20px GillSansMT-Bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background-color: #ef4623;
    border-right: 2px solid #fff;
}
.calendar .week li:last-child,
.calendar .days li:last-child {border-right: 0}
.calendar .days:last-child li {border-bottom: 0}

/* Month Grid */
.calendar .days {overflow: hidden}
.calendar .days li {
    float: left;
    position: relative;
    width: 104px;
    font-size: 10px;
    line-height: 12px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    padding-bottom: 24px;
}

.calendar .days li .less:visited,
.calendar .days li .more:visited{
  color: #2260bf;
}
.calendar .days li .less,
.calendar .days li .more{
  margin-left: 8px;
  font-family: 'GillSansMT-Bold';
}

.calendar .days li.off {background-color: #d9d9d7}
.calendar .days li p a:hover,
.calendar .days li p a{
    color: black;
}
.calendar .days li p {
    margin: 0 8px 8px
}
.calendar .days li .number {
    font: 14px/14px GillSansMT-Bold;
    display: block;
    margin: 2px 0 0 8px;
}
.calendar .days li .gallery {
    position: absolute;
    bottom: 0;
}
.calendar .days li .gallery li {
    min-height: 4px;
    height: 4px;
    padding: 0;
    border: 0;
    margin-bottom: 4px;
    visibility: hidden;
}
.calendar .days li .gallery li.on {visibility: visible}

/* Share Links */
a.share {
    display: block;
    width: 65px;
    height: 20px;
    line-height: 20px;
    margin: 3px 0;
    padding-left: 25px;
    background: url(../img/share-icon.png) left center no-repeat;
}
.mac a.share{
  line-height: 22px;
}

a.preview {
    display: block;
    /*width: 65px;*/
    height: 20px;
    line-height: 20px;
    margin: 3px 0;
    padding-left: 25px;
    background: url(../img/preview-icon.png) left center no-repeat;
}
section div.links{
  clear: both;
  overflow: auto;
  width: 100%;
}
section div.links a{
  float: left;
}

.node-current-exhibitions a.share{
  clear: left;
}
time a.share, form a.share {float: right}
form a.share {margin: 0}

/* ========================================================================== */
/* Helper classes */
.trans {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {visibility: hidden}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {clear: both}
.clearfix {*zoom: 1}

/* Print styles */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited {text-decoration: underline}
    a[href]:after {content: " (" attr(href) ")"}
    abbr[title]:after {content: " (" attr(title) ")"}

    /* Don't show links for images, or javascript/internal links */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {display: table-header-group; /* h5bp.com/t */}
    tr, img {page-break-inside: avoid}
    img {max-width: 100% !important}
    @page {margin: 0.5cm}
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {page-break-after: avoid}
}

/* Testing */
.print {
    position: fixed;
    background-color: pink;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    top: 0;
    right: 0;
}

/* Active Menu Option */

/* Current color added via jQuery so it can be changed on browsing the menu
.blog li.blogs > a,
.calendar li.programs > a,
.upcoming-events li.programs > a,
.current-exhibitions li.exhibitions > a,
.hours-admission li.visit > a,
.past-exhibitions li.exhibitions > a,
.virtual-tour li.visit > a
{color: #ef4623}
*/

/* Only expand submenus from header, not footer */
.blog header li.blogs ul,
.calendar header li.programs ul,
.upcoming-events header li.programs ul,
.current-exhibitions header li.exhibitions ul,
.hours-admission header li.visit > ul,
.past-exhibitions header li.exhibitions ul,
.virtual-tour header li.visit > ul
{display: block}

.making-art-blog header li.blogs ul li.making-art a,
.calendar header li.programs ul li.calendar a,
.upcoming-events header li.programs ul li.upcoming a,
.current-exhibitions header li.exhibitions ul li.current a,
.hours-admission header li.visit ul li.hours a,
.past-exhibitions header li.exhibitions ul li.past a,
.virtual-tour header li.visit ul li.virtual a
{color: #ef4623}

/*--*/

.calendar{
  width: auto;
}

label{
  font-weight: normal;
}
  
.item-list ul li{
  margin: 0;
}

.bx-wrapper img.expanded{
  display: none;
}

/*UPCOMING EVENTS HOMEPAGE WIDGET*/
.view-upcoming-events .view-content .views-row.views-row-last{
  border-bottom: none;
}
.view-upcoming-events .view-content .views-row{
  border-bottom: 1px solid black;
  padding-bottom: 15px;
  margin-top: 3px;
  width: 196px;
  margin: 4px auto 0;
}

.view-upcoming-events{
    height: 265px;
}

.view-upcoming-events a{
  color: #2360bf;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "GillSans-Bold"
}

.view-upcoming-events .views-field-field-event-date{
  text-transform: uppercase;
}

.box .view-content span{
  display: inline;
  position: static;
  opacity: 1;
  color: black;
  visibility: visible;
  padding: 0;
}
.box .view-content a{
  font: 10px GillSansMT-Bold;
  text-transform: uppercase;
}

.view-upcoming-events .view-content .views-row.views-row-first{
  margin-top: 10px;
}
.box .view-content .date-display-single{
  text-transform: uppercase;
}

#search-block-form .form-actions{
  display: none;
}

/*WYSIWYG STYLES*/
h3.title{
  margin-top: 12px;
  padding-top: 6px;
}
h3.top-border-title{
  border-top: 1px solid #FCB417;
  margin-top: 17px;
  padding-top: 6px;
}
h4.subtitle{
  
}

/*FORM STYLES*/


label span.form-required{
  display: none;
}

.node-webform.node-full .content{
  margin: 7px;
}

.node-type-webform .main-contents div.content-wrapper{
  background-color: #fff7e7;
}

div.messages.error{
  border: 0;
  background: none;
  padding-left: 7px;
}

.node-webform  .form-item input.error, 
.node-webform .form-item textarea.error, 
.node-webform .form-item select.error{
  border: 1px solid red;
}

.node-webform.node-full{
  padding-bottom: 25px;
}

.node-webform.node-full .field-name-body{
  width: 620px;
}

.node-webform input[type="email"],
.node-webform input[type="text"],
.node-webform textarea{
  border: 1px solid #888888;
}
.node-webform fieldset{
  width: 645px;
}
.node-webform legend{
  font-family: GillSansMT-Bold;
  font-size: 18px;
}

#webform-component-primary-contact .webform-component input[type="text"],
#webform-component-primary-contact .webform-component input[type="email"]{
  width: 301px;
}
#webform-component-primary-contact .webform-component{
  float: left;
  width: 319px;
}

#webform-component-group-information .webform-component select,
#webform-component-group-information .webform-component input[type="text"],
#webform-component-group-information .webform-component input[type="email"]{
  width: 301px;
}
#webform-component-group-information .webform-component{
  float: left;
  width: 319px;
}

#webform-component-group-information #webform-component-group-information--group-name{
  width: 620px;
}
#webform-component-group-information #edit-submitted-group-information-group-name{
  width: 620px;
}

#webform-component-program-location{
  width: 302px;
  float: left;
  margin-right: 20px;
}
fieldset.webform-component-fieldset.collapsible{
    margin: 15px 0px;
    line-height: 2em;
}
#webform-component-how-did-you-hear-about-us{
    clear: both;
    margin-top: 35px;
}
#webform-component-program-location>label{
  font-family: GillSansMT-Bold;
  font-size: 14px;
}

#edit-submitted-program-location .form-item.form-type-checkbox{
  float: left;
  margin-right: 25px;
}

#webform-component-participant-type{
  width: 302px;
  float: left;
}

#webform-component-participant-type>label{
  font-family: GillSansMT-Bold;
  font-size: 14px;
}

#edit-submitted-participant-type .form-item.form-type-checkbox{
  float: left;
  margin-right: 37px;
}

/*WIDE TEXT*/
#webform-component-information #webform-component-information--address,
#webform-component-information--address #edit-submitted-information-address,
#webform-component-special-needs-accommodations,
#webform-component-tell-us-more-about-your-event,
#webform-component-how-did-you-hear-about-us,
#webform-component-questions-comments,
#webform-component-questions---comments,
#edit-submitted-event-information-purpose-of-event,
#webform-component-event-information input[type="text"],
#webform-component-event-information input[type="email"],
#edit-submitted-organization-description,
#webform-component-workshop input[type="text"],
#webform-component-workshop input[type="email"],
#webform-component-group-size input[type="text"],
#webform-component-group-size input[type="email"]{
  width: 620px;
}

/*SUBTITLES FONT*/
#webform-component-workshop--student-selections-options>label,
#webform-component-workshop--adult-pd-selections>label,
#webform-component-space-rented>label,
#webform-component-number-of-guests>label,
.form-type-checkboxes.form-item-submitted-event-time-select>label,
.form-type-radios.form-item-submitted-event-type-select>label,
#webform-component-questions---comments>label,
#webform-component-tell-us-more-about-your-event>label,
#webform-component-special-needs-accommodations>label,
#webform-component-how-did-you-hear-about-us>label,
#webform-component-questions-comments>label,
#webform-component-lunch-options>label,
#webform-component-group-size--self-guided-group-program label,
#webform-component-group-size--guided-group-program label{
  font-family: GillSansMT-Bold;
  font-size: 14px;
}
/*FIELDSETS TITLE*/
#webform-component-workshop>legend,
#webform-component-group-size>legend{
  margin-bottom: 10px;
}

/*LINE BREAKS*/
#webform-component-group-size--self-time:after,
#webform-component-group-size--time:after{
  content: '';
  display: block;
  height: 1px;
  border-bottom: 1px solid #fcb417;
  width: 620px;
  margin-top: 20px;
}

/*RADIO BUTTONS*/
#webform-component-event-information--have-you-received-a-donation-from-us-before .form-type-radio,
#webform-component-event-information--is-this-event-a-fundraiser .form-type-radio,
#webform-component-organization-type .form-type-radio,
#webform-component-lunch-options .form-item.form-type-radio{
  float: left;
  margin-right: 25px;
}

/*CLEARING*/
#webform-component-event-information--who-do-the-proceeds-benefit,
#webform-component-event-information--if-so-when-was-it-received,
#webform-component-organization-description,
#webform-component-special-needs-accommodations{
  clear: both;
}

/*SUBMIT BUTTON*/
.webform-client-form input[type="submit"]{
  border-radius: 0;
  border: none;
  background-color: #ef4623;
  color: white;
  font-family: GillSansMT-Bold;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 3px;
}

.node-type-webform .main-contents{
  padding-bottom: 0;
}

#webform-component-facility-rental-tour-request--date input[type="text"],
#webform-component-facility-rental-tour-request--time input[type="text"],
#webform-component-information .webform-component input[type="text"],
#webform-component-information .webform-component input[type="email"]{
  width: 301px;
}

#webform-component-facility-rental-tour-request--date,
#webform-component-facility-rental-tour-request--time,
#webform-component-information .webform-component{
  float: left;
  width: 319px;
}

.node-webform .field-name-body{
  font-size: 12px;
}

/*CURRENT EXHIBITIONS*/

.node-slideshow-page .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto,
.node-type-event  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
  position: static;
}

.node-slideshow-page .bx-wrapper img,
.node-type-event .bx-wrapper img{
  margin: 0 auto;
}
.node-slideshow-page .main-contents  .bx-wrapper ul,
.node-type-event .main-contents  .bx-wrapper ul{
  padding-left: 0;
  height: 394px;
}

.main-contents .node-slideshow-page ul,
.node-type-event .main-contents ul{
    padding: 0;
}

.node-slideshow-page section,
.node-type-event .node section{
  padding: 9px;
}
.node-type-event time {
  display: block;
  font: 13px/13px GillSansMT-Bold;
}
.node-slideshow-page .bx-wrapper,
.node-type-event .bx-wrapper{
  background-color: black;
}

.node-slideshow-page .main-contents .bx-wrapper ul li,
.node-type-event .main-contents .bx-wrapper ul li{
  height: 394px;
}

.node-slideshow-page .bx-wrapper .bx-prev:hover,
.node-slideshow-page .bx-wrapper .bx-prev,
.node-type-event .bx-wrapper .bx-prev:hover,
.node-type-event .bx-wrapper .bx-prev{
  background-image: url(../img/arrows.png);
  background-position: 0 0;
  width: 21px;
  left: 35px;
}
.node-slideshow-page .bx-wrapper .bx-next:hover,
.node-slideshow-page .bx-wrapper .bx-next,
.node-type-event .bx-wrapper .bx-next:hover,
.node-type-event .bx-wrapper .bx-next{
  background-image: url(../img/arrows.png);
  background-position: -20px 0;
  width: 21px;
  right: 35px;
}

div.node-news div.content{
  padding: 9px;
}
.field-collection-container{
    border-bottom: none;
    margin-bottom: 0;
}

.field-collection-item-field-sections .content{
  overflow: auto;
  width: 100%;
}
.field-collection-item-field-sections .field-name-field-body{
  width: 500px;
  float: left;
}

.field-collection-item-field-sections .field-name-field-image{
  float: right;
  width: 196px;
  margin-top: 16px;
}

.field-collection-view{
  border: 0;
}

.node-slideshow-page figcaption,
.node-event figcaption{
  float: right;
  width: 196px;
  font-size: 11px;
  margin-top: 7px;
}

.form-item-search-block-form input{
  
}

/*Internal pages*/

.node-full .field-name-field-map{
    margin-bottom: 25px;
}

.field-name-field-header-image{
  margin-bottom: 25px;
}

.node-upcoming-exhibitions section,
.node-current-exhibitions section,
.node-past-events section .col.w410,
.node-upcoming-events section .col.w410{
    position: relative;
}

.node-upcoming-exhibitions .view-anchor-link,
.node-current-exhibitions .view-anchor-link{
    color: white;
}
.view-anchor-link{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

/*User profile*/
.profile .w410{
    margin-left: 8px;
    margin-right: 8px;
}

html.js fieldset.collapsible a.fieldset-title{
    color: black;
}
html.js fieldset.collapsed{
    height: auto;
    line-height: 2em;
}

html.js fieldset.collapsed .fieldset-legend{
    background-position: 0px 50%;
}

html.js fieldset.collapsible .fieldset-legend{
    padding-left: 9px;
    background-position: 0px 65%;
}

/*image credits*/
.widget-image-credits,
.expanded-image-credits,
.header-image-credits{
    position: absolute;
    background-color: #fcb417;
    color: white;
    width: 215px;
    padding: 5px 7px;
    right: -25px;
    font-size: 12px;
    line-height: 13px;
    top: 50px;
    font-family: GillSansMT;
}

.widget-image-credits{
    width: 180px;
    right: 0;
}

.field-name-field-header-image img{
    max-width: 100%;
    height: auto;
}
.field-name-field-header-image{
    position: relative;
}

body.node-type-page .col.w620{
    overflow: visible;
}