/*
:: Common
*/
html, body {
height: 100.1%;
}
body {
color: #FFF;
width: 100%;
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
padding: 0;
margin: 0;
background: #000;
}
.highlightmessage {
display: none;
}
body.front {
background: #000;
overflow: hidden;
}
body.white {
background: #fff;
color: #6D6E71;
}
/*body.about {
background: #000 url('../img/default/bkg-about.gif') no-repeat 990px 295px;
}
body.partners {
background: #000 url('../img/default/bkg-partners.gif') no-repeat 780px 330px;
}
body.news {
background: #000 url('../img/default/bkg-news.gif') no-repeat 1024px 295px;
}
body.art {
background: #fff url('../img/default/bkg-whats-new.gif') no-repeat 1000px 495px;
}*/
#wrapper {
font-family: "Courier New", Courier, Arial;
font-size: 0.68em;
line-height: 1.1em;
margin: 5px 0 5px 30px;
position: absolute;
z-index: 500;
}
#img-bg {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
body.white #img-bg {
background: #fff;
}
#img-bg-img {
position: absolute;
top: 0;
left: 0;
}
.front #wrapper {
margin: 0;
}
#content {
width: 1045px;
}
a {
color: #fff;
}
.white a {
color: #6D6E71;
}
white a.showcomments {
color:#fff;
}
p {
margin: 0 0 10px 0;
line-height: 14px;
}
h2.item-title {
font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
font-size: 8em;
width: 500px;
font-weight: normal;
line-height: 0.9em;
margin-top: 8px;
padding-left:20px;
z-index:5000;
margin-left:40px;
background:url('../img/default/hdr-slash.gif') no-repeat;
}
h2.item-title span {
margin-left:35px;
}
.white h2.item-title {
background:url('../img/default/hdr-slash-white.gif') no-repeat;
}
.clear {
clear: both;
}
.filmstrip {
background: url('../img/default/bkg-filmstrip.gif') repeat-x;
height: 6px;
overflow: hidden;
margin: 0 0 10px 0;
}
.white .filmstrip {
background: url('../img/default/bkg-filmstrip-white.gif') repeat-x;
}
.negative {
background: url('../img/default/bkg-negative.gif') no-repeat;
height: 15px;
}
.white .negative {
background: url('../img/default/bkg-negative-white.gif') no-repeat;
}
.doubleDash {
background: url('../img/default/bkg-doubledash.gif') repeat-x;
height: 13px;
}
.white .doubleDash {
background: url('../img/default/bkg-doubledash-white.gif') repeat-x;
}
.singleDash {
background: url('../img/default/bkg-singledash.gif') repeat-x;
height: 13px;
}
.white .singleDash {
background: url('../img/default/bkg-singledash-white.gif') repeat-x;
}
.doubleDash, .singleDash {
margin-top: 7px;
}
.main-inner {
padding: 15px 0;
}
#about .main,
#partners .main {
float:left;
width:780px;
margin:0 0 0 0;
}
#about .main .us,
#partners .main .teamwork,
.projects-intro {
width: 760px;
line-height: 22px;
}
#about .main .us p,
#partners .main .teamwork p,
.projects-intro {
font: 16px georgia, times, "times new roman", serif;
line-height: 22px;
}
.projects-intro {color: #fff; padding-bottom:40px; }
.projects-intro p { line-height: 22px; }
.coming-soon {
padding-top: 30px;
}
/*
:: Projects Index
*/
#projects {
margin: 40px 0 0 0;
color: #aaa;
}
.white #projects,
.white #projects a {
color: #6D6E71;
}
#projects a, #projects a img {
color: #aaa;
border: none;
outline: none;
}
#projects .title_location {
font-size: 1.2em;
}
#projects .title_location p {
margin:0px;
}
#projects .title_location p.location {
margin:3px 0;
}
#projects .item {
margin: 0 11px 0 0;
float: left;
width: 185px;
height:195px;
}
#projects .item br {
line-height:10px;
}
#projects .last {
margin: 0 0px 0 0;
}
#projects .placeholder {
width:180px;
height:100px;
}
#projects-inner {
width: 777px;
}
/*
:: Project Item
*/
#project {
margin: 0;
position: relative;
}
#project .detail {
width: 376px;
float: left;
margin: 120px 0 0 0;
}
#project #right {
float: left;
width: 625px;
margin-left: 15px;
}
#project .images {
margin:0;
width: 625px;
}
#project .images .filmstrip {
width: 100%;
}
#project .image {
float: left;
/*height: 400px;*/
width: 100%;
}
#project .image img {}
#project .detail .notes {
float: right;
width: 185px;
}
#project #nav, #project-nav, #project #nav a, #project-nav a {
text-decoration: none;
color: #A6A8AA;
}
#project-nav {
font-size: 1.2em;
line-height: 1.2em;
position: absolute;
top: 3px;
left: 620px;
}
#project #nav a.activeSlide, #project #nav a:hover, #project-nav a:hover {
text-decoration: underline;
}
/*
:: About Page
*/
#about .sidebar .meaning {
height: 200px;
}
#about .sidebar .meaning p {
text-decoration: underline;
font: 13px georgia, times, "times new roman", serif;
font-style: oblique;
color: #97999c;
}
#about .photo {
float: left;
width: 365px;
display: block;
margin:0 10px 0 0;
overflow:hidden;
}
#about .sidebar {
float: left;
width: 204px;
}
#about .sidebar-inner {
padding: 15px 0;
}
#about .team {
width: 390px;
float: left;
}
#about .contact h3 {
background: url('../img/default/hdr-about.gif') 0 -51px no-repeat;
height: 50px;
width: 200px;
text-indent: -9999px;
}
#about .team h3 {
background: url('../img/default/hdr-about.gif') no-repeat;
height: 50px;
width: 125px;
text-indent: -9999px;
}
#about h3.nobg {
background: none;
}
/*
:: Partners / Awards Page
*/
#partners .philanthropic h3 {
background: url('../img/default/hdr-partners.gif') no-repeat;
height: 50px;
width: 245px;
text-indent: -9999px;
}
#partners .memberships h3 {
background: url('../img/default/hdr-partners.gif') 0 -51px no-repeat;
height: 50px;
width: 250px;
text-indent: -9999px;
}
#partners .charities h3 {
background: url('../img/default/hdr-partners.gif') 0 -102px no-repeat;
height: 50px;
width: 170px;
text-indent: -9999px;
}
.partner-column {
width: 250px;
float: left;
margin: 0 10px 0 0;
}
/*
:: News Page
*/
#news {
}
#news .main {
width: 380px;
float: left;
}
#news .column {
width: 185px;
margin: 0 0 0 10px;
float: left;
color: #CCC;
}
.white #news .column, .white #news .readmore {
color: #6D6E71;
}
#news .main .latest {
font: 26px georgia, times, "times new roman", serif;
font-style: oblique;
margin: 0 0 3px 0;
}
#news .main .title {
font: 26px georgia, times, "times new roman", serif;
font-weight: bold;
}
#news .main .title a, #news .main a.nostyle { text-decoration: none; }
#news .main .date {
font: 12px georgia, times, "times new roman", serif;
margin: 0 0 7px 0;
font-weight: bold;
}
#news .readmore {
color: #CCC;
font-style: oblique;
}
#news .column .date {
margin: 0 0 3px 0;
}
#news .column .title {
font-weight: bold;
font-size: 1.3em;
margin: 0;
}
#news .column .title a, #news .column a.nostyle { text-decoration: none; }
/*
:: News Article
*/
#comments {
width: 382px;
background: #282829;
float: left;
margin: 15px 0;
position: relative;
}
.white #comments {
background: #c8c8c8;
}
#comments-inner {
padding: 10px;
}
.comment {
padding: 5px 0;
background: url(../img/default/bkg-singledash.gif) top repeat-x;
}
.white .comment {
background: url(../img/default/bkg-singledash-white.gif) top repeat-x;
}
.comment-date, #comments-form label {
font-weight: bold;
font-size: 1.2em;
}
#new-comment-text {
width: 360px;
height: 210px;
margin: 5px 0;
padding: 0;
}
#new-comment-submit {
margin: 5px 0;
}
#comments textarea {
border: none;
}
/*
:: Page Headings
*/
#header {
margin: 25px 0 0 0;
padding: 0;
height: 110px;
}
#header h2 {
padding: 0;
margin: 0;
line-height: 0.8em;
z-index:5000;
position:relative;
width:550px;
}
#header h2 a {
cursor: default;
padding: 0;
margin: 0;
}
div.about {
background: url('../img/default/hdr-main-about.gif') no-repeat;
height: 94px;
width: 263px;
text-indent: -9999px;
display: block;
}
div.projects {
background: url('../img/default/hdr-main-projects.gif') no-repeat;
height: 94px;
width: 460px;
text-indent: -9999px;
display: block;
}
div.sustainability {
background: url('../img/default/sustainability.gif') 10px 0 no-repeat;
height: 90px;
width: 500px;
text-indent: -9999px;
display: block;
}
div.partners {
background: url('../img/default/hdr-main-partners.gif') no-repeat;
height: 94px;
width: 463px;
text-indent: -9999px;
display: block;
}
div.news {
background: url('../img/default/hdr-main-news.gif') no-repeat;
height: 94px;
width: 272px;
text-indent: -9999px;
display: block;
}
div.awards {
background: url('../img/default/hdr-main-awards.gif') no-repeat;
height: 94px;
width: 325px;
text-indent: -9999px;
display: block;
}
div.whats-new {
width: 478px;
height: 94px;
background: url('../img/default/hdr-main-whats-new.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.art {
width: 478px;
height: 94px;
background: url('../img/default/art.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.collections {
width: 478px;
height: 94px;
background: url('../img/default/hdr-main-collections.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.commissions {
width: 577px;
height: 94px;
background: url('../img/default/hdr-main-commissions.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.inspiration {
width: 447px;
height: 94px;
background: url('../img/default/hdr-main-inspiration.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.commitment {
width: 464px;
height: 94px;
background: url('../img/default/hdr-main-commitment.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.cultural-making {
width: 594px;
height: 94px;
background: url('../img/default/hdr-main-cultural-making.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.history {
width: 439px;
height: 90px;
background: url('../img/default/hdr-main-history.gif') no-repeat;
text-indent: -9999px;
display: block;
}
div.key-people {
width: 439px;
height: 94px;
background: url('../img/default/hdr-main-key-people.gif') no-repeat;
text-indent: -9999px;
display: block;
}
/*
:: Flash menu overlay
*/
#menu-show {
display: block;
position: absolute;
top: 23px;
left: 30px;
background: url(../img/default/menu-btn.png) no-repeat top left;
width: 51px;
height: 30px;
z-index: 7000;
outline: none;
border: 0;
}
#menu-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
visibility: hidden;
z-index: 270;
}
#menu-flash-target {
overflow: hidden;
}
/*
:: Home page styles
*/
#header.home_enter_link {
background: url(../img/default/hdr-home-enter.png) no-repeat;
width: 253px;
height: 62px;
position: absolute;
top: 5px;
left: 30px;
z-index: 10;
}
#home-rotator {
position: absolute;
top: 0;
left: 0;
}
#home-rotator img {
display: none;
}
/*
:: Logo
*/
#m_logo {
width: 100%;
height: 129px;
background: url(../img/default/bkg-logo.png) no-repeat;
margin-top: 15px;
}
.white #m_logo {
background: url(../img/default/bkg-logo-white.gif) no-repeat;
}
#m_logo a {
display: block;
width: 80px;
height: 80px;
overflow: hidden;
text-indent: -700em;
}
/*
:: Filter
*/
#filters {
position: absolute;
top: 3px;
left: 585px;
}
#filters-inner {
position: relative;
width: 430px;
height: 90px;
}
#filters .label {
width: 130px;
padding-bottom: 5px;
float: left;
margin: 0;
clear: left;
}
#filters a.btn {
color: #B4282E;
float: left;
text-align: right;
text-decoration: none;
width: 70px;
}
#filters a.btn:hover {
text-decoration: underline;
}
#filter-archive {
position: absolute;
top: 0;
left: 0;
}
#filter-keyword {
position: absolute;
top: 0;
right:0;
}
#filter-category {
position: absolute;
top: 45px;
right: 0;
}
.filter-element {
width: 215px;
}
.filter label {
display: block;
background: #fff url(../img/default/bkg-singledash-white.gif) top repeat-x;
padding: 2px;
color: #000;
cursor: pointer;
}
.filter label:hover {
color: #B4282E;
background-color: #eee;
}
.white .keyword input {
border: 1px solid #000;
}
#filters form { clear: both; margin: 0; }
#filters .comboboxContainer { width:200px; height:22px; border: solid 1px #333; outline: none; position: static; background: #fff;}
#filters .comboboxValueContainer { }
#filters .comboboxValueContent { padding-left: 5px; color: #B4282E; }
#filters .comboboxDropDownContainer { outline: none; padding:0; background: #fff; border-left: solid 1px #333; border-right: solid 1px #333; border-bottom: solid 1px #333; }
#filters .comboboxDropDownButton { width:18px; height:18px; margin: 2px 0 2px 0; padding: 0; background: #fff url(../img/default/dropper.gif) no-repeat 5px 4px; border-left: solid #000 1px; }
#filters .comboboxItem { padding: 5px; color: #333; background: #fff url(../img/default/bkg-singledash-white.gif) top repeat-x; left: 0; }
#filters .comboboxItemHover { color: #B4282E; background-color: #eee; }
#filters .comboboxGroupItemHeader {}
#filters .comboboxGroupItemContainer {}
.keyword input {
height: 20px;
line-height: 20px;
width: 200px;
outline: none;
border: none;
}
.highlightmessage {
color:#000 !important;
text-align:center;
z-index:9000;
width:100%;
position:fixed;
top:0px;
left:0px;
padding:8px 0;
font-size:14px;
background-color:#FFF;
filter:alpha(opacity=90);-moz-opacity: 0.90;opacity: 0.90;
}
.highlightmessage p {
margin:0px;
padding:0px;
color:#000;
font-weight:bold;
}
#scrollbox ul { margin:0px; padding:0px; list-style:none; }
#scrollbox li { float:left; margin:0px; padding:0px; }
#scrollbox li { margin:0 10px 0 0; }
#image-gallery {
height: 650px !important;
}
object { outline:none; }