/* CSS Written by PlayLab, Inc. For Project H Design */ html {background-color: #FFF;color: #535353; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 36px; margin: 0; padding: 0;} body {margin: 0; padding: 0;} img { vertical-align: top; } #wrapper {float: left; width: 100%; margin: 0; padding: 0;} .main {width: 1008px; margin: 0 auto; padding: 0;} ::selection { background: #d3d3d3; color: #535353; /* Safari and Opera */ } ::-moz-selection { background: #d3d3d3; color: #535353; /* Firefox */ } #top-nav {float: left; width: 1008px; height: 54px; margin: 0; padding: 14px 0;} #header #top-nav .left {float: left; text-align: left; color: #828282; width: 414px; height: 54px; margin: 0; padding: 0;} #header-studio #top-nav .left {float: left; text-align: left; color: #02a3dc; width: 414px; height: 54px; margin: 0; padding: 0;} #header-camp #top-nav .left {float: left; text-align: left; color: #f05c89; width: 414px; height: 54px; margin: 0; padding: 0;} #header-workshop #top-nav .left {float: left; text-align: left; color: #3db582; width: 414px; height: 54px; margin: 0; padding: 0;} #header #top-nav .middle {float: left; text-align: center; color: #828282; width: 180px; height: 54px; margin: 0; padding: 0;} #header #top-nav .middle a, #header-studio #top-nav .middle a:visited {color: #828282; text-decoration: none; padding: 0 0 12px 0;} #header #top-nav .middle a:hover {color: #828282; text-decoration: none; border-bottom: 2px solid #828282; padding: 0 0 12px 0;} #header-studio #top-nav .middle {float: left; text-align: center; color: #78b6e4; width: 180px; height: 54px; margin: 0; padding: 0;} #header-studio #top-nav .middle a, #header-studio #top-nav .middle a:visited {color: #78b6e4; text-decoration: none; padding: 0 0 12px 0;} #header-studio #top-nav .middle a:hover {color: #78b6e4; text-decoration: none; border-bottom: 2px solid #78b6e4; padding: 0 0 12px 0;} #header-camp #top-nav .middle {float: left; text-align: center; color: #f05c89; width: 180px; height: 54px; margin: 0; padding: 0;} #header-camp #top-nav .middle a, #header-camp #top-nav .middle a:visited {color: #f05c89; text-decoration: none; padding: 0 0 12px 0;} #header-camp #top-nav .middle a:hover {color: #f05c89; text-decoration: none; border-bottom: 2px solid #f05c89; padding: 0 0 12px 0;} #header-workshop #top-nav .middle {float: left; text-align: center; color: #3db582; width: 180px; height: 54px; margin: 0; padding: 0;} #header-workshop #top-nav .middle a, #header-workshop #top-nav .middle a:visited {color: #3db582; text-decoration: none; padding: 0 0 12px 0;} #header-workshop #top-nav .middle a:hover {color: #3db582; text-decoration: none; border-bottom: 2px solid #3db582; padding: 0 0 12px 0;} #top-nav .right {float: left; text-align: right; color: #828282; width: 414px; height: 54px; margin: 0; padding: 0;} #header-studio #top-nav .right {float: left; text-align: right; color: #02a3dc; width: 414px; height: 54px; margin: 0; padding: 0;} #header-camp #top-nav .right {float: left; text-align: right; color: #f05c89; width: 414px; height: 54px; margin: 0; padding: 0;} #header-workshop #top-nav .right {float: left; text-align: right; color: #3db582; width: 414px; height: 54px; margin: 0; padding: 0;} #top-nav .menu {margin: 0; padding: 0;} #header #top-nav .menu a, #header #top-nav .menu a:visited {color: #828282; text-decoration: none; padding: 0 0 12px 0;} #header-studio #top-nav .menu a, #header-studio #top-nav .menu a:visited {color: #78b6e4; text-decoration: none; padding: 0 0 12px 0;} #header-camp #top-nav .menu a, #header-camp #top-nav .menu a:visited {color: #f05c89; text-decoration: none; padding: 0 0 12px 0;} #header-workshop #top-nav .menu a, #header-workshop #top-nav .menu a:visited {color: #3db582; text-decoration: none; padding: 0 0 12px 0;} #header #top-nav .menu a:hover {color: #828282; text-decoration: none; border-bottom: 2px solid #828282; padding: 0 0 12px 0;} #header-studio #top-nav .menu a:hover {color: #78b6e4; text-decoration: none; border-bottom: 2px solid #78b6e4; padding: 0 0 12px 0;} #header-camp #top-nav .menu a:hover {color: #f05c89; text-decoration: none; border-bottom: 2px solid #f05c89; padding: 0 0 12px 0;} #header-workshop #top-nav .menu a:hover {color: #3db582; text-decoration: none; border-bottom: 2px solid #3db582; padding: 0 0 12px 0;} #top-nav .menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #top-nav .menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 18px; padding: 0;} #main-nav {float: left; width: 1008px; margin: 0; padding: 0;} #main-nav .left {font-size: 48px; font-weight: bold; margin: 0; padding: 0;} #header #main-nav .left {float: left; text-align: left; width: 338px; height: 114px; margin: 36px 0 0 0; padding: 0;} #header #main-nav .left a, #header #main-nav .left a:visited {color: #535353; text-decoration: none; padding: 0 0 18px 0;} #header #main-nav .left a:hover {color: #535353; text-decoration: none; border-bottom: 4px solid #535353; padding: 0 0 18px 0;} #header #main-nav .left img { vertical-align: baseline; } #header-studio #main-nav .left {float: left; text-align: left; width: 338px; height: 114px; margin: 0 0 0 0; padding: 0;} #header-camp #main-nav .left {float: left; text-align: left; width: 338px; height: 114px; margin: 0 0 0 0; padding: 0;} #header-workshop #main-nav .left {float: left; text-align: left; width: 338px; height: 114px; margin: 0 0 0 0; padding: 0;} #main-nav .right {float: left; text-align: right; width: 670px; height: 114px; margin: 36px 0 0 0; padding: 0;} #main-nav .menu {font-size: 48px; letter-spacing: -1px;} #header #main-nav .menu a, #header #main-nav .menu a:visited {color: #535353; text-decoration: none; padding: 0 0 18px 0;} #header-studio #main-nav .menu a, #main-nav .menu a:visited {color: #02a3dc; text-decoration: none; padding: 0 0 18px 0;} #header-camp #main-nav .menu a, #main-nav .menu a:visited {color: #f05c89; text-decoration: none; padding: 0 0 18px 0;} #header-workshop #main-nav .menu a, #main-nav .menu a:visited {color: #41b683; text-decoration: none; padding: 0 0 18px 0;} #header #main-nav .menu a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 18px 0;} #header-studio #main-nav .menu a:hover {color: #02a3dc; text-decoration: none; border-bottom: 4px solid #02a3dc; padding: 0 0 18px 0;} #header-camp #main-nav .menu a:hover {color: #f05c89; text-decoration: none; border-bottom: 4px solid #f05c89; padding: 0 0 18px 0;} #header-workshop #main-nav .menu a:hover {color: #41b683; text-decoration: none; border-bottom: 4px solid #41b683; padding: 0 0 18px 0;} #main-nav .menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #main-nav .menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 24px; padding: 0;} .feature-box {width: 864px;} #home {float: left;} #home .feature, #grey .feature, #studio .feature, #camp .feature, #workshop .feature {margin: 0 0 0 72px; width: 864px;} #home .feature .top-title {width: 864px; color: #828282; text-align: center; margin: 0; padding: 0 0 12px 0;} #home .feature .feature-box {width: 864px; min-height :445px;} #home .feature .feature-box .slides {max-height: 397px; overflow: hidden;} #home .feature .feature-box .title {position: absolute; font-size: 24px; width: 864px; color: #FFF; font-weight: bold; text-align: center; z-index: 100; padding: 180px 0;} #home .feature .feature-box .title a, #home .feature .feature-box .title a:visited {color: #FFF; text-decoration: none; padding: 0 0 12px 0;} #home .feature .feature-box .title a:hover {color: #FFF; text-decoration: none; padding: 0 0 12px 0; border-bottom: 2px solid #FFF;} #home .feature .feature-box .image {z-index: 0; background-color: #F0F0F0;} #home .feature .feature-box .image img { vertical-align: top; } #home .feature .image-nav {color: #828282; text-align: center; margin: 12px 0 0 0; padding: 0;} #home .feature .image-nav a, #home .feature .image-nav a:visited {font-weight: bold; color: #828282; text-decoration: none;} #home .feature .image-nav a:hover {font-weight: bold; color: #828282; text-decoration: none; border-bottom: 4px solid #828282;} #home .feature ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #home .feature ul li { list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 24px; padding: 0;} .programs {float: left; font-weight: bold; width: 1008px; margin: 72px 0 0 0; padding: 0;} .programs .top-title {float: left; width: 1008px; text-align: center; margin: 0; padding: 0 0 36px 0;} #program-1 {float: left; width: 468px; margin: 0 72px 0 0; padding: 0;} #program-1 .image {width: 468px; height: 288px; background-color: #F1F1F1; margin: 0; padding: 0;} #program-1 .title {width: 468px; text-align: center; margin: 12px 0 0 0; padding: 0;} #program-1 .title a, #program-1 .title a:visited {color: #10a3dc; text-decoration: none; border-bottom: 2px solid #10a3dc; padding: 0 0 12px 0;} #program-1 .title a:hover {color: #10a3dc; text-decoration: none; padding: 0 0 12px 0;} #program-2 {float: left; width: 468px; margin: 0; padding: 0;} #program-2 .image {width: 468px; height: 288px; background-color: #F1F1F1; margin: 0; padding: 0;} #program-2 .title {width: 468px; text-align: center; margin: 12px 0 0 0; padding: 0;} #program-2 .title a, #program-2 .title a:visited {color: #f05c89; text-decoration: none; border-bottom: 2px solid #f05c89; padding: 0 0 12px 0;} #program-2 .title a:hover {color: #f05c89; text-decoration: none; padding: 0 0 12px 0;} #program-3 {float: left; width: 468px; margin: 72px 72px 0 0px; padding: 0;} #program-3 .image {width: 468px; height: 288px; background-color: #F1F1F1; margin: 0; padding: 0;} #program-3 .title {width: 468px; text-align: center; margin: 12px 0 0 0; padding: 0;} #program-3 .title a, #program-3 .title a:visited {color: #3fb683; text-decoration: none; border-bottom: 2px solid #3fb683; padding: 0 0 12px 0;} #program-3 .title a:hover {color: #3fb683; text-decoration: none; padding: 0 0 12px 0;} #program-4 {float: left; width: 468px; margin: 72px 0 0 0; padding: 0;} #program-4 .image {width: 468px; height: 288px; background-color: #F1F1F1; margin: 0; padding: 0;} #program-4 .title {width: 468px; text-align: center; margin: 12px 0 0 0; padding: 0;} #program-4 .title a, #program-4 .title a:visited {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 12px 0;} #program-4 .title a:hover {color: #535353; text-decoration: none; padding: 0 0 12px 0;} #programs-page {float: left; width: 1008px; margin: 0; padding: 0;} #programs-page .programs {float: left; margin: 0; padding: 0 0 108px 0;} #programs-page .programs .top-title {font-weight: normal; padding: 0 0 12px 0;} .news {float: left; width: 1008px; margin: 72px 0 0 0; padding: 0;} .home-post, .studio-post, .camp-post, .workshop-post {margin: 0 0 90px 0} .news .home-post .title {margin: 0 auto; width: 612px; text-align: center; border: 6px solid #535353; padding: 48px 72px;} .news .studio-post .title {margin: 0 auto; width: 612px; text-align: center; border: 6px solid #02a3dc; padding: 48px 72px;} .news .camp-post .title {margin: 0 auto; width: 612px; text-align: center; border: 6px solid #f05c89; padding: 48px 72px;} .news .workshop-post .title {margin: 0 auto; width: 612px; text-align: center; border: 6px solid #41b683; padding: 48px 72px;} .news .home-post .title .date {color: #828282;} .news .studio-post .title .date {color: #02a3dc;} .news .camp-post .title .date {color: #f05c89;} .news .workshop-post .title .date {color: #41b683;} .news .home-post .title a, .news .home-post .title a:visited {font-weight: bold; color: #535353; text-decoration: none; padding: 0 0 8px 0; border-bottom: 2px solid #535353;} .news .studio-post .title a, .news .studio-post .title a:visited {font-weight: bold; color: #02a3dc; text-decoration: none; padding: 0 0 8px 0; border-bottom: 2px solid #02a3dc;} .news .camp-post .title a, .news .camp-post .title a:visited {font-weight: bold; color: #f05c89; text-decoration: none; padding: 0 0 8px 0; border-bottom: 2px solid #f05c89;} .news .workshop-post .title a, .news .workshop-post .title a:visited {font-weight: bold; color: #41b683; text-decoration: none; padding: 0 0 8px 0; border-bottom: 2px solid #41b683;} .news .home-post .title a:hover {font-weight: bold; color: #535353; text-decoration: none; padding: 0 0 8px 0;} .news .studio-post .title a:hover {font-weight: bold; color: #02a3dc; text-decoration: none; padding: 0 0 8px 0;} .news .camp-post .title a:hover {font-weight: bold; color: #f05c89; text-decoration: none; padding: 0 0 8px 0;} .news .workshop-post .title a:hover {font-weight: bold; color: #41b683; text-decoration: none; padding: 0 0 8px 0;} .news-posts {margin: 0 auto; text-align: center; width: 720px; color: #535353; padding: 72px 0;} .news-post {width: 720px;} .news-post .title {width: 720px; color: #535353; text-align: center; margin: 0; padding: 0 0 12px 0;} .news-post .image {z-index: 0; background-color: #F0F0F0;} #grey .news-post .about-text {padding: 72px 0 0 0;} .about-text p {margin: 0 0 20px 0;} .news-post .meta-data {width: 720px; margin: 0 0 0 0; padding: 12px 0 0 0;} .news-post .meta-data .date {float: left; text-align: left; width: 360px; color: #a4a4a4;} .news-post .meta-data .category {float: left; text-align: left; width: 360px; color: #a4a4a4;} .news-post .meta-data .category a, .news-post .meta-data .category a:visited {float: left; margin-right: 18px; font-weight: bold; text-align: left; color: #a4a4a4; text-decoration: none; border-bottom: 2px solid #a4a4a4;} .news-post .meta-data .category a:hover {float: left; text-align: left; color: #a4a4a4; font-weight: bold; text-decoration: none; border-bottom: 2px solid #a4a4a4;} .news-post .meta-data .tag, .news-post .meta-data .studio-tag, .news-post .meta-data .camp-tag, .news-post .meta-data .workshop-tag {float: left; font-weight: bold; text-align: right; width: 360px;} .news-post .meta-data .tag a, .news-post .meta-data .tag a:visited {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0;} .news-post .meta-data .tag a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0;} .print { font-weight: bold; color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0; } .print:hover { color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0; } .news-post .meta-data .studio-tag a, .news-post .meta-data .studio-tag a:visited {color: #12a4dd; text-decoration: none; border-bottom: 2px solid #12a4dd; padding: 0 0 8px 0;} .news-post .meta-data .studio-tag a:hover {color: #12a4dd; text-decoration: none; border-bottom: 2px solid #12a4dd; padding: 0 0 8px 0;} .news-post .meta-data .camp-tag a, .news-post .meta-data .camp-tag a:visited {color: #f05e8a; text-decoration: none; border-bottom: 2px solid #f05e8a; padding: 0 0 8px 0;} .news-post .meta-data .camp-tag a:hover {color: #f05e8a; text-decoration: none; border-bottom: 2px solid #f05e8a; padding: 0 0 8px 0;} .news-post .meta-data .workshop-tag a, .news-post .meta-data .workshop-tag a:visited {color: #41b683; text-decoration: none; border-bottom: 2px solid #12a4dd; padding: 0 0 8px 0;} .news-post .meta-data .workshop-tag a:hover {color: #41b683; text-decoration: none; border-bottom: 2px solid #41b683; padding: 0 0 8px 0;} .news-page .body-menu {margin: 24px 0 90px 0;} .news-post .text {} .news-post-image {width: 576px; margin: 0 auto; padding: 18px 0 36px 0;} .news-post-image .caption {color: #A4A4A4; margin: 12px 0 0 0; padding: 0;} .news-post-page .news-posts {padding: 72px 0 72px 0;} .news-post-page .body-menu {padding: 24px 0 72px 0;} .module-1 {float: left; width: 1008px; margin: 0 0 108px 0; padding: 0;} .module-1 .title { color: #828282; margin: 0 auto; width: 612px; text-align: center;} .module-1 .title a, .module-1 .title a:visited {font-weight: bold; color: #828282; text-decoration: none; padding: 0 0 12px 0; border-bottom: 2px solid #828282;} .module-1 .title a:hover {font-weight: bold; color: #828282; text-decoration: none; padding: 0 0 12px 0;} #grey .feature .top-title {width: 864px; color: #535353; text-align: center; margin: 0; padding: 0 0 12px 0;} #grey .feature .top-title a, #grey .feature .top-title a:visited {color: #535353; border-bottom: 2px solid #535353; text-decoration: none; padding: 0 0 8px 0;} #grey .feature .top-title a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0;} #grey .feature .top-title p { margin: 0; } #studio .feature .top-title {width: 864px; color: #02a3dc; text-align: center; margin: 0; padding: 0 0 12px 0;} #camp .feature .top-title {width: 864px; color: #f05c89; text-align: center; margin: 0; padding: 0 0 12px 0;} #workshop .feature .top-title {width: 864px; color: #41b683; text-align: center; margin: 0; padding: 0 0 12px 0;} #studio .feature .feature-box {width: 864px;} #camp .feature .feature-box {width: 864px;} #workshop .feature .feature-box {width: 864px;} #grey .feature .feature-box .title {position: absolute; font-size: 24px; width: 864px; color: #FFF; font-weight: bold; text-align: center; z-index: 100; padding: 180px 0;} #studio .feature .feature-box .title {position: absolute; font-size: 24px; width: 864px; color: #FFF; font-weight: bold; text-align: center; z-index: 100; padding: 180px 0;} #camp .feature .feature-box .title {position: absolute; font-size: 24px; width: 864px; color: #FFF; font-weight: bold; text-align: center; z-index: 100; padding: 180px 0;} #workshop .feature .feature-box .title {position: absolute; font-size: 24px; width: 864px; color: #FFF; font-weight: bold; text-align: center; z-index: 100; padding: 180px 0;} #grey .feature .feature-box .title a, #grey .feature .feature-box .title a:visited {color: #FFF; text-decoration: none; padding: 0 0 12px 0;} #studio .feature .feature-box .title a, #studio .feature .feature-box .title a:visited {color: #FFF; text-decoration: none; padding: 0 0 12px 0;} #camp .feature .feature-box .title a, #camp .feature .feature-box .title a:visited {color: #FFF; text-decoration: none; padding: 0 0 12px 0;} #workshop .feature .feature-box .title a, #workshop .feature .feature-box .title a:visited {color: #FFF; text-decoration: none; padding: 0 0 12px 0;} #grey .feature-box .title a:hover {color: #FFF; text-decoration: none; padding: 0 0 12px 0; border-bottom: 2px solid #FFF; } #studio .feature-box .title a:hover {color: #FFF; text-decoration: none; padding: 0 0 12px 0; border-bottom: 2px solid #FFF; } #camp .feature-box .title a:hover {color: #FFF; text-decoration: none; padding: 0 0 12px 0; border-bottom: 2px solid #FFF; } #workshop .feature-box .title a:hover {color: #FFF; text-decoration: none; padding: 0 0 12px 0; border-bottom: 2px solid #FFF; } #grey .feature .feature-box .image {z-index: 0; background-color: #F0F0F0;} #studio .feature .feature-box .image {z-index: 0; background-color: #F0F0F0;} #camp .feature .feature-box .image {z-index: 0; background-color: #F0F0F0;} #workshop .feature .feature-box .image {z-index: 0; background-color: #F0F0F0;} #grey .feature .menu {font-weight: bold; margin: 0; padding: 0 0 12px 0;} #studio .feature .menu {font-weight: bold; margin: 0; padding: 0 0 12px 0;} #camp .feature .menu {font-weight: bold; margin: 0; padding: 0 0 12px 0;} #workshop .feature .menu {font-weight: bold; margin: 0; padding: 0 0 12px 0;} #grey .feature .menu a, #grey .feature .menu a:visited {color: #535353; text-decoration: none; padding: 0 0 8px 0;} #studio .feature .menu a, #studio .feature .menu a:visited {color: #02a3dc; text-decoration: none; padding: 0 0 8px 0;} #camp .feature .menu a, #camp .feature .menu a:visited {color: #f05c89; text-decoration: none; padding: 0 0 8px 0;} #workshop .feature .menu a, #workshop .feature .menu a:visited {color: #41b683; text-decoration: none; padding: 0 0 8px 0;} #grey .feature .menu a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0;} #studio .feature .menu a:hover {color: #02a3dc; text-decoration: none; border-bottom: 2px solid #02a3dc; padding: 0 0 8px 0;} #camp .feature .menu a:hover {color: #f05c89; text-decoration: none; border-bottom: 2px solid #f05c89; padding: 0 0 8px 0;} #workshop .feature .menu a:hover {color: #41b683; text-decoration: none; border-bottom: 2px solid #41b683; padding: 0 0 8px 0;} #grey .feature .menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #studio .feature .menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #camp .feature .menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #workshop .feature .menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #grey .feature .menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 18px 0 0; padding: 0;} #studio .feature .menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 18px 0 0; padding: 0;} #camp .feature .menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 18px 0 0; padding: 0;} #workshop .feature .menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 18px 0 0; padding: 0;} #grey .feature .image-nav {color: #535353; text-align: center; margin: 12px 0 0 0; padding: 0;} #studio .feature .image-nav {color: #02a3dc; text-align: center; margin: 12px 0 0 0; padding: 0;} #camp .feature .image-nav {color: #f05c89; text-align: center; margin: 12px 0 0 0; padding: 0;} #workshop .feature .image-nav {color: #41b683; text-align: center; margin: 12px 0 0 0; padding: 0;} #grey .feature .image-nav a, #grey .feature .image-nav a:visited {font-weight: bold; color: #535353; text-decoration: none;} #studio .feature .image-nav a, #studio .feature .image-nav a:visited {font-weight: bold; color: #02a3dc; text-decoration: none;} #camp .feature .image-nav a, #camp .feature .image-nav a:visited {font-weight: bold; color: #f05c89; text-decoration: none;} #workshop .feature .image-nav a, #workshop .feature .image-nav a:visited {font-weight: bold; color: #41b683; text-decoration: none;} #grey .feature .image-nav a:hover {font-weight: bold; color: #535353; text-decoration: none; border-bottom: 4px solid #535353;} #studio .feature .image-nav a:hover {font-weight: bold; color: #02a3dc; text-decoration: none; border-bottom: 4px solid #02a3dc;} #camp .feature .image-nav a:hover {font-weight: bold; color: #f05c89; text-decoration: none; border-bottom: 4px solid #f05c89;} #workshop .feature .image-nav a:hover {font-weight: bold; color: #41b683; text-decoration: none; border-bottom: 4px solid #41b683;} #grey .feature ul { list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #studio .feature ul { list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #camp .feature ul { list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #workshop .feature ul { list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #grey .feature ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 24px; padding: 0;} #studio .feature ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 24px; padding: 0;} #camp .feature ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 24px; padding: 0;} #workshop .feature ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 24px; padding: 0;} #grey .projects .top-title {width: 1008px; color: #535353; font-weight: bold; text-align: center; margin: 0; padding: 0 0 12px 0;} #studio .projects .top-title {width: 1008px; color: #02a3dc; font-weight: bold; text-align: center; margin: 0; padding: 0 0 12px 0;} #camp .projects .top-title {width: 1008px; color: #f05c89; font-weight: bold; text-align: center; margin: 0; padding: 0 0 12px 0;} #workshop .projects .top-title {width: 1008px; color: #41b683; font-weight: bold; text-align: center; margin: 0; padding: 0 0 12px 0;} #grey .list-text {margin: 0 auto; text-align: left; width: 612px; color: #535353; padding: 0 0 48px 0;} .list-text ul li {margin: 0 0 36px 0; padding: 0;} #grey .about-text {margin: 0 auto; text-align: center; width: 612px; color: #535353; padding: 72px 0 48px 0;} #grey .about-text a, #grey .about-text a:visited {color: #A4A4A4; text-decoration: none; border-bottom: 2px solid #A4A4A4; margin: 0; padding: 0 0 8px 0;} #grey .about-text a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; margin: 0; padding: 0 0 8px 0;} #studio .about-text {margin: 0 auto; text-align: center; width: 612px; color: #02a3dc; padding: 72px 0 48px 0; clear:both;} #camp .about-text {margin: 0 auto; text-align: center; width: 612px; color: #f05c89; padding: 72px 0 48px 0;} #workshop .about-text {margin: 0 auto; text-align: center; width: 612px; color: #41b683; padding: 72px 0 48px 0;} #camp .about-text a, #camp .about-text a:visited {color: #f05c89; padding: 0 0 8px 0; text-decoration: none; border-bottom: 2px solid #f05c89;} .about-text a:hover {color: #f05c89; padding: 0 0 8px 0; text-decoration: none; border-bottom: 2px solid #f05c89;} #studio .about-text a, #studio .about-text a:visited {color: #02a3dc; border-bottom: 2px solid #02a3dc; text-decoration: none; padding: 0 0 8px 0;} #studio .about-text a:hover {color: #02a3dc; text-decoration: none; padding: 0 0 8px 0;} .about-text .left {float: left; width: 270px; margin: 36px 18px 108px 18px; padding: 0;} .about-text .right {float: left; width: 270px; margin: 36px 18px 108px 18px; padding: 0;} .projects .project {float: left; width: 217px; margin: 0 17px; padding: 0;} .projects .project .image {float: left; width: 217px; height: 162px; background-color: #EFEEEE; margin: 0; padding: 0;} .projects .project .title {float: left; text-align: center; width: 217px; margin: 0; padding: 8px 0 0 0;} #studio .projects .project .title a, #studio .projects .project .title a:visited {color: #02a3dc; text-decoration: none; margin: 0; padding: 0 0 8px 0;} #studio .projects .project .title a:hover {color: #02a3dc; text-decoration: none; border-bottom: 2px solid #02a3dc; margin: 0; padding: 0 0 8px 0;} #camp .projects .project .title a, #camp .projects .project .title a:visited {color: #f05c89; text-decoration: none; margin: 0; padding: 0 0 8px 0;} #camp .projects .project .title a:hover {color: #f05c89; text-decoration: none; border-bottom: 2px solid #f05c89; margin: 0; padding: 0 0 8px 0;} #workshop .projects .project .title a, #workshop .projects .project .title a:visited {color: #41b683; text-decoration: none; margin: 0; padding: 0 0 8px 0;} #workshop .projects .project .title a:hover {color: #41b683; text-decoration: none; border-bottom: 2px solid #41b683; margin: 0; padding: 0 0 8px 0;} .people .top-title {float: left; width: 1008px; color: #535353; font-weight: bold; text-align: center; margin: 0; padding: 0 0 18px 0;} .people {float: left; width: 1008px; margin: 24px 0 0 0; padding: 0;} .people .person {float: left; width: 217px; margin: 0 17px; padding: 0;} .people .person .image {float: left; width: 217px; height: 162px; background-color: #EFEEEE; margin: 0; padding: 0;} .people .person .title {float: left; text-align: center; width: 217px; margin: 0; padding: 8px 0 0 0;} .people .person .title a, .people .person .title a:visited {color: #535353; text-decoration: none; margin: 0; padding: 0 0 8px 0;} .people .person .title a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; margin: 0; padding: 0 0 8px 0;} .people-row {float: left; margin: 0; text-align: center; width: 1008px; color: #535353; padding: 0 0 48px 0;} .body-menu {float: left; width: 1008px; color: #A4A4A4; text-align: center; margin: 48px 0 72px 0; padding: 0;} .body-menu a, .body-menu a:visited {text-decoration: none; color: #A4A4A4; font-weight: bold; border-bottom: 2px solid #A4A4A4; margin: 0; padding: 0 0 8px 0;} .body-menu a:hover {text-decoration: none; color: #535353; font-weight: bold; border-bottom: 2px solid #535353; margin: 0; padding: 0 0 8px 0;} .body-menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} .body-menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 18px; padding: 0;} .body-menu ul li.first { margin: 0 0 0 0; } .body-menu ul li a.active { color: #535353; border-bottom: 2px solid #535353; } .press-list {float: left; width: 1008px; color: #A4A4A4; text-align: center; margin: 48px 0 72px 0; padding: 0;} .press-list .box {margin: 0 auto; width: 288px; text-align: center; border: 6px solid #535353; padding: 48px 72px;} .press-list a, .press-list a:visited {text-decoration: none; color: #A4A4A4; font-weight: bold; border-bottom: 2px solid #A4A4A4; margin: 0; padding: 0 0 8px 0;} .press-list a:hover {text-decoration: none; color: #535353; font-weight: bold; border-bottom: 2px solid #535353; margin: 0; padding: 0 0 8px 0;} .press-list ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} .press-list ul li {list-style: none; list-style-type: none; list-style-image: none; margin: 0 0 0 18px; padding: 0;} #footer .body-menu {float: left; width: 1008px; color: #A4A4A4; text-align: center; margin: 0 0 54px 0; padding: 0;} .print-box { text-align: center;} .print-box .title a, .info-box .title a:visited {color: #535353; text-decoration: none; padding: 0 0 8px 0;} .print-box .title a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0;} .info-box {float: left; width: 1008px; margin: 90px 0 90px 0; padding: 0;} .info-box .title {margin: 0 auto; width: 288px; text-align: center; border: 6px solid #535353; padding: 48px 72px;} .info-box .title a, .info-box .title a:visited {color: #535353; text-decoration: none; padding: 0 0 8px 0;} .info-box .title a:hover {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0;} .about-text ul li {list-style: none; list-style-type: none; list-style-image: none; margin: 0 0 18px 0; padding: 0;} .grey a, .grey a:visited {color: #A4A4A4; text-decoration: none;} .grey a:hover {color: #A4A4A4; text-decoration: none; border-bottom: 2px solid #A4A4A4; margin: 0; padding: 0 0 8px 0;} #donate-field {position: absolute; margin: 88px 0 0 48px; width: 336px; height: 90px; z-index: 200;} #donate-field-bg {position: absolute; margin: 88px 0 0 48px; padding: 18px; z-index: 100; width: 336px; height: 90px; background-color: #FFF; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */} #donate-field input {text-align: center; width: 336px; height: 90px; padding: 18px; font-family: Helvetica, Arial, sans-serif; font-size: 36px; font-weight: bold; color: #FFF; border: none; background: none;} .donate-buttons {float: left; text-align: center; width: 432px; margin: 0; padding: 12px 0 0 0;} .donate-buttons .check {float: left; width: 432px; margin: 0; padding: 0;} .donate-buttons .card {float: left; width: 432px; margin: 0; padding: 0;} .donate-buttons .card ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} .donate-buttons .card ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 18px; padding: 0;} .donate-buttons .check a, .donate-buttons .check a:visited {text-decoration: none; color: #A4A4A4; border-bottom: 2px solid #A4A4A4; margin: 0; padding: 0 0 8px 0;} .donate-buttons .check a:hover {text-decoration: none; color: #535353; border-bottom: 2px solid #535353; margin: 0; padding: 0 0 8px 0;} .donate-buttons .card a, .donate-buttons .card a:visited {text-decoration: none; color: #535353; font-weight: bold; border-bottom: 2px solid #535353; margin: 0; padding: 0 0 8px 0;} .donate-buttons .card a:hover {text-decoration: none; color: #535353; font-weight: bold; border-bottom: 2px solid #535353; margin: 0; padding: 0 0 8px 0;} #donate-page {float: left; width: 1008px; margin: 0; padding: 0;} #donate-page .about-text {padding: 126px 0 72px 0;} .donations {float: left; width: 1008px; margin: 0; padding: 0 0 108px 0;} .donations .top-title {float: left; width: 1008px; text-align: center; margin: 0; padding: 0 0 36px 0;} #donate-page .left {float: left; width: 468px; margin: 0 72px 0 0; padding: 0;} #donate-page .left .image {width: 468px; height: 288px; background-color: #F1F1F1; margin: 0; padding: 0;} #donate-page .left .title {width: 468px; text-align: center; margin: 12px 0 0 0; padding: 0;} #donate-page .left .title a, #donate-page .left .title a:visited {color: #10a3dc; text-decoration: none; border-bottom: 2px solid #10a3dc; padding: 0 0 12px 0;} #donate-page .left .title a:hover {color: #10a3dc; text-decoration: none; padding: 0 0 12px 0;} #donate-options {float: left; width: 1008px; margin: 0 auto; padding: 0 0 72px 0;} #donate-options .top-title {float: left; width: 1008px; text-align: center; margin: 0; padding: 0 0 36px 0;} .donate-option-left, .donate-option-1 {float: left; width: 468px; margin: 0 72px 0 0; padding: 0;} .donate-option-right, .donate-option-2 {float: left; width: 468px; margin: 0; padding: 0;} .donate-option-left, .donate-option-1 .title, .donate-option-right, .donate-option-2 .title {font-weight: bold; width: 468px; text-align: center; margin: 0 0 12px 0; padding: 0;} .donate-option-left, .donate-option-1 .title a, .donate-option-left, .donate-option-1 .title a:visited, .donate-option-right, .donate-option-2 .title a, .donate-option-right, .donate-option-2 .title a:visited {color: #10a3dc; text-decoration: none; border-bottom: 2px solid #10a3dc; padding: 0 0 12px 0;} .donate-option-left, .donate-option-1 .title a:hover, .donate-option-right, .donate-option-2 .title a:hover {color: #10a3dc; text-decoration: none; padding: 0 0 12px 0;} .donate-option-left, .donate-option-1 .image, .donate-option-right, .donate-option-2 .image {width: 432px; height: 288px; background-color: #F1F1F1; margin: 0; padding: 0;} .donate-option-left, .donate-option-1 .text, .donate-option-right, .donate-option-2 .text {color: #A4A4A4; text-align: center; padding: 12px 0 0 0;} .donate-option-left, .donate-option-1 .text a, .donate-option-left, .donate-option-1 .text a:visited, .donate-option-right, .donate-option-2 .text a, .donate-option-right, .donate-option-2 .text a:visited {color: #A4A4A4; text-decoration: none; border-bottom: 2px solid #A4A4A4; padding: 0 0 8px 0;} .donate-option-left, .donate-option-1 .text a:hover, .donate-option-right, .donate-option-2 .text a:hover {color: #535353; border-bottom: 2px solid #535353; text-decoration: none; padding: 0 0 8px 0;} .donate-option .text p { margin: 0; } .donate-option-1 .text p:first-child a { color: #535353; font-weight: bold; border-bottom: 2px solid #535353; } .donate-option-3 {float: left; width: 468px; margin: 72px 0 0 270px; padding: 0;} .donate-option-3 .title {font-weight: bold; width: 468px; text-align: center; margin: 0 0 12px 0; padding: 0;} .donate-option-3 .title a, .donate-option-3 .title a:visited {color: #10a3dc; text-decoration: none; border-bottom: 2px solid #10a3dc; padding: 0 0 12px 0;} .donate-option-3 .title a:hover {color: #10a3dc; text-decoration: none; padding: 0 0 12px 0;} .donate-option-3 .image {width: 432px; height: 288px; background-color: #F1F1F1; margin: 0; padding: 0;} .donate-option-3 .text {color: #A4A4A4; text-align: center; padding: 12px 0 0 0;} .donate-option-3 .text a, .donate-option-3 .text a:visited {color: #A4A4A4; text-decoration: none; border-bottom: 2px solid #A4A4A4; padding: 0 0 12px 0;} .donate-option-3 .text a:hover {color: #535353; border-bottom: 2px solid #535353; text-decoration: none; padding: 0 0 12px 0;} #toolbox-page .body-menu {margin: 36px 0 72px 0;} #tools {float: left; margin: 0 auto; padding: 0 0 108px 0;} .tool {float: left; width: 288px; text-align: center; margin: 0 0 0 36px; padding: 0;} .tool-row {float: left; margin: 36px 0; padding: 0;} .tool .image {width: 288px; height: 198px; background-color: #F1F1F1; margin: 0; padding: 0;} .tool .title {width: 288px; text-align: center; margin: 12px 0 0 0; padding: 0;} .tool .title a, .tool .title a:visited {color: #535353; text-decoration: none; border-bottom: 2px solid #535353; padding: 0 0 8px 0;} .tool .title a:hover {color: #535353; text-decoration: none; padding: 0 0 8px 0;} .tool .date a, .tool .date a:visited {color: #A4A4A4; border-bottom: 2px solid #A4A4A4;} .tool .topic a, .tool .topic a:visited {color: #A4A4A4; border-bottom: 2px solid #A4A4A4;} .tool .format a, .tool .format a:visited {color: #A4A4A4; border-bottom: 2px solid #A4A4A4;} .tool .date a:hover {color: #535353; border-bottom: 2px solid #535353;} .tool .topic a:hover {color: #535353; border-bottom: 2px solid #535353;} .tool .format a:hover {color: #535353; border-bottom: 2px solid #535353;} .tool .topic ul {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 18px 0 0; padding: 0;} .tool .topic ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 18px; padding: 0;} .tag ul {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0; padding: 0;} .tag ul li {float:right;list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 18px; padding: 0;} .camp-info-box {float: left; width: 1008px; margin: 0 0 90px 0; padding: 0;} .camp-info-box .more-camp {margin: 0 auto; width: 288px; text-align: center; border: 6px solid #f05c89; padding: 48px 72px;} .camp-info-box .more-camp a, .camp-info-box .more-camp a:visited {color: #f05c89; text-decoration: none; padding: 0 0 8px 0;} .camp-info-box .more-camp a:hover {color: #f05c89; text-decoration: none; border-bottom: 2px solid #f05c89; padding: 0 0 8px 0;} .studio-info-box {float: left; width: 1008px; margin: 0 0 90px 0; padding: 0;} .studio-info-box .more-studio {margin: 0 auto; width: 288px; text-align: center; border: 6px solid #02a3dc; padding: 48px 72px;} .studio-info-box .more-studio a, .camp-studio-box .more-studio a:visited {color: #02a3dc; text-decoration: none; padding: 0 0 8px 0;} .studio-info-box .more-studio a:hover {color: #02a3dc; text-decoration: none; border-bottom: 2px solid #02a3dc; padding: 0 0 8px 0;} #footer {float: left; background-color: #efeeee; width: 100%; margin: 0; padding: 36px 0;} #footer .subscribe {width: 864px; margin: 0 auto; padding: 18px 0 108px 0;} .taxonomy-page .top-title { text-align: center; } .subscribe-name {float: left;} .subscribe-name input {color: #A4A4A4; font-family: Helvetica, Arial, sans-serif; font-size: 18px; width: 306px; margin: 0 36px 0 0; padding: 18px; border: none !important; background-color: #FFF;} .subscribe-email {float: left;} .subscribe-email input {color: #A4A4A4; font-family: Helvetica, Arial, sans-serif; font-size: 18px; width: 306px; margin: 0 36px 0 0; padding: 18px; border: none !important; background-color: #FFF;} .subscribe-butt {float: left; padding: 10px 0 0 0; width: 88px;} .subscribe-butt a, .subscribe-butt a:visited {font-weight: bold; color: #A4A4A4; padding: 0 0 12px 0; text-decoration: none; border-bottom: 2px solid #A4A4A4;} .subscribe-butt a:hover {font-weight: bold; color: #535353; padding: 0 0 12px 0; text-decoration: none; border-bottom: 2px solid #535353;} #mc_embed_signup input {border: none; !important} #mc_embed_signup .button {border: 0 none !important; color: #535353 !important; display: inline-block; font-size: 18px !important; font-weight: bold; line-height: 32px; margin: 0; padding: 0 12px; text-decoration: none;} .subscribe-butt input {position: relative !important; bottom: 55px; left: 720px; background: none !important; font-family: Hevletica, Arial, sans-serifl; border: 0 none !important; color: #535353; display: inline-block; font-size: 18px; font-weight: bold; line-height: 32px; margin: 0; padding: 0 12px; border-bottom: 2px solid #535353; text-decoration: none;} #footer .logo {margin: 0 auto; width: 66px; padding: 0 0 36px 0;} #footer .menu {font-size: 18px; text-align: center;} #footer .menu a, #footer .menu a:visited {color: #828282; text-decoration: none; padding: 0 0 12px 0;} #footer .menu a:hover {color: #828282; text-decoration: none; border-bottom: 2px solid #828282; padding: 0 0 12px 0;} #footer .menu ul {list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;} #footer .menu ul li {list-style: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0 0 18px; padding: 0;} #grey .tool-page .about-text{ text-align: left; } #toolbox-page .body-menu ul { width: 612px; margin: 0 auto; } #toolbox-page .body-menu ul li a { display: inline-block; padding: 0; }