article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #252525; } body { margin: 0; line-height: 1.4; } ::-moz-selection { background: #ba4b8e; color: #fff; text-shadow: none; } ::selection { background: #ba4b8e; color: #fff; text-shadow: none; } a, a:active{outline: none;-moz-outline-style: none;} a:focus{outline: none;-moz-outline-style: none;} abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: "franklin-gothic-urw-n3", "franklin-gothic-urw",sans-serif; color:#252525; font-size:15px; } p { } h1,h2,h3,h4,h5 { font-weight:400; } a { color:#252525; } a.active, a:HOVER { color:#ba4b8e; } .menu-global-nav-container a, .col-sidenav a, .col-page-text a, #footer a, #crumbs a, .feature-link { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .inline { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } .transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } .trans80 { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; } .atlanta, .news-atlanta:HOVER, .menu-item-154 a:HOVER { color:#5f4794; } .atlanta:HOVER { color:#4f3980; } .atlanta-bg { background-color:#5f4794; } .atlanta-bg:HOVER { background-color:#4f3980; } .text-pad .atlanta { color:#5f4794; } .text-pad .atlanta:HOVER { color:#4f3980; border-bottom:1px solid #4f3980; } .boston, .news-boston:HOVER, .menu-item-155 a:HOVER { color:#653333; } .boston:HOVER { color:#502828; } .boston-bg { background-color:#653333; } .boston-bg:HOVER { background-color:#502828;} .text-pad .boston { color:#653333; } .text-pad .boston:HOVER { color:#502828; border-bottom:1px solid #502828; } .chicago, .news-chicago:HOVER, .menu-item-156 a:HOVER { color:#3f3f81; } .chicago:HOVER { color: #2e2e69; } .chicago-bg { background-color:#3f3f81; } .chicago-bg:HOVER { background-color:#2e2e69; } .text-pad .chicago { color:#3f3f81; } .text-pad .chicago:HOVER { color:#2e2e69; border-bottom:1px solid #2e2e69; } .houston, .news-houston:HOVER, .menu-item-157 a:HOVER { color:#2d5361; } .houston:HOVER { color:#244855; } .houston-bg { background-color:#2d5361; } .houston-bg:HOVER { background-color:#244855; } .text-pad .houston { color:#2d5361; } .text-pad .houston:HOVER { color:#244855; border-bottom:1px solid #244855; } .los-angeles, .news-los-angeles:HOVER, .menu-item-555 a:HOVER { color:#3b74aa; } .los-angeles:HOVER { color:#2c5a85; } .los-angeles-bg { background-color:#3b74aa; } .los-angeles-bg:HOVER { background-color:#2c5a85; } .text-pad .los-angeles { color:#3b74aa; } .text-pad .los-angeles:HOVER { color:#2c5a85; border-bottom:1px solid #2c5a85; } .new-york, .news-new-york:HOVER, .menu-item-153 a:HOVER { color:#ba4b8e; } .new-york:HOVER { color:#a33e7b; } .new-york-bg { background-color:#ba4b8e; } .new-york-bg:HOVER { background-color:#a33e7b; } .text-pad .new-york { color:#ba4b8e; } .text-pad .new-york:HOVER { color:#a33e7b; border-bottom:1px solid #a33e7b; } .san-francisco, .news-san-francisco:HOVER, .menu-item-152 a:HOVER { color:#85294f; } .san-francisco:HOVER { color:#732042; } .san-francisco-bg { background-color:#85294f; } .san-francisco-bg:HOVER { background-color:#732042; } .text-pad .san-francisco { color:#85294f; } .text-pad .san-francisco:HOVER { color:#732042; border-bottom:1px solid #732042; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .fullWidth { width:960px; margin:auto; } #header { border-top:solid 13px #dbdbdb; position:relative; width:100%; } h1#main-title { position:relative; width:241px; height:60px; margin:13px 0 0; } h1#main-title a { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(../art/artadia-logo-new.png); background-repeat:no-repeat; text-indent:-6000px; } .mission { width:100%; background-color:#ba4b8e; color:#fff; position:relative; } .mission-inner { padding:15px 30px; } .mission p { margin:0 0 5px; font-size:30px; line-height:36px; } .mission-logo { width:121px; position:relative; background:url(../art/mission_logo.png) no-repeat 0 0; height:36px; text-indent:-6000px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin:0 2px 0 0; } .mission-more { text-transform:uppercase; font-size:15px; text-decoration:none; color:#000; } .mission-more:HOVER { color:#e9e9e9; } .header-alert-ul { position:absolute; width:50%; top:15px; right:0; margin:0; padding:0; font-size:15px; border-left:1px solid #e9e9e9; } .header-alert-li { padding:0 30px 0 31px; list-style:none; } .header-alert-li p { margin:5px 0; display:inline; } .header-alert-li a { text-decoration:none; font-weight:600; } /*.home .menu-global-nav-container { position:relative; width:100%; text-align:center; margin:60px 0 0; height:42px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }*/ .menu-global-nav-container { position:absolute; top:10px; right:0; text-transform:uppercase; } .menu-global-nav-container ul { margin:0; padding:0; } .menu-global-nav-container ul li { list-style:none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-top: 14px;} .menu-global-nav-container ul li a { display:block; text-decoration:none; font-size:16px; letter-spacing:2px; padding:0px 15px; color:#252525; } .menu-global-nav-container ul li a:HOVER, .menu-global-nav-container ul li.current-menu-item a, .menu-global-nav-container ul li.current-page-ancestor a { color:#ba4b8e; } .tax-city .menu-global-nav-container ul li.menu-item-51 a, .single-news .menu-global-nav-container ul li.menu-item-51 a { color:#ba4b8e; } .menu-global-nav-container ul li.donate a { padding: 5px 10px; border: 1px solid #ba4b8e; background-color: #FFF; color: #ba4b8e; font-family: "franklin-gothic-urw-n3", "franklin-gothic-urw",sans-serif; text-transform: uppercase; } .menu-global-nav-container ul li.donate a:hover { border: 1px solid #000; color: #000; } .prepNav { padding-top:149px; } .prepNav #header { position:fixed; left:0px; width:100%; height:76px; background-color:#b64188; z-index:99; border:none; top:-105px; -webkit-transition:all .05s; -moz-transition:all .05s; -o-transition:all .05s; transition:all .05s; } .navStick #header { top:0px; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; } .admin-bar.navStick #header { top:28px; } .prepNav #header h1#main-title { margin:0px; padding:0px; width:135px; height:76px; } .prepNav #header h1#main-title a { background-image:url(../art/stick-logo.png); background-repeat:no-repeat; background-position:0 50%; } .prepNav #header .inner { width:960px; margin:auto; position:relative; } .prepNav #header .menu-global-nav-container { top:0px; display:none; } .navStick #header .menu-global-nav-container { display:block; } .prepNav #header .menu-global-nav-container a { color:#fff; line-height:76px; } .prepNav #header .menu-global-nav-container a:HOVER { color:#E3E3E3; } .prepNav #header ul li.current-menu-item a, .prepNav #header .menu-global-nav-container ul li.current-page-ancestor a, .archive.prepNav #header .menu-global-nav-container ul li.menu-item-51 a { color:#fff; background-image:url(../art/nav-arr-up.png); background-repeat:no-repeat; background-position:50% 100%; } .prepNav .header-alert-ul { display:none; } #crumbs { display:none; position:absolute; bottom:-29px; left:0; width:100%; height:29px; background-color:#E3E3E3; font-size:15px; line-height:29px; color:#ba4b8e; } #crumbs .inner { width:960px; margin:auto; position:relative; } .navStick #crumbs { display:block; } #crumbs a { text-decoration:none; } .home-features { width:100%; height:322px; margin:28px 0 18px; padding:0; position:relative; } .home-feature { list-style:none; position:absolute; width:100%; height:100%; background-color:#DBDBDB; top:0; left:0; overflow:hidden; } .feature-fade { display:none; background:url(../art/feature_fade.png) repeat-y 0 0; position:absolute; height:100%; width:50px; z-index:-1; top:0; left:-50px; } .home-feature .feature-link { display:block; width:100%; height:100%; text-decoration:none; background-color:#F2F2F2; } .home-feature .feature-link:HOVER { background-color:#DBDBDB; color:inherit; } .feature-image { background-size:100% auto; background-size:cover; background-repeat:no-repeat; background-position:center center; width:50%; height:100%; position:absolute; } .feature-image img { visibility:hidden; } .feature-text-left .feature-link { margin:0 0 0 50%; } .feature-text-right .feature-link { margin:0 50% 0 0 ; } .feature-arrow { width:36px; height:112px; position:absolute; top:50%; margin-top:-56px; background-image:url(../art/feature-arrow.png); background-repeat:no-repeat; cursor:pointer; z-index:15; } .cycle-prev { left:-48px; background-position:0px 0px; } .cycle-next { right:-48px; background-position:-36px 0px; } .top-shuf { margin-left:160px; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .25s; -moz-transition:all .25s; -o-transition:all .25s; transition:all .25s; } .z-top { z-index:9; } .mid-shuf { margin-left:80px; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .z-mid { z-index:6; } .low-shuf { margin-left:0px; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; } .z-low { z-index:3; } .off-shuf { margin-left:320px; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .z-off { z-index:12; } .prep-shuf { margin-left:120px; opacity:0; filter:alpha(opacity=0); } .z-prep { z-index:0; } .shuffle-buffer { width:80px; height:100%; position:absolute; cursor:pointer; z-index:25; top:0; } .bottom-feature { left:0; } .middle-feature { left:80px; } .feature-text { width:50%; height:100%; position:absolute; top:0; right:0; font-size:15px; line-height:28px; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .feature-text .inner { padding:25px 50px 25px 25px; position:absolute; bottom:0; } .feature-text h1 { font-size:28px; line-height:1; margin:0; font-weight:700; padding:0 10px 0 0;} #main .feature-text p { margin:10px 0 0; line-height:1.4; } .feature-text .feature-read-more { text-transform:uppercase; text-decoration:none; color:#ba4b8e; margin:10px 0; font-size: 15px; letter-spacing: .1em; } .feature-text .feature-read-more:HOVER { color:#ECECEC; } .news-features { width:100%; height:472px; margin:0; padding:0; position:relative; } .news-feature { list-style:none; display:none; width:100%; position:absolute; height:100%; background-repeat:no-repeat; background-position:center center; background-size:100% auto; } #news-feature-1 { display:block; } .news-feature-text { width:100%; height:auto; position:absolute; bottom:0; background-image:url(../art/w90.png); } .news-feature-text .inner { padding:5px 0 15px 25px; } .news-feature-text .inner h1 { font-size:38px; line-height:100%; margin:10px 0; } .news-feature-text .inner p { font-size:20px; line-height:140%; margin:0; } .news-feature-link { display:block; width:100%; height:100%; } .news-feature-excerpt { width:100%; display:block; position:absolute; bottom:0; background-image:url(../art/w90.png); font-size:18px; line-height:25px; } .news-feature-excerpt .inner { border-bottom: 1px solid #f3f3f3; } .news-feature-excerpt .inner h1 { font-size:35px; line-height:40px; margin:0; } #main .news-feature-more { text-transform:uppercase; color:#ba4b8e; margin:10px 0 10px 1px; letter-spacing: .1em; font-size: 16px;} .arrow-grey { background:url(../art/arrow.png) no-repeat 0 0; width:20px; height:20px; vertical-align:bottom; } #slide-nav { width:100%; } .home #slide-nav { border-bottom:1px solid #e9e9e9; } #slideshow-nav-ul { margin:10px 0; padding:0; text-align:center; } #slideshow-nav-ul .slideshow-nav { color:#959595; cursor:pointer; text-indent:-6000px; width:32px; height:32px; background:url(../art/slide-dot.png) no-repeat 0 -32px; } #slideshow-nav-ul .activeSlide { color:#252525; background-position:0 0; } .home-donate { width:232px; float:right; color:#ba4b8e; border-left:1px solid #ececec; margin:10px 0 0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .home-donate span { padding:15px 30px 10px 28px; text-transform:uppercase; display:block; font-weight:700; font-size:24px; line-height:1.1; } .home-donate a { display:block; text-align:left; color:#000; padding:0 0 15px 28px; font-size:15px; text-decoration:none; } .home-donate a:HOVER { color:#252525; } .home-locations { width:100%; margin:0 0 18px; padding:8px 0 0; border-top:1px solid #e9e9e9; } .home-location-map { position:relative; background:url(../art/map_usa.png) center center no-repeat; width:220px; height:160px; float:left; margin:10px 0 0 45px; } #main .home-location-map .active-location, .home-location-map .location:HOVER { width:12px; height:12px; margin:-1px 0 0 -1px; -webkit-border-radius:8px; border-radius:8px; } .home-location-map .location { position:absolute; width:10px; height:10px; -webkit-border-radius:7px; border-radius:7px; background-clip: padding-box; border:2px solid white; text-indent:-6000px; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .all-loc, .new-york-loc { display:block; } .atlanta-loc { top:100px; left:160px; } .boston-loc { top:43px; left:192px; } .chicago-loc { top:55px; left:130px; } .los-angeles-loc { top:90px; left:12px; } .new-york-loc { top:55px; left:185px; } .houston-loc { top:115px; left:100px; } .san-francisco-loc { top:75px; left:5px; } .home-location-text { width:44%; float:left; font-size:24px; line-height:34px; margin:25px 0 0 10px; } .home-location-text a { text-decoration: none; border-bottom: 1px solid #ccc; } .home-location-text a:HOVER, .home-location-text .active-location { text-decoration: none; border-bottom: 1px solid; } h1.news-subhead { border-top:1px solid #e9e9e9; font-size:25px; padding:20px 0 0 10px; } #home-news-ul, #news-news-ul { margin:0; padding:0; width:100%; } .top-news { border-bottom:1px solid #e9e9e9; margin:0 0 20px; } #news-news-ul .alerts { display:none; } .home-news-li, .news-news-li { list-style:none; font-size:15px; line-height:20px; margin:0 9px 25px 10px; border-bottom:1px solid #e9e9e9; position:relative; } .home-news-li img { border:1px solid #E9E9E9; } .search .news-news-li, .archive .news-news-li, .category .news-news-li {width: 100%; margin-left: 0;} .home-news-li a.news-link, .news-news-li a.news-link { text-decoration:none; display:block; } .city-link { position:absolute; z-index:75; display:block; line-height:30px; text-decoration:none; color:#fff; padding:0px 6px 0 8px; letter-spacing:.05em; } .city-all { display:none; } .home-news-li .city-link, .news-news-li .city-link { top:0px; left:0px; } .news-feature .city-link { top:0px; left:0px; font-size:15px; display:none; } .city-link:HOVER { text-decoration:none; color:#FFF; } .city-link-bg { position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; } .news-image { position:relative; } #news-news-ul .news-image img { width:218px; } #home-news-ul .news-image img { width:300px; } #main .home-news-li h1, #main .news-news-li h1 { font-size:20px; line-height:120%; margin:5px 0; font-weight:700; } h2.date, .readmore { font-size:12px; letter-spacing: .1em; line-height:20px; margin: 0 0 20px; font-weight:normal; color:#959595; } .read-more-link { color:inherit; text-transform:uppercase; text-decoration:none; } #main { position:relative; } #main h1.page-title { font-size:38px; color:#b64188; margin:0 0 20px; padding:30px 0; line-height:100%; text-align:center; border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; } #main h1.page-title a {color:#b64188;} .title-sep { color:#a4a4a4; } #main h1 a { text-decoration:none; } #main p { margin:0 0 15px; } .page-id-22 #main ul { list-style:none; margin:0px; padding:0px; } h3.sidebar-title { font-size:16px; line-height:32px; text-transform:uppercase; margin:5px 0 0; color:#959595; font-weight:500; letter-spacing:2px; } h3.single-news-h3 { padding:20px 0 0; margin:30px 0 0; border-top:solid 1px #e9e9e9; } h3.sidebar-title a { color:#959595; text-decoration:none; } ul.subpage-list { list-style:none; margin:5px 0px 10px; padding:0px; font-size:23px; line-height:38px; } ul.subpage-list a { text-decoration:none; } ul.subpage-list .current_page_item a, .page-id-42 ul.subpage-list .page-item-334 a, .page-id-96 ul.subpage-list .page-item-334 a { color:#ba4b8e; } ul.subpage-list li { line-height:28px; margin:0 0 10px; } ul.sub-subpage-list { margin:0 10px; padding:0; list-style:none; } .sub-sidebar-title { font-size:23px; line-height:28px; text-transform:uppercase; margin:5px 0 0; } .sub-subpage-list li { line-height:28px; margin:0 0 10px; } ul.location-list { list-style:none; margin:0px; padding:0px 0px 20px; font-size:19px; line-height:32px; border-bottom:1px solid #e9e9e9; } ul.location-list a { text-decoration:none; } ul.location-list .current_page_item a { color:#ba4b8e; } .news-tags { margin:10px 0; padding:0 0 10px; font-size:23px; line-height:38px; border-bottom:1px solid #e9e9e9; } .news-tags li { list-style:none; } .news-tags li a { text-decoration:none; } .col { position:relative; float:left; } .col-3 { width:218px; } .col-4 { width:300px; } .col-5 { width:383px; } .col-7 { width:550px; } .col-9 { width:713px; } .col-page-text { float:right; } .text-pad p { padding:0 35px 0 0; } .text-pad a { color:#ba4b8e; text-decoration: none; border-bottom: 1px solid #cacaca; } .text-pad a:HOVER { border-bottom: 1px solid #ba4b8e; } .text-pad h5 { color: #959595; font-size: 20px; font-weight: 400; margin: 5px 0 10px; padding:0 35px 0 0; } .text-pad ul { padding:0 60px 0 20px; margin:0 0 30px; } .text-pad li { padding:0 30px 0 10px; margin:0 0 10px; font-size:15px; list-style:none; } .text-pad li:before { content:"•"; color:#959595; margin:0 10px 0 -20px; font-size:15px; } .secondary { font-size:16px; } .text-pad .contact-address { float:left; margin:0; } .text-pad .contact-address h5 { font-size:20px; margin:20px 0 0; } .text-pad .contact-staff { float:right; margin:0 10px 0 0; font-size:20px; padding:0; } .text-pad .contact-staff li { margin:0 0 10px; padding:0; list-style:none; color:#252525; } .text-pad .contact-staff li:before { content:""; margin:0; } .text-pad .contact-staff li h1 { font-size:20px; margin:0; } #main .text-pad .contact-staff li p, #main .text-pad .contact-staff li a { font-size:20px; margin:0; padding:0; } .text-pad .staff-list { padding:0; margin:0; list-style:none; } .text-pad .staff-list .staff { margin:0 0 30px; } .text-pad .staff-name { font-weight:normal; margin:0; font-size:25px; } .text-pad .staff-title { margin:0px 0 10px; } .text-pad .staff-bio { font-size:15px; } .text-pad .staff-bio p { padding:0 150px 0 0; } .residency { margin:60px 0 30px; } .residency h1.res-header { font-size:20px; margin:10px 0; } .text-pad .residency-ul { padding:0; margin:0 0 60px; } .text-pad .residency-ul li { margin:0 0 10px; padding:0; background-color:#f2f2f2; } .text-pad .residency-ul li:before { content:""; margin:0; } .text-pad .residency-ul li .res-image { height:250px; float:left; margin:0 10px 0 0; background-position:center center; background-repeat:no-repeat; } .text-pad .residency-ul li .res-info { display:block; float:left; } #main .text-pad .residency-ul li .res-info h1 { font-size:30px; margin:60px 0 0; line-height:100%; } #main .text-pad .residency-ul li .res-info p { line-height:100%; margin:10px 0 0; } #main .text-pad .residency-ul li .res-info em { font-weight:normal; font-size:15px; } .res-footer { font-size:15px; } .text-pad .editions-ul { margin:0; padding:0; border-top:1px solid #e9e9e9; } .text-pad .editions-ul li { list-style:none; padding:0; margin:30px 0 0; border-bottom:1px solid #e9e9e9; } .text-pad .editions-ul li:before { content:""; margin:0; } .ed-image { float:left; margin:0 30px 0 0; position:relative; } .text-pad .artspace-url { position:absolute; bottom:-30px; left:0; font-size:12px; padding:0; border-bottom:none; line-height:20px; color:#959595; border-bottom:1px solid #fff;} .text-pad .artspace-url:HOVER { padding:0; color:#000; border-bottom:1px solid #000; } .artspace-url span { width:83px; height:18px; margin:0; background-image:url(../images/artspace-small.png); background-repeat:no-repeat; background-position: 0 0; text-indent:-6000px; } .ed-details { float:left; width:360px; } .ed-title { font-size:25px; } .ed-info { font-size:15px; color:#959595; margin:10px 0 0; } .ed-desc { font-size:15px; margin:10px 0 30px; } .news-pad { } .news-pad h1, .exh-space-current h1 { font-weight:600; font-size:38px; margin:0 0 10px; line-height:110%; } .exh-space-current h1 { margin:10px 0 40px; font-weight: 400;} .news-pad h5 { color:#959595; } .exhibition-link { position:relative; width:100%; height:100%; text-decoration:none; display:block; } #exhibitions .exhibition { border-bottom:1px solid #e9e9e9; padding:0 0 30px; margin:0 0 30px; } #exhibitions.blog { margin-bottom: 80px; } #exhibitions.blog .individual { padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; margin-bottom: 30px; } #exhibitions .prev-exhibitions { text-transform:uppercase; padding:0 0 30px; border-bottom:1px solid #e9e9e9; color:#959595; } .current-exhibition .exhibition-link { } .exhibition-archive .exhibition-link .news-image { float:left; margin:0 30px 0 0; } .blog .news-image { margin-bottom: 30px; } .exhibition-archive .exhibition-link .exh-space-current { float:left; width:360px; } .exhibition-archive .exhibition-link .exh-space-current h1 { font-weight:normal; font-size:25px; } .exhibition-archive .exhibition-link .exh-space-current h5 { font-weight:normal; font-size:15px; } .exh-space-current { margin:0 0 30px; } .exh-space-current h5 { margin:0 0 10px; color:#959595; } .news-pad .exhibition-slideshow { width:100%; height:472px; margin:0; padding:0; position:relative; } .news-pad .exhibition-slideshow-single { margin:0 0 30px; } .news-pad .exhibition-slide { list-style:none; display:none; width:100%; position:absolute; height:100%; background-size:auto 100%; background-repeat:no-repeat; background-position:center center; } .news-pad .exhibition-slide-single { display:block; } .news-pad #slide-nav ul li { padding:0 } .text-pad .pdf-list { float:left; margin:0; padding:0; width:50%; } .text-pad .pdf-list h1 { font-size:15px; font-weight:normal; } #jumpListContain { margin:0; padding:0; } .text-pad #jumpListContain li { list-style:none; margin:0 1px 0 0; padding:0; } .text-pad #jumpListContain li a { padding:4px 7px; background-color:#959595; color:#FFF; font-size:13px; vertical-align:middle; border-bottom:none; } .text-pad #jumpListContain li a:HOVER { background-color:#252525; } .text-pad #jumpListContain li:before { content:""; margin:0; } .jumpHeader { width:100%; border-bottom:1px solid #e9e9e9; margin:35px 0 15px; padding:0 0 5px; font-weight:bold; display:block; } .prepNav #jumpListContain { } .navStick #jumpListContain { position:absolute; left:245px; } .navStick #jumpListContain li a { padding:2px 5px; } .paypal-form { margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #ccc; } .paypal-info { width:550px; margin:0 0 10px; } .paypal-title { font-size:30px; display:block; line-height:100%; } .paypal-amount { font-size:20px; color:#ba4b8e; display:block; } .paypal-description { font-size:15px; width:550px; } #main .text-pad .paypal-form p { margin:0 0 5px; } .paypal-form form { float:right; margin:0 0 0; } .paypal-form form input[type=submit] { font-size:25px; padding:5px 10px; border:1px solid #ba4b8e; background-color:#FFF; color:#ba4b8e; font-family: "franklin-gothic-urw-n3", "franklin-gothic-urw",sans-serif; text-transform:uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .paypal-form form input[type=submit]:HOVER { border:1px solid #252525; background-color:#FFF; color:#252525; } .single #main { width: 100%; float: left; } .single .blog-sidebar { } .blog-sidebar ul {list-style: none; padding: 0; margin: 0;} .blog-sidebar li {list-style: none; padding: 0; margin: 0;} .blog-sidebar .widget-title {color: #BA4B8E;font-size: 23px; margin-bottom: 10px;} input[type="submit"], .button { font-size:16px; padding:5px 10px; border:1px solid #ba4b8e; background-color:#FFF; color:#ba4b8e; font-family: "franklin-gothic-urw-n3", "franklin-gothic-urw",sans-serif; text-transform:uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin-top: 15px; } body.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {max-width: 100%;} body.events-list .tribe-events-loop, body.single-tribe_organizer .tribe-events-loop, body.single-tribe_venue .tribe-events-loop, body.tribe-events-day .tribe-events-loop {max-width: 100%;} body .tribe-events-list .tribe-events-event-image { width: 100%;} body.events-list .section {float: left; width: 30%; padding: 10px 1.5%;} body .tribe-events-list .type-tribe_events {border-top:1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 1em 0;} body .tribe-events-list-separator-month+.type-tribe_events.tribe-events-first {padding-top: 1em;} body .tribe-events-list-separator-month:after {border: 0px;} body .tribe-events-list-separator-month {font-weight: 400; color:#B84D8D;} body .tribe-events-loop .tribe-events-event-meta {font-size: 20px;} body .tribe-bar-disabled #tribe-events-bar {display: none;} body .tribe-events-list h2.tribe-events-page-title {font-size: 38px; color: #b64188; margin: 0 0 20px; padding: 30px 0; line-height: 100%; text-align: center; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; font-weight: 400;} #footer { clear:both;position:relative; padding:0px; height:80px; margin:50px 0 0; border-top:solid 1px #e9e9e9; color:#aaa; background-color:#f2f2f2; } #footer p { font-size:13px; text-transform:uppercase; letter-spacing:.05em; margin:0; } .footer-left { padding:30px 0 0 0; } .footer-left .inner { padding:30px 0 0 10px; } .footer-right { float:right; } .inner-footer { position:relative; width:960px; margin:auto; } .social-links { margin:0; padding:0; } .social-links li { display:block; list-style:none; float:left; border-left:1px solid #e1e1e1; } #footer .social-links li a { text-indent:-6000px; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; } .social-links li .social { width:80px; height:80px; background-image:url(../art/social2.png); background-repeat:no-repeat; vertical-align:top; } .social-links li.mail .social { width:60px; } .social-links li a.social { display:block; } .facebook .social { background-position:0 0; } .facebook .social:HOVER { background-position:0 -80px; } .twitter .social { background-position:-80px 0; } .twitter .social:HOVER { background-position:-80px -80px; } .social-links .mail { width:305px; } .mail form { width:225px; margin:20px 0 0; } .mail form input.mailing-list-input { width:145px; font-size:16px; letter-spacing:.05em; margin:0 0 0 10px; padding:3px 5px 0px 2px; font-family:"franklin-gothic-urw-n3", "franklin-gothic-urw",sans-serif; background-color:#f2f2f2; color:#aaa; border:none; text-transform:none; } .mail form input.mailing-list-input:focus { background-color:#fff; } .mail form input.mailing-list-submit { font-size:13px; text-transform:uppercase; letter-spacing:.05em; margin:0; padding:3px 10px; font-family: "franklin-gothic-urw-n3", "franklin-gothic-urw",sans-serif; background-color:#f2f2f2; color:#aaa; border:none; border:0px solid #ddd;} .mail form input.mailing-list-submit:HOVER { color:#aaa; } .mail .social { background-position:-160px 0; } .mail .social:HOVER { background-position:-160px 0; } h1.registry-artist-name { border-bottom: 1px solid #E9E9E9; padding-bottom: 20px; margin-bottom: 20px; } .registry-meta { line-height: 1.6; } .registry-meta strong { color:#B84D8D; } .registry-links strong a { color:#B84D8D; text-decoration: none; display: block; margin-bottom: 0px; } .registry-links .registry-social { margin-right: 5px; } .registry-content { line-height: 1.8; } .registry-content h2 { color:#B84D8D; border-bottom: 1px solid #E9E9E9; padding-bottom: 10px; margin-bottom: 20px; font-size: 30px; } .registry-video div { margin-bottom: 40px; } .registry-video div .wp-video { } .registry-video .wp-video-shortcode { } .post-type-archive-artist { } .registry-content .next { float: right; text-decoration: none; } .registry-content .previous { float: left; text-decoration: none; } #artists { list-style: none; padding: 0; margin: 0; } #artists li { list-style: none; display: block; float: left; width: 18%; margin-right: 2%; overflow: hidden; } #artists li a { text-decoration: none; } #artists li a span { color: #BA4B8E; margin-top: 8px; display: inline-block; } #artists li img { width: 100%; height: auto; } #artists li p { min-height: 80px; } .artist-pagination { clear: both; } .artist-pagination a { color: #fff; text-transform: uppercase; text-decoration: none; background-color: #BA4B8E; padding: 12px 18px; } .artist-next { float: right; margin-right: 2%; } .artist-prev { float: left; } .artist-search { padding: 10px 0 30px; border-bottom: solid 1px #e9e9e9; margin-bottom: 30px; } .artist-search .search-form { display: none; } select.search-curator { display: none; } .acps_form_container h3, .acps_form_container p { display: inline-block; margin-right: 3% !important; width: 40%; margin-bottom: 0!important; } .acps_form_container p span { display: inline-block; width: 55%; } .acps_form_container p.acps_keyword_input span.acps_form_control_wrap { width: 75%; } .acps_form_container .acps_keyword_input { width: 25%; } .acps_form_container .acps_form_label { display: inline-block; width: 40%; font-size: 24px; color: #BA4B8E; margin-top: 0; } .acps_form_container .acps_keyword_input .acps_form_label { width: 25%; } .acps_form_container h3 { width: 15%; font-size: 24px; color: #BA4B8E; margin-top: 0; } .acps_form_container p:last-child { display: none; } .acps_form_container .submit_wrap { display: none; } .acps_form_container input, .acps_form_container select { padding: 8px; background-color: #F2F2F2; color: #7C7C7C; border: none; font-size: 18px; } .acps_form_container select { background: transparent; padding: 10px; font-size: 16px; line-height: 1; border: 0; border-radius: 4px; height: 40px; /* -webkit-appearance: none; */ -moz-appearance: none; background-color: #F2F2F2; color: #7C7C7C; border: 1px solid #CCCCCC; } .envirabox-title-float-wrap { max-width: 100%; width: 100% !important; bottom: -30px !important; } .envirabox-title-float-wrap .child { white-space: normal !important; max-width: 100%; } div.not-found { margin-bottom: 30px; padding-bottom: 30px; } .dont-break-out { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /* Media Queries from CSS Tricks */ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { } /* Retina Screen Devices ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { h1#main-title a { background-image:url(../art/artadia-logo-2x.png); background-size:241px 91px; } } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .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; } @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .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; } 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; } } /* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ /* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */