/* document & wrapper elements -------------------------------------------------------------------------------- */ body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;} h1 {font-size:20px; margin-bottom:10px; padding-bottom:10px;} h2 {font-size:18px; line-height:18px;} h3 {font-size:16px; padding-bottom:10px;} h2, h3 {} /* top & bottom margin based on font size */ h1, h2, h3, h4, h5, h6, strong {font-weight:bold;} /* bringing boldness back to headers and the strong element */ p {margin-bottom:10px; line-height:18px;} em {font-style:italic;} /* bringing italics back to the em elements */ strong {font-weight:bold;} /* bringing bold back to strong elements */ blockquote, ul, ol, dl {margin:10px;} /* giving blockquotes and lists room to breath */ ol, ul, dl {margin-left:25px;} /* bringing lists on to the page with breathing room */ ol {list-style:decimal outside;} /* giving OL's LIs generated numbers */ ul {list-style:disc outside;} /* giving UL's LIs generated disc markers */ ol li, ul li {padding-bottom:4px; line-height:13px;} caption {margin-bottom:5px; text-align:center;} /* coordinated marking to match cell's padding &so things don't run into each other */ abbr, acronym, span.abbr {cursor:help; border-bottom:1px dotted #666;} th {font-weight:bold; text-align:left;} a {color:#000; text-decoration:none; outline:none;} a:hover {text-decoration:none; border-bottom:1px dotted #000; } #wrapper-banner-inside h1 {background-color:#5987C6; color:#fff; padding:10px; font-weight:normal; margin:0 0 30px 0;} /* header elements -------------------------------------------------------------------------------- */ ul#nav-utility {list-style-type:none; margin:0; padding:0; float:right; font-size:10px;} ul#nav-utility li {display:inline;} ul#nav-utility li a {border:none;} ul#nav-utility li a:hover {border-bottom:1px dotted #000;} #nav-main, #nav-main ul {margin:0; padding:0; list-style-type:none;} #nav-main {position:absolute; top:44px; left:140px; font-size:10px; letter-spacing:1px; z-index:999;} #nav-main a {display:block; border-bottom:none; display:block; position:relative;} #nav-main li {float:left; position:relative; text-transform:uppercase; letter-spacing:1px; } #nav-main li:hover ul {left:auto;} #nav-main li ul {list-style-type:none; position:absolute; top:16px; left:-9999px;} #nav-main li ul li {padding:0; text-transform:none; float:left; background:url(../img/bkg_nav-main.png) top left repeat-x; position:relative; top:9px; left:-17px;} #nav-main li ul li a {display:block; position:relative; padding:0 9px 9px 18px; color:#000; text-decoration:none; border:none;} #nav-main li ul li a:hover {color:#afafaf;} #nav-main li#exhibitions {width:89px;} #nav-main li#exhibitions ul li {width:150px;} #nav-main li#events {width:59px;} #nav-main li#events ul li {width:130px;} #nav-main li#education {width:79px;} #nav-main li#education ul li {width:140px;} #nav-main li#collections {width:92px;} #nav-main li#collections ul li {width:150px;} #nav-main li#visit {width:42px;} #nav-main li#visit ul li {width:180px;} #nav-main li#about {width:53px;} #nav-main li#about ul li {width:170px;} #nav-main li#membership {width:53px;} #nav-main li#membership ul li {width:210px;} #nav-main li:hover ul, #nav li.sfhover ul {left:auto;} /* main banner elements -------------------------------------------------------------------------------- */ #banner-content h1 {text-transform:uppercase; font-size:19px; line-height:20px; font-weight:normal; padding-bottom:10px; margin-bottom:0;} #banner-content p {font-size:12px;} #banner-content a {} #banner-content a:hover {border-bottom:1px dotted #000;} /* content sup elements -------------------------------------------------------------------------------- */ #content-sup {} ul#nav-sup {list-style-type:none; margin:0; padding:0 0 20px 0; text-transform:uppercase;} ul#nav-sup li {text-align:center;} ul#nav-sup li a {color:#fff; border-bottom:none; letter-spacing:1px;} li.join {} li.join a {background:url(../img/bkg_grey-bubble.gif) top left no-repeat; display:block; width:119px; height:22px; padding:5px 0 0 0;} li.enews {} li.enews a {background:url(../img/bkg_grey-bubble.gif) top left no-repeat; display:block; width:119px; height:22px; padding:5px 0 0 0;} li.conversation {} li.conversation a {background:url(../img/bkg_black-bubble.gif) top left no-repeat; display:block; width:120px; height:48px; padding:5px 0 0 0;} ul.locations {list-style-type:none; margin:0 0 20px 0; padding:0; text-align:right; font-size:9px; text-transform:uppercase;} ul.locations li {margin:0; padding:0;} /* content main elements -------------------------------------------------------------------------------- */ #content-main {} #content-main h2 {font-size:13px; border-top:1px solid #e0e0e0; padding:7px 0 7px 5px;} #content-main h3 {font-size:12px; font-weight:normal; padding:0 0 7px 5px; line-height:15px;} #content-main p, #content-home p {padding-left:5px;} ul#features {list-style-type:none; margin:0 0 0 0; padding:0; color:#fff;} ul#features li {margin:0 0 10px 0; padding:0; background-color:#00a2b1; height:116px; width:500px; *margin-bottom:7px;} ul#features li a {color:#fff; border-bottom:none;} ul#features li a:hover {border-bottom:1px solid #fff;} ul#features li h2 {float:left; width:280px; font-size:12px; padding:15px 37px 0 15px; border-top:none;} ul#features p.dates {float:left; width:280px; padding:15px 0 0 15px;} ul#features li.alt {margin:0 0 10px 0; padding:0; background-color:#ee891d; height:116px;} ul#features li.alt a {color:#fff; border-bottom:none;} ul#features li a:hover {border-bottom:1px dotted #fff;} #content-home-wide ul#features li {margin:0 0 10px 0; padding:0; background-color:#00a2b1; width:821px;} #content-home-wide ul#features p {clear:left; padding:0 15px 0 15px;} p#breadcrumb {text-transform:uppercase; font-size:12px; color:#666; font-weight:bold; letter-spacing:1px; padding-left:5px;} p#breadcrumb a {color:#000; text-decoration:none; border:none;} ul#exhibitions, ul#on-stage {list-style-type:none;margin:0; padding:0;} ul#exhibitions li, ul#on-stage li {border-top:1px solid #e0e0e0; padding:10px 0 15px 0; clear:left;} .exibition-details {font-size:12px;} .exibition-details p {line-height:18px;} .exibition-thumb p {float:left; width:190px; padding-left:12px;} ul#articles {list-style-type:none; margin:0; padding:0;} ul#articles li {} ul#rows {list-style-type:none; margin:0; padding:0;} ul#rows li {border-top:1px solid #e0e0e0; position:relative; margin-bottom:12px; float:left; clear:left; width:812px;} ul#rows p {width:300px;} ul#rows h2 {border-top:none;} ul#rows h3 {} ul#rows p.row-caption {position:absolute; top:11px; right:-9px;} ul.store {list-style-type:none; margin:0 0 20px 0; padding:0; float:left; clear:left;} ul.store li {float:left; width:250px; padding-right:20px;} #content-main ul.store li p {padding-left:0; text-align:left;} #content-main ul.store li img a {border:none; outline:none; text-decoration:none;} /* content sub elements -------------------------------------------------------------------------------- */ #content-sub {} #content-sub ul {list-style-type:none; margin:0; padding:0;} #content-sub ul li {padding:0 0 15px 0;} #content-sub ul li a {border-bottom:none;} #content-sub ul li a:hover {border-bottom:1px dotted #000;} ul#news {list-style-type:none; margin:0; padding:0;} ul#news li {border-top:1px solid #e0e0e0; padding:15px 0 15px 0;} ul#news li a {border-bottom:none;} ul#news li a:hover {border-bottom:1px dotted #000;} ul#news li a.attention {color:#ff0000; border-bottom:1px solid #ff0000;} ul#news li a.attention:hover {border-bottom:none;} ul#news li h3, ul#images li h3 {font-size:12px; text-transform:uppercase;} ul#news li p,ul#images li p {line-height:18px;} ul#news li.first {border-top:none; padding-top:0;} ul#images {margin:0; padding:0;} #content-sub ul#images li {padding:0; margin-bottom:10px; *margin-bottom:7px;} ul#images li.small-box img, ul#images li.big-box img {float:left; padding-right:10px;} ul#images li h3 {padding:10px 7px 0 10px;} ul#images li p {padding:0 7px 0 10px;} #content-sub ul#images li a {text-decoration:none; border:none;} #content-sub ul#images li a:hover {border:none;} ul#recent-posts {list-style-type:none; margin:0; padding:0;} ul#recent-posts li {padding:5px; line-height:14px;} ul#recent-posts li a {font-weight:bold;} ul#recent-posts li.alt {background-color:#cdd27a; color:#fff;} ul#recent-posts li.alt a {color:#fff; border-bottom:1px solid #fff;} ul#recent-posts li.alt a:hover {border-bottom:none;} #content-main div.article-sub p {padding-left:0;} /* footer elements -------------------------------------------------------------------------------- */ #footer ul {list-style-type:none; margin:0; padding:0;} #footer ul li {display:inline;} #footer ul li.brand {font-size:16px; margin-right:20px; color:#000;} #footer ul li.facebook {background:url(../img/icon-facebook.gif) top left no-repeat; padding-left:20px;} #footer ul li.twitter {background:url(../img/icon-twitter.gif) top left no-repeat; padding-left:20px;} #footer ul li.aquarium {background:url(../img/icon-aquarium.gif) top left no-repeat; padding-left:19px;} /* table elements -------------------------------------------------------------------------------- */ th {} td {} td p {} /* global text classes -------------------------------------------------------------------------------- */ .all-caps {text-transform:uppercase;} .text-normal {font-weight:normal;} .text-bold {font-weight:bold;} .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .small {font-size:10px;} .no-bullets {list-style-type:none;} .no-border {border:none;} .caption {font-size:9px; line-height:12px;} .large-text {font-size:13px;} .larger-text {font-size:14px;} .grey-text {color:#7e7f80;}