/* --------------------- 01. General 02. Global Classes 03. Structure 04. Homepage 05. Subpage General 06. About 07. Art 08. Calendar 09. Learning 10. Membership and Giving 11. Get Involved 12. Account 13. Search Results 14. Site Map 15. Sidebar Modules 16. Forms 17. Social Media 18. Tabs 19. Colorbox 20. Auto-Complete 21. Response Station / Quotation Wall ---------------------------------------------------------- 01. GENERAL ---------------------------------------------------------- */ @import url("reset.css"); @import url("nav.css"); a:link { border-bottom:1px solid #99BDD1; color:#00598E; font-weight:bold; text-decoration:none } a:visited { border-bottom:1px solid #ccc; color:#666; font-weight:bold; text-decoration:none } a:hover, a:focus { border-bottom:1px solid #99BDD1; color:#000 } a:active { color:#5B850C } a[href $='.pdf'] { padding-right:1.6em; background-position:right -2400px } body { background:#fff url(../images/bg.jpg) no-repeat top center; color:#000; font:10px Arial, Helvetica, Verdana, sans-serif; text-align:center } blockquote.pullquote { border:solid #D1D2D1; border-width:1px 0; color:#5B850C; font-size:1.5em; float:right; letter-spacing:-1px; line-height:1.5em; margin:0 0 1.5em 1.75em; padding:1em 0 0; position:relative; width:185px } blockquote.pullquote p { margin-bottom:0 } blockquote.pullquote span.ornament { background-position:0 -2100px; bottom:-15px; display:block; height:27px; left:65px; position:absolute; width:30px } blockquote.callout { border-left:1px solid #ccc; color:#3D6506; font-size:0.92em; margin:0 0 2em 2em; padding:0 15px } cite { font-style:normal } em.smaller { color:#666; font-size:0.6em; letter-spacing:normal; text-transform:uppercase } h1 { color:#0067A6; font-size:30px; font-weight:normal; margin-bottom:0.25em; letter-spacing:-1px; word-spacing:2px } h2 { color:#0067A6; font-size:22px; font-weight:normal; letter-spacing:-1px; line-height:1.2em; margin:1.4em 0 0.4em; word-spacing:2px } h1, h2 { text-indent:-9999px; opacity:0 } .cufon-ready h1, .cufon-ready h2 { opacity:1; text-indent:0 } h3 { color:#5B850C; font-size:1.3em; font-weight:normal; line-height:1.3em; margin-bottom:0.3em } h3.padded { padding-bottom:0.75em } h4 { margin-bottom:0.3em } hr { border:0; clear:both; color:#E0ECD8; background:#E0ECD8; height:2px; margin:1.5em 0 } ol { list-style-type:decimal; list-style-position:inside } p, ul, dl { margin-bottom:1.5em } sup a { bottom:0.3em; font-size:0.8em; margin:-0.5em 0 0 0.25em; position:relative } /* DEPRECATED TAGS & INLINE STYLE OVERRIDES */ font { color:inherit !important; font-family:inherit !important; font-size:inherit !important; font-weight:normal !important } span[style]{ font-weight:normal !important; color:inherit !important } /* override inline styles */ table[style], th[style], td[style], form[style] { border-width:inherit !important } /* override wysiwyg table styles */ /* COMBOS */ #event-filters + div.event { border-top:0 } form h2 + label { margin-top:1.5em } h1 + ul.bullet { margin-top:2em } h2 + h3 { margin-top:1em } h2 + div.event { border:0 } ul + h3 { margin-top:2em } ul.menu + h3 { margin-top:1.5em } #single-panel.slider { height:306px; } #slider { border: 5px solid #fff; } #slider li { width:880px; height:295px; } /* ---------------------------------------------------------- 02. GLOBAL CLASSES ---------------------------------------------------------- */ a.more, li.more, p.more { background-position:-100px -194px; padding-left:12px } a.noborder, a.noborder:visited { border:0 } .inline { display:inline; float:left } ol.footnotes { font-size:0.85em; margin-left:1.5em } ol.footnotes li { line-height:1.5em; list-style-position:outside; margin-bottom:0.75em } p.intro { color:#333; font-weight:bold; margin:0 0 2.5em } ul.bullet li, #post li { background-position:-100px -945px; margin-bottom:1.5em; padding-left:10px } ul.bullet h2 { font-size:18px; margin:0 0 0.2em } ul.bullet ul { margin:0.4em 0 1em 2em } ul.bullet ul li { background:none; list-style-type:disc; margin-bottom:0.4em; padding-left:0 } ul.condensed li { margin-bottom:0.4em } ul.inline { display:block; float:none; overflow:hidden } ul.inline li { display:inline; float:left } div.highlight:hover { background:#F5F8FA; cursor:pointer } div.highlight:hover a { color:#000 } .centered { text-align:center } .clear { clear:both } a[href $='.pdf'], .fader a span, .icons, .more, span.ornament, #post li, ul.bullet li, body.auxiliary #nav-secondary li { background-image:url(../images/icons.png); background-repeat:no-repeat } .nomargin { margin:0 } .note { color:#333; font-size:0.85em; line-height:1.5em } .replace { text-indent:-9999px } .shadow { background:url(../images/shadow.png) no-repeat bottom right; padding:0 4px 4px 0 } .wrap { font-size:1.1em; margin:0 auto; text-align:left; width:960px } /* scalable buttons */ a.button, a.button:visited { background:#0177BF; border:0; color:#fff; cursor:pointer; display:block; float:left; padding:5px 10px } a.button:hover { background:#004889; border:0; color:#fff } a.donate, a.viewall, a.donate:visited, a.viewall:visited { background:#5B850C } a.donate:hover, a.viewall:hover { background:#325C00 } a.button.viewall, a.button.viewall:visited { font-size:12px; float:right; padding:3px 10px; margin-bottom:-30px; } .print { display:none;} a.rounded, a.rounded:visited { background:#0177BF; border:0; color:#fff; cursor:pointer; display:block; float:left; padding:5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } a.rounded:hover { background:#004889; border:0; color:#fff } /* zebra striping on tables */ table.zebra tr.even td, table.zebra tr.even th { background-color:#F5F6F5 } table.zebra tr.odd td { background:none } /* ---------------------------------------------------------- 03. STRUCTURE ---------------------------------------------------------- */ #wrapper { font-size:1.2em } #header { height:110px; padding:30px 25px 0; position:relative; width:890px; z-index:999 } #header h1 { margin:0; position:absolute; top:16px } /* logo */ #header h1 a { border:0 } #header #tagline { background-position:0 -700px; height:35px; position:absolute; left:410px; top:32px; width:141px } /*#header #tagline.loggedin { left:380px } when logged in */ #content { line-height:1.5em; overflow:hidden; text-align:left } /* #content-primary { overflow:hidden } */ #footer { background:url(../images/picasso.gif) no-repeat bottom right; color:#333; font-size:1.2em; line-height:1.5em; overflow:hidden; width:890px } /* FIXED FOOTER DECLARATIONS */ html, body, #wrapper { height:100% } body > #wrapper { height:auto; min-height:100% } #content { padding:0 0 180px } /* bottom must be same height as the footer */ #footer { border-top:4px solid #E0ECD8; clear:both; margin-top:-180px; /* negative value of footer height */ height:155px; padding-top:21px; position:relative } /* ---------------------------------------------------------- 04. HOMEPAGE ---------------------------------------------------------- */ #home #content-secondary { padding:20px 35px 10px; overflow:hidden; width:890px } #home #content-secondary h2 { font-size:17px; letter-spacing:normal; margin:0 0 0.5em; text-transform:uppercase } #home #content-secondary h2 a { border:0; } #home #content-secondary hr { margin:1.75em 0 } #home strong span.cufon canvas { /*top:-1px !important*/ } #home #staff-picks { margin-right:33px; } #home #staff-picks div { background-color:#DEEAF0; color:#333; padding:20px 23px 30px; width:240px } #home #staff-picks h3 { color:#000; font-size:1em; line-height:1.5em; margin-bottom:0.75em } #home #staff-picks h3.artist { font-size:0.9em; margin-bottom:0; text-transform:uppercase } #home #staff-picks div div { overflow:hidden; height:125px; margin-bottom:0.75em; padding:0; width:240px } #home #staff-picks img { width:240px } #home #staff-picks blockquote p { margin-bottom:0.25em } #home #staff-picks cite { color:#454545; font-size:0.9em } /* SCROLLING PANELS */ #home div.scrollable { float:left; height:311px; overflow:hidden; position:relative; width:894px; z-index:0 } /* stationary root element for the scrollable. */ #home div.items { clear:both; position:absolute; width:20000em } /* scrolling items container; must be set to large width */ #home div.panel { border:5px solid #fff; float:left; height:295px; margin-top:2px; margin-right:10px; overflow:hidden; position:relative; width:280px; -webkit-box-shadow:2px 3px 3px #ccc; -moz-box-shadow:2px 3px 3px #ccc; } /* individual promo panel */ #home div.panel img { position:absolute; left:0; top:0; z-index:-1 } #home div.panel a.replace { display:block; height:295px; left:0; position:absolute; top:0; width:280px; z-index:2 } /*#home div.panel h1 { bottom:-18px; color:#fff; font-size:40px; left:11px; letter-spacing:-2px; position:absolute; text-transform:uppercase; z-index:0 }*/ #home div.panel h1 { bottom:-10px; color:#fff; font-size:48px; left:12px; letter-spacing:-2px; position:absolute; text-transform:uppercase; z-index:0 } #home div.panel h1 .cufon-canvas { height:40px !important; } #home div.panel h1.alt .cufon-canvas { height:32px !important; } #home div.panel h1.sundays { color:#E9DE92;} #home div.panel h1 em { display:block; font-size:18px; font-style:normal; letter-spacing:normal; margin-bottom:5px; } #home div.panel h1 div { font-size:30px; line-height:24px; margin-bottom:0; } #home div.panel h1 div .cufon-canvas { height:22px !important; } #home div.panel h1.alt, #home div.panel h1 div.alt { font-size:36px; line-height:30px; margin-bottom:4px; } #home div.panel h1.alt2, #home div.panel h1 div.alt2 { font-size:42px; line-height:36px; margin-bottom:6px; } /*#home div.active { border:5px solid #999; position:relative; z-index:9999 }*/ /* active item */ #home div.details { background:#00709A; color:#fff; height:255px; left:0; padding:20px; position:absolute; top:0; width:240px; z-index:99 } #home div.details a { border-bottom:1px solid #C2F25D; color:#C2F25D } #home div.details a:hover { border-bottom:1px solid #fff; color:#fff } #home div.details h1 { color:#fff; font-size:24px; letter-spacing:normal; line-height:1.2em; margin-bottom:0.5em; position:static; word-spacing:normal } #home div.details h1 .cufon-canvas { height:20px !important; } #home div.details h2 { color:#fff; font-size:14px; margin:0 0 0.25em; letter-spacing:normal; text-transform:uppercase } #home div.details ul { margin-top:-1.4em;} #home div.details li { width:120px; white-space:nowrap } #home div.details li.more { background:none; padding:0; text-align:right } #home div.gradient { background:url(../images/bg_home_promo_gradient.png) repeat-x left bottom; background-size:280px 75px; width:280px; height:75px; position:absolute; left:0; bottom:0;} a.browse { cursor:pointer; display:block; float:left; height:68px; margin-top:110px; width:33px } a.browse:hover { border:0 } a.right { background-position: 0 -200px; clear:right; margin-left:-4px; } a.right:hover, a.right:focus { background-position: 0 -300px } a.left:hover, a.left:focus { background-position: 0 -100px } a.disabled { visibility:hidden !important } #holiday { clear:both; border:5px solid #E5F0DF; float:left; margin:1.5em 0; overflow:hidden; padding:20px 25px; width:90%;} #holiday h3 { } #holiday ul { margin:0; } #holiday ul li { line-height:16px; margin-right:18px; white-space:nowrap;} #holiday ul li.last { margin-right:0; } #holiday.special { clear:both; border:5px solid #b81919; float:left; margin:1.5em 0; overflow:hidden; padding:20px 25px; width:90%;} #holiday.special h3 { color:#b81919; } #holiday.special table { border-bottom:1px solid #E5F0DF; color:#5B850C; } #holiday.special table tr.labels { background:#5B850C; color:#fff; } #holiday.special table tr.alt { background:#f4faf1; } #holiday.special table td { border:1px solid #E5F0DF; border-bottom:0; padding:5px; } #about #holiday { font-size:0.92em; margin-bottom:4em; width:535px; } #about #holiday ul li { margin-right:20px;} #home #directions { clear:both; border:5px solid #5B850C; background:#E5F0DF; float:left; margin:1.5em 0; overflow:hidden; padding:20px 25px; width:90%; border-radius:10px; } #home #directions:hover { background:#5B850C; color:#fff; } #home #directions:active { background:#325C00; } #home #directions a { text-decoration:none; border:0; color:#5B850C; } #home #directions:hover a, #home #directions a:hover { color:#fff; } /* ---------------------------------------------------------- 05. SUBPAGE GENERAL ---------------------------------------------------------- */ body.sub { background:#fff url(../images/bg_empty.jpg) no-repeat top center } body.section-front { background:#fff url(../images/bg_sectionfront.jpg) no-repeat top center } body.sub #content { overflow:visible; width:890px } body.sub #content-primary { display:inline; float:right; padding:0 15px 4em 0; width:590px } body.sub h1 { font-size:30px; line-height:1.25em; margin-bottom:0.5em } #section-title { background:url(../images/shadow.png) no-repeat bottom right; height:200px; margin-bottom:25px; position:relative; width:886px } #section-title div.image-details { background:url(../images/bg_highlights.png); color:#fff; display:none; font-size:0.85em; max-width:325px; padding:15px 20px; position:absolute; right:10px; top:6px; z-index:300; } #section-title div.image-details strong { display:block } #section-title div.image-details a { color:#fff; font-weight:normal; text-transform:uppercase; } #section-title div.image-details a:hover { border-bottom:1px solid #C2F25D; color:#C2F25D } body.section-front #section-title { height:300px } body.sub #section-title h1 { background:url(../images/bg_titles.png) repeat-x bottom; bottom:-6px; color:#fff; font-size:65px; left:6px; line-height:0; margin:0; padding:100px 50px 0 18px; position:absolute; text-transform:uppercase; width:806px; word-spacing:5px; z-index:99 } body.sub #section-title h1 em#section-main, body.auxiliary #section-title h1 em { display:block; font-size:25px; height:35px; overflow:hidden } body.sub #section-title h1 em.smaller { display:block; color:#fff; font-size:61px; margin-bottom:2px; } body.sub #section-title img { border:6px solid #fff; position:absolute; left:0; z-index:-1 } body.sub #section-title img#figure { border:0; bottom:-30px; position:absolute; left:840px; z-index:100 } body.misc #nav-secondary { display:none } body.sub #content-secondary { display:inline; float:left; font-size:0.92em; line-height:1.4em; margin-right:35px; padding-bottom:4em; width:235px } body.sub #content-secondary h2 { font-size:1.35em; letter-spacing:normal; margin:0 0 0.5em; text-transform:uppercase } body.sub #content-secondary ul.inline { margin-top:-0.5em } body.sub #content-secondary hr { margin:2em 0 } div.callout { border:solid #D1D2D1; border-width:1px 0; float:right; margin:0.5em 0 2.5em 3.5em; padding:1em 0; position:relative; width:185px } div.callout h2 { color:#5B850C; letter-spacing:-1px; line-height:1.25em; margin:0 0 0.25em; width:185px } div.callout h3 { color:#5B850C; font-size:1em; margin:0; text-transform:uppercase } div.callout p { margin-bottom:1em } div.callout span.ornament { background-position:0 -2100px; bottom:-15px; display:block; height:27px; left:77px; position:absolute; width:30px } div.callout a.button { margin:0.75em 0 0.5em; text-align:center } div.callout img { margin-bottom:0.75em } div.contacts { border-bottom:0; float:none; font-size:0.92em; margin:2.5em 0 0; padding:1em 0; overflow:hidden; position:relative; width:auto } div.contacts h2 { margin-bottom:0.75em; width:auto } div.contacts div { height:100px; margin-right:10px; padding-bottom:1.5em; width:290px } div.contacts div img { display:inline; float:left; margin-right:1em } div.contacts div p { display:inline; float:left; line-height:1.5em; width:190px } div.contacts div.last { margin-right:0 } div.contacts span.note { color:#666; /*font-size:1em;*/ text-transform:uppercase } div.list { border:0; margin-top:-0.5em } /* SHARE & WATCH */ #share-this { float:left; margin:-4px 0 2em; width:400px } #share-this a.stbutton { border:0 } #watchthis-section { float:right; width:150px; text-align:right } #watchthis-section p { display:inline; float:left; margin-bottom:0.25em; text-align:right } /* 404 */ #error-404 #content-primary { float:left; margin-left:30px } #error-404 #content-secondary { background:url(../images/figures/cameraman.gif) no-repeat right top; float:right; height:340px; margin:0 } #error-404 #print-page { display:none; } /* THUMBNAIL / TOOLTIP */ #preview { background:#fff; border:1px solid #ccc; color:#fff; display:none; padding:5px; position:absolute } #tooltip { background:#f7f5d1; border:1px solid #333; color:#000; display:none; font-size:1.1em; padding:10px; position:absolute } /* ---------------------------------------------------------- 06. ABOUT ---------------------------------------------------------- */ /* ADDRESS, PHONE, HOURS */ #about dl.twocol { overflow:hidden; } dl.twocol dt, dl.twocol dd { border-bottom:1px solid #ccc; display:inline; float:left; margin-bottom:4px; padding-bottom:4px; width:110px } dl.twocol dt { font-weight:bold } dl.twocol dt.last, dl.twocol dd.last { border:0 } #about ul.address, #about dl.twocol { display:inline; float:left; margin-top:0.75em; width:230px } #about ul.address { margin-right:10px } #about li#phone-main { margin:1.25em 0 } #about ul.address img { margin:1.5em 0 0 } #about h3.holiday { clear:both; margin: 0 0 0 200px; } /* #about dl.hours { margin-bottom:5em } */ /* uncomment after holidays */ #about dl.holiday { width: 330px; margin-bottom:30px; margin-left:125px;} #about dl.holiday dt { width:140px;} #about dl.holiday dd { width:140px;} /* TABBED BOXES */ #about #traveling img { margin-bottom:1em } #about #traveling li { padding-left:45px } #about #traveling li#directions { background-position:0 -1600px; padding:8px 0 15px 45px } #about #traveling li#parking { background-position:0 -1800px } #about #traveling li#noback { background-image: none; } #about #traveling li#parking em { color:#4A6F0D; font-style:normal } #about #traveling li p { margin-bottom:1em } #about #admissions dl.twocol { margin-top:-0.5em; width:400px } #about #admissions dt { width:185px } #about #admissions dl.prices { margin-top:0.5em; width:450px } #about #admissions p.clear { margin:-1em 0 2em; } #about #admissions p.more { margin-top:-1em; } #about #admissions dl.prices dt { width:40px } #about #admissions dl.prices dd { width:185px } #content ul.twocol { overflow:hidden; width:530px } #content ul.twocol li { display:inline; float:left; margin-right:25px; width:200px } /* RENTALS FAQ */ dl.faq dt { font-weight:bold } /* EMPLOYMENT */ p#release-date { color:#666; text-transform:uppercase } div.featured-photo { float:right; line-height:0; margin:0 0 1.5em 3em } div.featured-photo div { border:1px solid #fff; height:200px; overflow:hidden; width:200px } #post { margin-bottom:2em } #post li { margin-bottom:0.4em} #post p a.button { margin-right:20px } p#eoe { float:right; text-align:right; width:400px } /* equal opp. employer */ /* WHAT PEOPLE ARE SAYING */ div.review { border-top:0 !important; line-height:1.4em; margin-top:-0.5em; padding-left:0 !important; } div.review h2 { margin-bottom:0;} div.review li p { margin-bottom:10px;} div.review li p.note { color:#666; font-size:11px; margin-bottom:0;} div.review h2 + ul, div.review h2 + blockquote { padding-top:1em;} div.review blockquote p + p.author { margin-top:-1.5em;} div.review cite { color:#666; font-size:11px; text-transform:uppercase;} div.review div.submission { height:auto !important} div.review + h2 { margin-top:0.5em;} div.review a.rounded { text-align:center; width:130px;} /* VISITOR COMMENTS */ blockquote.review { position:relative;} blockquote.review cite { color:#666; font-size:11px; text-transform:uppercase;} blockquote.review p + p.author { margin:-1.5em 0 0;} #comments-submission { float:right; margin:-3.5em 0 0;} #news-results.reviews { margin-top:0;} /* VISITOR COMMENT W/ PHOTO */ blockquote.photo { display:inline; float:left; width:450px; } div.visitorcomment { overflow:hidden;} div.visitorcomment div.photo { float:left; height:100px; margin:0 20px 0 0; overflow:hidden; width:100px; } div.visitorcomment div.photo img { width:100px;} /* MEDIA ROOM */ #media-thumbs { margin-top:2.5em; overflow:hidden } #media-thumbs h2 { position:relative; width:160px; } #media-thumbs h2 a { font-weight:normal; float:left; width:145px; text-decoration:underline; border-bottom-width:0; } #media-thumbs h2 span { background-position:-200px -800px; position:absolute; right:0; top:0; } #media-thumbs h2 span a { border:0; display:block; text-indent:-9999em; width:15px; } #media-thumbs p.note { font-size:11px; } div.bio p.title { color:#666; font-size:1em; letter-spacing:normal; line-height:1.6em; margin:-0.5em 0 1em; text-transform:uppercase } table.board-members { margin-top:2em } table.board-members span { color:#666; display:block; font-size:0.92em; line-height:1.5em; text-transform:uppercase } table.board-members tr.even td { background-color:#F5F6F5 } table.board-members tr.odd td { background:none } table.board-members thead { display:none; } #news-results { margin-top:3em } div.press { border-top:1px dotted #ccc; padding:1em 10px 1.4em } div.press p.note { color:#666; margin-bottom:0 } div.press h2.title { font-size:1em; letter-spacing:normal; line-height:1.5em; margin:0; word-spacing:normal } #footer-press { border-top:1px dotted #ccc; color:#333; font-size:0.85em; padding-top:1.5em } /* ALBUM LISTINGS */ div.album { } div.album p { margin-bottom:0.1em } div.album p.type { color:#666; font-size:0.85em; text-transform:uppercase } div.album h2 { color:#5B850C; font-size:1.2em; letter-spacing:normal; margin:0 0 20px; word-spacing:normal } /* DINING */ #dining.shadow { height:81px; line-height:0; margin:-3.34em 0 2em; } #dining.shadow img { border:1px solid #fff; border-top:0; } #dining.shadow a { border:0; } #cafe.callout { border:solid #D1D2D1; border-width:0 0 1px; float:right; margin:0 0 2.5em 3.5em; padding:1em 0; position:relative; width:209px } #cafe.callout img { margin-bottom:0; } #cafe.callout div { margin-left:0 } ul.hours li { margin-bottom:0.25em } #cafe-optin h2 { margin-bottom:0.5em } #cafe-optin input.labelvalue { width:200px } #cafe-optin input.submit { text-indent:-9999px } p#menu-disclaimer { border-top:1px dotted #ccc; font-style:italic; margin-top:2em; padding-top:2em;} /* DIRECTORY */ table#directory { margin-top:-1em;} table#directory.standard tbody tr th { border-top:1px dotted #ccc; color:#4F780A; font-size:1.1em; font-weight:normal; padding-top:15px; } table#directory tbody span.divider { color:#ccc; margin:0 5px;} table#directory.standard td { padding-bottom:10px; width:60%;} table#directory p { margin-bottom:1em;} /* HOTEL */ ul#hotellist { } ul#hotellist li { height:80px; } ul#hotellist li img { vertical-align:middle; } ul#hotellist li a{ margin-left:10px; } /* ---------------------------------------------------------- 07. ART ---------------------------------------------------------- */ /* RESULTS GRID */ h2.results { margin-bottom:1.5em } div.pagination { background:#EFF5F8; clear:both; color:#333; font-size:0.92em; overflow:hidden; padding:5px 10px; text-transform:uppercase } div.pagination p { margin:0; padding-top:2px } div.pagination ul { float:right; margin:0; text-align:right } div.pagination a { border:0; display:block; font-weight:normal; padding:2px 6px } div.pagination a:hover { color:#000; font-weight:normal } div.pagination a.active { color:#000; font-weight:bold } #results-grid { margin:1em 0 } div.single { float:left; font-size:0.85em; display:inline; margin:0 32px 25px 0; width:160px } /* div.single div { display: table-cell; text-align: center; vertical-align: middle; width:150px; height:150px; padding:5px; border:solid 1px #CCCCCC; margin-bottom:1em; } TEMP FIX BELOW */ div.single div { border: 5px solid #CCCCCC; display: inline-block; max-height: 160px; max-width: 160px; overflow: hidden; text-align: center; } div.single div * { vertical-align: middle; } #get-involved div.single div {width:158px; height:158px; padding:0px; display:block; overflow:hidden;} #get-involved div.single div img{min-width:158px; padding:0px; display:block;} div.last { margin-right:0 } div.single h2.title { letter-spacing:normal; font-size:15px; line-height:1.3em; margin:0 0 0.3em; word-spacing:normal } div.single p { line-height:1.4em; margin-bottom:0 } div.single p.artist { text-transform:uppercase } div.single p.artist a { font-weight:normal } div.single p.comments { margin-top:1em } div.single p.staff { background-position:-200px 0; margin-top:1em; padding-left:12px; padding-bottom:0px; margin-bottom:0px;} .topPaginationAdj { border-bottom:1px dotted #ccc; margin-bottom:15px; } .btmPaginationAdj { border-bottom:1px dotted #ccc; } /* DETAILS */ #object-staff-picks {padding:10px; background:#F5F5F5; font-size:12px;} #object-staff-picks h2{font-size:16px;} #object-staff-picks p {padding:0; margin:0;} #object-staff-picks p.staff {float:right; background-position:-200px 0; margin-top:1em; padding-left:12px;} #single { border-top:1px dotted #ccc } #single div.pagination { background:none; padding:5px 0 8px } #single div.pagination div { margin-top:4px; text-align:right; width:33% } #single div.pagination p { text-align:left; width:33% } #single div.pagination p#zoom { padding-top:4px; text-align:right; white-space:nowrap; width:66% } #single div.pagination p#zoom span { background-position:0 -2198px; padding-left:17px } #single div.pagination p#zoom.centered { text-align:center; width:33% } #single p.note { color:#666; font-size:0.85em; margin:0.6em 0 2em; } #picture { background:#EDEDED; overflow:hidden; text-align:center } #picture div { margin:0 auto } ul#thumbs { background:#EDEDED; border-top:2px solid #fff; margin:0; padding:10px; width:570px } ul#thumbs li { margin-right:10px } ul#thumbs img { height:50px } #details { margin-top:0.5em } #details h1 { margin-bottom:0 } #details h2 { margin:0.25em 0 0.75em } #details h2 em { margin-left:0.75em; } #details dl.twocol { border:solid #ddd; border-width:1px 0; overflow:hidden; margin-top:2em; padding:1em 0; width:590px } #details dl.twocol dt, #details dl.twocol dd { border-bottom:0; display:inline; float:left; margin-bottom:4px; padding-bottom:4px } #details dl.twocol dt { width:120px } #details dl.twocol dd { width:460px } /* ACQUISITIONS */ #acquisition.callout img { width:185px;} /* Image Gallery */ #content-primary #media-thumbs.imgGrid { margin-top:0; overflow:hidden; } #content-primary #media-thumbs.imgGrid h2 span { background-position:-200px -800px; position:absolute; right:25px; top:0; } #content-primary #media-thumbs.imgGrid div.single { float:left; font-size:0.85em; display:inline; margin:0 12px 15px 0; width:138px; height:auto; } #content-primary #media-thumbs.imgGrid div.single.last { margin-right:0; } #content-primary #media-thumbs.imgGrid div.single div { display: table-cell; text-align: center; vertical-align: middle; width:130px; height:auto; padding:4px; border:solid 1px #CCCCCC; margin-bottom:1em;} #content-primary #media-thumbs.imgGrid div.single div img{ width:130px;} #content-primary #media-thumbs.imgGrid div.single div p { overflow:hidden; margin:0; padding:0; height:auto; width:auto; } #content-primary #media-thumbs.imgGrid div.single div * { vertical-align: middle; } #content-primary #media-thumbs.imgGrid div.single h2.title { letter-spacing:normal; font-size:12px; line-height:18px; margin:4px; word-spacing:normal; } #content-primary #media-thumbs.imgGrid div.single h2.title a.textLink { max-width:115px; } #content-primary #media-thumbs.imgGrid div.single p { line-height:1.4em; margin-bottom:0; margin-left:4px; } /* PROVENANCE */ table.sortable { background:#ddd; border-collapse:separate; border-spacing:1px; font-size:0.85em; line-height:1.4em; margin-top:3em; width:100% } table.sortable th { padding:10px 30px 10px 10px; white-space:nowrap } table.sortable td { padding:10px } table.sortable thead tr th { background-color:#E0ECD8; border:1px solid #FFF } table.sortable thead tr .header { background-image:url(../images/arrow_bg.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer } table.sortable tbody td { background-color:#fff; vertical-align:top } table.sortable tbody tr.odd td { background-color:#F5F8FA } table.sortable thead tr .headerSortUp { background-image:url(../images/arrow_asc.gif)} table.sortable thead tr .headerSortDown {background-image:url(../images/arrow_desc.gif) } table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp { background-color:#AFCD9D } /* RIGHTS */ dl.nested { font-size:0.92em; overflow:hidden; width:500px } dl.nested dt { width:220px } dl.nested dd { width:125px } dl.nested dt, dl.nested dd { border-bottom:1px dotted #999 } /* STAFF PICKS */ #bio-photo div { height:150px; width:130px } /* RESEARCH LIBRARY */ #content ul.lined { width:600px } #content ul#donors-list li { width:250px } #content ul.lined li { background-position:-100px -941px; border-top:1px dotted #ccc; margin-right:0; padding:0.4em 10px 0.1em } #content ul.lined li.first { border-top:0 } #content ul.lined span { color:#666; display:block; font-size:0.85em; text-transform:uppercase } /* COLLECTION HIGHLIGHTS */ #highlights { font-size:0.92em; margin:-1em 0 3em; overflow:hidden; width:590px } #highlights h2 { margin-bottom:0.5em; width:100px } #highlights p.inline { margin:3.1em 0 0; text-align:right; width:475px } #highlights p.nav { background:#E6E6E6; display:inline; float:left; height:302px; margin-top:0.5em; width:38px } #highlights p.nav a.left { margin-left:5px } #highlights p.nav a.right { margin-left:0 } #highlights div.scrollable { border:1px solid #E6E6E6; border-width:1px 0; display:inline; float:left; height:300px; margin-top:0.5em; overflow:hidden; position:relative; width:500px; } /* stationary root element for the scrollable. */ #highlights div.items { clear:both; position:absolute; width:20000em } /* scrolling items container; must be set to large width */ #highlights div.panel { float:left; height:300px; overflow:hidden; position:relative; width:500px } /* individual work of art */ #highlights div.panel img { left:0; position:absolute; top:0; z-index:-1 } #highlights div.details { background:url(../images/bg_highlights.png); bottom:0; color:#fff; left:0; line-height:1.5em; padding:20px; position:absolute; width:490px; z-index:99 } #highlights div.details h3 { color:#fff; font-size:2.1em; font-weight:normal; line-height:1.2em; margin-bottom:0.1em; z-index:0 } #highlights div.details a { border-bottom:1px solid #ccc; color:#fff } #highlights div.details a:hover { border-bottom:1px solid #C2F25D; color:#C2F25D } #highlights div.details p { width:90%; } #highlights div.details ul { margin-bottom:0 } #highlights div.details li { border-right:1px dotted #858585; margin-right:10px; padding-right:10px } #highlights div.details li.last { border:0 } /* DIA MAP */ #highlights.map div.scrollable { height:940px; } #highlights.map div.panel { height:940px; } #highlights.map div.panel img { width:500px; } #highlights.map p.nav { height: 942px; } #highlights.map .nav a.browse { margin-top: 410px !important; } #highlights.map .nav a.disabled { visibility:visible !important; } /* RIVERA COURT - OLD SLIDESHOW #highlights.rivera { margin-top:1.75em;} #highlights.rivera p.nav { height:492px;} #highlights.rivera div.scrollable, #highlights.rivera div.panel { height:490px;} #highlights.rivera div.details { background:#999 url(../images/bg_highlights.png); height:200px; top:300px; } #highlights.rivera div.details p { margin-bottom:0.2em;} #highlights.rivera div.details li { border:0; } */ #highlights.rivera div.items { width:605px; overflow:hidden; } #highlights.rivera div.panel { height:475px; width:300px; } #highlights.rivera div.details { background:#999 url(../images/bg_highlights.png); height:90px; top:0px; width:260px; } #highlights.rivera div.details h3 { font-size:2.4em; font-weight:normal; line-height:1.2em; } #highlights.rivera div.details:hover { background:#0177BF; } /* GRACEHOPER */ #highlights.gracehoper { margin:-0.5em 0 0.5em; } #highlights.gracehoper div.details h3 { font-size:1.4em; line-height:1.2em; } #highlights.gracehoper div.details p { margin-bottom:0.2em;} #highlights.gracehoper div.details li.last { border:0; } #highlights.gracehoper div.highlight:hover { background:none; cursor:pointer } /* DEPARTMENTS LIST */ div.collections div { margin-bottom:0 } /* ---------------------------------------------------------- 08. CALENDAR ---------------------------------------------------------- */ #calendar { font-size:0.92em; margin-bottom:2em } #calendar #month-select { background:#fff; border:solid #ddd; border-width:1px 0 0 1px; padding:5px 0; text-transform:uppercase } #calendar #month-select a { border:0; padding:5px } #calendar #month-select a:hover { background:none } #calendar table { background:#ddd; border-collapse:separate; border-spacing:1px; width:100% } #calendar th { background:#F5F6F5; border:1px solid #fff; text-align:center; white-space:nowrap; width:12% } #calendar table a { border:0; display:block; height:100%; line-height:28px; vertical-align:middle; width:100% } #calendar a:hover { background:#B7D3A4; color:#000 } #calendar table thead tr th { background-color:#E0ECD8; border:1px solid #FFF } #calendar table thead tr th.empty { background-color:#fff; border:0 } #calendar table th.viewing { background-color:#FFFFF0 } #calendar table tbody tr th { background-color:#E0ECD8; border:1px solid #FFF } #calendar table tbody td { background-color:#fff; border:1px solid #fff; height:30px; text-align:center; vertical-align:middle; width:12%; } #calendar table .off { color:#ccc; background:#F5F6F5 } #calendar table .off a { color:#B0B0B0 } #calendar table .off a:hover { background:#ccc; color:#666 } #calendar table .today { background:#0067A6; color:#fff } #calendar table .today a { color:#fff } #calendar table .today a:hover { background:#004889 } #calendar table .viewing { color:#949494; background:#FFFFF0 } #calendar table .viewing a {color:#DF5901 } #calendar table .viewing a:hover { color:#000 } #calendar table .on { color:#949494 } /* FORD FREE SUNDAYS PROMO */ #promo { border-top:1px dotted #CCC; font-size:15px; overflow:hidden; padding:1.4em 10px 1.4em; } #promo div { border-right:1px solid #DEDEDE; margin-right:18px; padding-right:18px; width:405px; } #promo h2 { color:#59850C; font-size:22px; font-weight:bold; letter-spacing:normal; margin:0; text-transform:uppercase; } #promo p { margin:0;} #promo p.tag { background:#FCD577; color:#333; float:left; font-size:11px; line-height:11px; margin-bottom:6px; padding:3px 7px; text-transform:uppercase;} #promo p strong { color:#59850C; } #promo p em { color:#666; display:block; font-size:12px; margin-top:2px;} #promo img { float:right; padding-top:20px;} /* REMBRANDT */ /*#rembrandt-tour { float:right; margin:220px -190px 20px 30px; width:150px; }*/ /* #rembrandt-tour blockquote { background:url(../images/thumb_rembrandthouse.jpg) no-repeat; font-size:16px; line-height:20px; padding-left:70px; padding-bottom:20px; width:80px;} #rembrandt-tour blockquote a { border:0; color:#5A850C; }*/ /*#rembrandt-tour div { display:none;}*/ #rembrandt-tour li { background:none; border:1px solid #CCC; display:inline; float:left; height:100px; margin:0 15px 15px 0; padding:0; width:100px;} #rembrandt-tour a { border:0;} /*#home a.right { display:none;}*/ #single-panel { position:relative; } #single-panel div.image { border:5px solid white; height:295px; } #single-panel div.details { background:#00709A; color:#fff; font-size:13px; height:215px; left:5px; line-height:1.5em; padding:40px 50px; position:absolute; top:5px; width:780px; z-index:99 } #single-panel div.details a { border-bottom:1px solid #C2F25D; color:#C2F25D } #single-panel div.details a:hover { border-bottom:1px solid #fff; color:#fff } #single-panel div.details h1 { color:#fff; font-size:26px; letter-spacing:normal; line-height:1.2em; margin-bottom:0.5em; position:static; word-spacing:normal } #single-panel div.details h2 { color:#fff; font-size:15px; margin:0 0 0.25em; letter-spacing:normal; text-transform:uppercase } #single-panel div.details ul { margin-top:1em;} #single-panel div.details li { border-right:1px dotted #C2F25D; margin-right:20px; padding-right:20px; width:auto;} #single-panel div.details li.last { border:0; } /* INSIDE OUT */ ul.insideout li { } ul.insideout li.map { background:url(../images/icon-map.gif) no-repeat 0 2px; margin-right:50px; padding-left:58px; width:190px;} ul.insideout li.contest { background:url(../images/icon-camera.gif) no-repeat; min-height:40px; padding-left:40px; width:230px;} #event-filters + #promo { border:0; padding-top:0.5em;} /* EVENT LISTINGS */ div.event { border-top:1px dotted #ccc; overflow:hidden; padding:1em 10px 1.4em } div.event p { margin-bottom:0.1em } div.event p.type { color:#666; font-size:0.85em; text-transform:uppercase } div.event h2.title { font-size:1.2em; letter-spacing:normal; margin:0 0 0.2em; word-spacing:normal } div.event div { background:#fff; border:1px solid #ccc; float:left; height:100px; margin:0 20px 0 0; overflow:hidden; text-align:center; width:100px } div.event div.description { background:none; border:0; float:left; height:auto; margin:0; overflow:hidden; text-align:left; width:425px } div.event div img { max-height:150px; max-width:150px } div.event div img.nophoto { margin:0; min-width:100px } div.event #event-schedule { margin-bottom:0.25em } div.event #event-schedule li { margin-bottom:0.1em } ul#event-schedule + #class-registration { padding-top:1.5em;} p.sponsor { float:right; font-size:0.85em; margin:0.5em 0 0 1.5em; width:150px } p#dft.sponsor { margin:-4em 0 2em } /* EVENT FILTERS */ #event-filters { margin:1.5em 0 1em; overflow:hidden; } #event-filters #border { background:#fff; border:solid #ddd; border-width:1px 0 0 1px; padding:1px;} #event-filters p { font-size:0.92em; margin:0; } #event-filters p#event-customize { background:#E0ECD8; font-size:0.92em; margin:0; } #event-filters p a { background-position:right -1990px; border:0; display:block; padding:10px 15px; text-transform:uppercase } #event-filters p a:hover, #event-filters p a.expanded:hover { background-color:#B7D3A4 } #event-filters p a.expanded { background-position:right -2040px; border-top:1px solid #fff } #event-filters form { background:#E0ECD8; padding:15px 15px 10px } #event-filters form p { margin-bottom:0.75em } #event-filters form div { float:left; padding-right:25px; width:160px; } #event-filters label { display:inline; text-transform:none; vertical-align:middle } #event-filters input { border:0; margin-bottom:0.5em; vertical-align:middle } #event-filters fieldset.submit { border:0 } #event-filters fieldset.submit input { border:1px solid #fff } /* EVENT DETAIL */ h2#event-date { line-height:1.3em; margin-top:-0.35em } h2#event-date span { color:#ccc; padding-right:0.5em; } h2#event-time { margin-top:0.4em } img#event { border:1px solid #ccc } /* EVENT CATEGORIES */ #categories { margin-top:1em } #categories li { height:30px; margin:0 5px 5px 0; width:30px } /* ---------------------------------------------------------- 09. LEARNING ---------------------------------------------------------- */ h2 img { margin-left:3px; vertical-align:-25% } #top10 { margin-top:1em } #top10 div { padding:8px 0 0 45px; position:relative } #top10 h3.digit { background-position:0 -1300px; color:#0067A6; display:block; height:35px; left:0; line-height:35px; position:absolute; text-align:center; top:0 ; width:35px } .activities { font-size:0.92em; line-height:1.5em; margin-top:1em; overflow:hidden; width:590px} .activities div { border-top:1px dotted #ccc; display:inline; float:left; margin:0 20px 20px 0; overflow:hidden; padding-top:1em; width:285px } .activities div.last { margin-right:0 } .activities a.noicon { background:none; padding:0 } .activities img { display:inline; float:left; margin:0 15px 15px 0 } .activities div div { border:0; display:inline; float:left; margin:0; overflow:visible; padding:0; width:190px } .activities h3 a { padding-right:18px } .activities p { margin-bottom:0 } .activities p.note { font-size:0.92em } #tour-options div { padding:1.25em 15px 0 0; width:270px } #tour-options h3 { margin-bottom:0.5em } #tour-options p { margin-bottom:1.25em } #tour-options p.apply { margin-top:1.9em;} #tour-options p.apply a.button { margin:-0.4em 0.75em 0.5em 0; } #tour-options p.fax { color:#666; font-size:0.92em;} #tour-options em { color:#666 } /* ARTS ADVOCACY */ #learn hr.padded { margin-top:2em; } #learn #student-groups { margin-top:-1em; } #learn #student-groups li { width:230px;} #learn #sponsors { margin-top:-0.5em; } #learn #sponsors li { margin-right:3em; } /* EDUCATORS PASS */ #educatorpass.callout { border:0; float:left; height:145px; margin:5px 25px 15px 0; padding:0; width:145px;} /* RECOMMENDED SITES */ #teacher-resources div.intro { border-bottom:1px dotted #ccc; margin:0; padding:15px } #teacher-resources div.intro div { height:80px; margin-bottom:0; width:110px } #teacher-resources div.intro div.description { height:auto; width:430px } #teacher-resources div.intro div.description p, #teacher-resources div.intro div.description ul { margin-bottom:0.25em } /* LEARNING-RESOURCES LIST */ #learning-resources div.intro { border-bottom:1px dotted #ccc; margin:0; padding:15px } #learning-resources div.intro div { height:100px; margin-bottom:10px; width:100px } #learning-resources div.intro div.description { height:auto; width:430px } #learning-resources div.intro div.description p, #learning-resources div.intro div.description ul { margin-bottom:0.25em } /* SPEAKER TOPICS */ dl#speaker-topics { margin-bottom:3em;} dl#speaker-topics dt a { background:#E5F0DF; border-bottom:1px solid #fff; display:block; padding:5px 20px; } dl#speaker-topics dd { padding:5px 20px; } dl#speaker-topics h2 { color:#5B850C; font-size:1em; font-weight:bold; letter-spacing:normal; margin-bottom:0; word-spacing:normal; } .edu-schedule a:link, .edu-prepare a:link, .edu-connect a:link, .edu-join a:link, .edu-events a:link { border-bottom:1px solid #ccc; } .edu-schedule a:link { color:#3295a5; } .edu-prepare a:link { color:#49953f; } .edu-connect a:link { color:#c75225; } .edu-join a:link { color:#822c71; } .edu-events a:link { color:#a9a86a; } /* ---------------------------------------------------------- 10. MEMBERSHIP & GIVING ---------------------------------------------------------- */ table.standard { margin:1em 0 2em; width:100% } table tr.odd th, table tr.odd td { background-color:#F5F6F5 } table.standard td { border-top:1px dotted #ccc !important; font-size:0.92em; width:50% } table.standard th, table.standard td { padding:7px 10px } table.standard span.note { color:#666; display:block; font-size:0.92em; font-weight:normal } table.standard + h2 { margin-top:2em } table.threecol { margin:1em 0 2em; width:100% } table.threecol td { border-top:1px dotted #ccc !important; font-size:0.92em; width:33% } table.threecol th, table.threecol td { padding:7px 10px } table.threecol span.note { color:#666; display:block; font-size:0.92em; font-weight:normal } table.threecol + h2 { margin-top:2em } /* DUES */ table#member-dues { margin-bottom:2em } table#member-dues thead th { color:#4F780A } table#member-dues tbody th { border-top:1px dotted #ccc !important; font-size:0.92em; font-weight:normal; white-space:nowrap } table#member-dues td { width:auto } table#member-dues span.note { display:inline } table#member-dues th.border { border-left:1px solid #ccc !important; padding-left:20px } /* MEMORIAL GIVING */ #memorial-giving.twocol { border-bottom:1px dotted #ccc; margin-top:1em; padding-bottom:0.5em; overflow:hidden } #memorial-giving.twocol dt { border:dotted #ccc; border-width:1px 0 0; color:#4F780A; display:inline; float:left; font-size:1.1em; font-weight:normal; margin-bottom:4px; padding:1em 0 0; width:150px } #memorial-giving.twocol dd { border:dotted #ccc; border-width:1px 0 0; display:inline; float:left; margin-bottom:1em; padding:1em 0 0; width:400px } #memorial-giving.twocol dd p { margin-bottom:0 } /* GREAT ART, NEW START */ #renovation-facts th { border-top:1px dotted #ccc; color:#4F780A; font-size:1.1em; font-weight:normal; padding:10px 20px 10px 10px; text-align:left; vertical-align:top; width:170px } #renovation-facts td { border-top:1px dotted #ccc; padding:10px; vertical-align:top; } #renovation-facts td p { margin-bottom:0 } #renovation-facts td dl.twocol { margin:0; padding-top:0.5em; overflow:hidden; width:360px } #renovation-facts td dl.twocol dt { border:1px dotted #ccc; border-width:1px 0 0; font-weight:normal; padding:0.4em 30px 0.4em 0; line-height:1.4em; margin:0; width:220px } #renovation-facts td dl.twocol dd { border:1px dotted #ccc; border-width:1px 0 0; padding:0.4em 0; margin:0; width:100px } #renovation-facts td ul.bullet { margin-top:0.75em } div.featured img { margin-right:1em } /* CORPORATE BENEFITS */ #benefits { font-size:0.92em; margin-top:-1em } #benefits thead th span { display:block; height:140px; margin:0 auto; width:14px } #benefits thead th#level1 span { background-position:0 -2250px } #benefits thead th#level2 span { background-position:-12px -2250px } #benefits thead th#level3 span { background-position:-29px -2250px } #benefits thead th#level4 span { background-position:-44px -2250px } #benefits thead th#level5 span { background-position:-59px -2250px } #benefits thead th#level6 span { background-position:-74px -2250px } #benefits thead th#level7 span { background-position:-89px -2250px } #benefits thead th#level8 span { background-position:-104px -2250px } /* MEMBER BENEFITS */ #benefits.members { font-size:0.85em; margin-top:0; } #benefits.members th.section, #benefits.members td.section { border-left:2px solid #ccc; } #benefits.members thead th span { height:145px;} #benefits.members thead th.level1 span { background-position:0 -2447px } #benefits.members thead th.level2 span { background-position:-12px -2447px } #benefits.members thead th.level3 span { background-position:-29px -2447px } #benefits.members thead th.level4 span { background-position:-44px -2447px } #benefits.members thead th.level5 span { background-position:-59px -2447px } #benefits.members thead th.level6 span { background-position:-74px -2447px } #benefits.members thead th.level7 span { background-position:-89px -2447px } #benefits.members thead th.level8 span { background-position:-104px -2447px } #benefits.members thead th.level9 span { background-position:-119px -2447px } #benefits.members thead th.level10 span { background-position:-134px -2447px } #benefits.members thead th.level11 span { background-position:-149px -2447px } #benefits.members thead th.level12 span { background-position:-164px -2447px } #benefits.members thead th.level13 span { background-position:-179px -2447px } #benefits.members tr.dues td span { display:block; height:47px; margin:0 auto; width:14px } #benefits.members tr.dues td.level1 span { background-position:0 -2600px } #benefits.members tr.dues td.level2 span { background-position:-12px -2600px } #benefits.members tr.dues td.level3 span { background-position:-29px -2600px } #benefits.members tr.dues td.level4 span { background-position:-44px -2600px } #benefits.members tr.dues td.level5 span { background-position:-59px -2600px } #benefits.members tr.dues td.level6 span { background-position:-74px -2600px } #benefits.members tr.dues td.level7 span { background-position:-89px -2600px } #benefits.members tr.dues td.level8 span { background-position:-104px -2600px } #benefits.members tr.dues td.level9 span { background-position:-119px -2600px } #benefits.members tr.dues td.level10 span { background-position:-134px -2600px } #benefits.members tr.dues td.level11 span { background-position:-149px -2600px } #benefits.members tr.dues td.level12 span { background-position:-164px -2600px } #benefits.members tr.dues td.level13 span { background-position:-179px -2600px } #benefits.members tr.levels td { font-size:1em; font-weight:bold; } #benefits thead th { border-bottom:1px dotted #ccc; font-weight:normal; padding-bottom:10px } #benefits td { text-align:center; width:20px } #benefits tbody th, #benefits td { line-height:1.4em; padding:8px } #benefits tbody th, #benefits tbody td { border-bottom:1px dotted #ccc } #benefits tbody th { font-weight:normal; padding-right:15px } #benefits tbody th.section { color:#5B850C; font-size:1.25em; font-weight:bold; padding-top:1.6em } #benefits th.alt, #benefits td.alt { background:#EEF4F7 } #benefits td.intersect { background:#E5EBED } #benefits th.divide, #benefits td.divide { background:#0067A6; color:#fff; font-size:14px; } #benefits td span.icons { background-position:-200px 3px; display:block; height:12px; margin:0 auto; text-indent:-9999px; width:9px } h2#section-reciprocal { margin-top:2em;} /* CORPORATE SPONSORS */ ul.sponsorlist { margin-top:30px; } ul.sponsorlist li { width: 150px; margin-right: 20px; display:inline; line-height: 75px;} ul.sponsorlist li a { border: 0;} ul.sponsorlist li.last { margin-right: 0; } /* ---------------------------------------------------------- 11. GET INVOLVED ---------------------------------------------------------- */ div.intro { border-top:1px dotted #ccc; font-size:0.92em; line-height:1.5em; overflow:hidden; /*margin-top:1em;*/ padding:1em 10px 1.4em /*padding:0.25em 0*/ } div.intro div { height:150px; margin:0 20px 0 0; overflow:hidden; width:150px } div.intro div.description { height:auto; margin:0; width:390px } div.intro h2 { font-size:1.2em; margin-top:0; letter-spacing:normal; word-spacing:normal; } div.intro h2 a:hover { border-bottom:1px solid #000 } /* VOLUNTEERS */ #get-involved #results-grid { margin-top:2em } div.volunteer div img { min-height:0; width:160px } #get-involved h2#group { color:#666; font-size:1.1em; letter-spacing:normal; line-height:1.5em; margin:-0.5em 0 2em; text-transform:uppercase } /* AUXILIARY PAGES */ body.auxiliary #section-title h1 { background:none; font-size:58px; margin-bottom:4px; } body.auxiliary #section-title div { border:6px solid #fff; height:188px; overflow:hidden } body.auxiliary #section-title div img { border:0; position:static; width:874px } body.auxiliary #section-title div a { display:block; height:188px; width:880px } body.auxiliary div.commissions div.image { font-size:0.92em; overflow:visible; } body.auxiliary div.commissions div.image img { margin-bottom:1em;} body.auxiliary div.commissions div.image p { width:90%; } body.auxiliary div.commissions div h2 { font-weight:bold; } body.auxiliary div.narrow { width:105px; } body.auxiliary div.narrow span.ornament { left:37px; } body.auxiliary div.narrow p.note { margin:0.5em 0 1.25em; } body.auxiliary div.narrow div.shadow { line-height:0;} body.auxiliary div.narrow div.shadow img { border:1px solid #fff; line-height:0; margin:0; } table#annual-partners { border-collapse:separate; border-spacing:10px 10px; width:100%;} table#annual-partners td { border:1px dotted #ccc; padding:15px 0; line-height:1.3em; text-align:center; vertical-align:middle; } body.auxiliary table.images-grid { width:100%;} body.auxiliary table.images-grid td { vertical-align:top;} body.auxiliary table.images-grid td div { float:left; line-height:0;} body.auxiliary table.images-grid td p { clear:both;} h1#auxiliary-header { padding:10px; width:866px } /* non-image header */ div.photo-column { float:right; margin:0 0 1.5em 3em; width:200px} table.staff th { border-top:1px dotted #ccc;} body.auxiliary .left { float:left; line-height:0; margin:0 2em 2em 0; } body.auxiliary div.lecture { overflow:hidden; padding-bottom:1.75em;} body.auxiliary div.lecture h2, body.auxiliary div.event h2 { margin-top:0;} body.auxiliary div.lecture h3, body.auxiliary div.event h3 { margin:-0.1em 0 1em; } body.auxiliary div.lecture div.left { float:left; line-height:0; margin:0 1.5em 1.5em 0; padding:0 4px 4px 0; width:auto;} body.auxiliary div.lecture div.left img { border:1px solid #fff; } body.auxiliary div.event h2 { font-weight:bold; } body.auxiliary div.event div.description { width:auto; } body.auxiliary div.event div + div.description { width:425px } body.auxiliary div.event p.summary-event-list { margin-top:1em; } #get-involved dl.slider dt { margin-bottom:0.75em;} #get-involved dl.slider a { background-color:#E0ECD8; background-position:right -1990px; border:0; display:block; font-size:0.92em; line-height:1.4em; padding:10px 15px; text-transform:uppercase } #get-involved dl.slider a:hover, dl.slider dt.active a:hover { background-color:#B7D3A4 } #get-involved dl.slider dt.active a { background-color:#B7D3A4; background-position:right -2040px; color:#000; } #get-involved dl.slider dd { padding:0 15px;} #get-involved dl#photo-gallery.slider dd { padding:0; overflow:hidden; } #get-involved dl#photo-gallery.slider .gallery a { padding:0; background:#fff; } /* PATRON FAVORITES */ .comments { margin-top:20px; border-top:1px dotted #ccc; } .comments .fbLink { float:right; text-decoration:none; border:0; } .comments .photo { clear:right; float:left; width:125px; margin:0 15px 15px 0; } .comments .photo img { border:1px solid #aaa; } .comments .comment-info { float:left; } .comment-info h3 { margin:0; } .comments .artBy { color:#888; margin-bottom:10px; } .comments .quote { font:15px "Times New Roman", Times, serif; color:#666; font-style:italic; padding:10px 0 0 20px; background:url(../images/comments_quotemark.jpg) no-repeat; } .comments .byLine { float:right; text-align:right; color:#666; } .comments .note { color:#888; } .fanart fieldset.submit { border:0; border-bottom:2px solid #E0ECD8; padding-bottom:1em; text-align:right; } .fanart fieldset.submit .submit { background:#0177BF; border:0; color:#fff; font-weight:bold; height:auto; margin:0; padding:6px 12px; width:auto } .fanart fieldset.submit .submit:hover { background:#004889; color:#fff; cursor:pointer } /* ---------------------------------------------------------- 12. ACCOUNT ---------------------------------------------------------- */ ul#profile-info, p.none-saved { margin-top:0.5em; padding:5px 12px } div.wallpaper p { margin-bottom:0.75em } div.wallpaper div { height:110px; margin:0 20px 10px 0; width:150px } div.wallpaper div.description { height:auto } /* ---------------------------------------------------------- 13. SEARCH RESULTS ---------------------------------------------------------- */ #search-results #content-primary { float:left; margin-left:30px } #search-results #content-secondary { float:right; margin:0 } #search-results #summary { border:1px dotted #ccc; font-size:0.92em; overflow:hidden; padding:15px } #summary ul { margin-bottom:1.25em } #summary li { font-weight:bold } #summary p { margin:0.6em 0 0; text-transform:uppercase } #summary p a { margin-right:0.5em } #summary form { margin-left:12px } #summary #search-within-query { font-size:1em; width:200px } /* CATEGORY HEADINGS */ div.search-category { background:#D0E1F1; clear:both; overflow:hidden; margin-top:2.5em; padding:10px 12px } div.search-category h2 { color:#000; float:left; font-size:20px; margin:0 0 0.25em } div.search-category p { color:#000; float:right; font-size:0.92em; margin:0.6em 0 0 } #search-results div.results { border-top:1px dotted #ccc; font-size:0.92em; padding:1em 10px 1.4em } #search-results div.results p { line-height:1.5em; margin-bottom:0 } #search-results div.results p.type { color:#666; font-size:0.92em; margin-bottom:0.25em; text-transform:uppercase } #search-results div.results p.note { color:#666; font-size:0.92em } #search-results div.results h2.title { font-size:1.05em; letter-spacing:normal; line-height:1.4em; margin:0 0 0.3em; word-spacing:normal } #top-searches div { background:#EFF5F8; border:1px solid #fff; margin:4.2em 0 0; padding:20px 16px 7px } #top-searches ol { list-style-position:outside } #top-searches h2 { color:#333 } #top-searches li { border-bottom:1px dotted #B4BDC1; margin-left:20px; } #top-searches li.last { border:0 } #top-searches li a { border:0; color:#0067A6; display:block; padding:7px 0 } #top-searches li a:hover { color:#000 } /* ---------------------------------------------------------- 14. SITE MAP ---------------------------------------------------------- */ #site-map { padding-top:1em } #site-map h2 { border-bottom:1px dotted #999; font-size:1.4em; letter-spacing:normal; margin:0 0 0.75em; padding-bottom:0.2em; word-spacing:normal } #site-map h2 a { border:0; display:block } #site-map ul.bullet { margin-bottom:3em } #site-map ul.bullet ul { font-size:0.92em; font-weight:normal; padding-top:0.25em } #site-map ul.bullet ul li { color:#ccc; margin-left:0 } #site-map ul.bullet ul li a { font-weight:normal } #site-map ul.bullet ul li.fourth-level { color:#999; font-size:0.92em; list-style-position:inside; list-style-type:none; margin-bottom:0.5em; padding-left:1em } #site-map ul.bullet ul li.fourth-level a { margin-left:0.25em } /* ---------------------------------------------------------- 15. SIDEBAR MODULES ---------------------------------------------------------- */ body.sub div.module { overflow:hidden } body.sub div.module ul { margin-bottom:0 } #search-collection.module form { margin-top:1em } #search-collection.module p { font-size:0.92em; } .search-collection label { margin-top:1em } .search-collection input.textfield { width:182px } #content-primary .search-collection input.textfield { width:350px } .search-collection select { display:block; margin-bottom:0.6em; width:200px } .search-collection #filter-artist option { text-transform:capitalize } #content-primary .search-collection { background:url(../images/figures/plugman.gif) no-repeat right center; padding-top:0.5em } #content-primary .search-collection select { margin-bottom:1.6em; padding:5px; width:350px } #content-primary .search-collection #filter-medium { margin-bottom:2em } #content-primary .search-collection #date-range { overflow:hidden; } #content-primary .search-collection #date-range label { color:#666; float:left; display:inline; margin-right:10px; } #content-primary .search-collection #date-range input { float:left; display:inline; margin-right:25px; width:75px; } #content-primary .search-collection fieldset.submit { border-top:0; vertical-align:middle;} #content-primary .search-collection fieldset.submit input { vertical-align:middle;} #content-primary .search-collection fieldset.submit input.reset { border:2px solid #ccc; background:#fff; color:#0177BF; padding:4px 12px; } #content-primary .search-collection fieldset.submit input.reset:hover { background:#eee; color:#333 } /* PARDON OUR DUST */ #search-collection.exclusions { background:#E5F0DF; margin-bottom:2em; padding:20px;} #search-collection.exclusions form { margin-top:0 } #search-collection.exclusions h2 { color:#5B850C; font-size:19px; margin-top:0;} #search-collection.exclusions p { margin-bottom:0.5em;} #search-collection.exclusions input.textfield, #search-collection.exclusions select { margin-right:5px; width:235px;} #exclusions { background:#ddd; border-collapse:separate; border-spacing:1px; font-size:0.85em; line-height:1.4em; margin-top:-0.5em; width:100%; } #exclusions th { padding:10px 30px 10px 10px; white-space:nowrap } #exclusions td { padding:10px } #exclusions thead tr th { background-color:#E0ECD8; border:1px solid #FFF } #exclusions tbody td { background-color:#fff; vertical-align:top } #exclusions tbody td img { width:75px; } #exclusions tbody tr.odd td { background-color:#F5F8FA } div.module div.thumb { margin:4px 15px 0 0; height:65px; overflow:hidden; width:65px } div.module div.description { margin-top:3px; width:150px } div.module h3 { font-size:1.08em; margin-bottom:0.25em } div.module div.description p { margin-bottom:0 } div.module p.secondary { font-size:0.92em; line-height:1.4em; margin:0 } div.module p.more { font-size:0.92em; margin:0.5em 0 0; width:150px } div.module div.nophoto { width:250px } #volunteering.module img { width:65px } #volunteering.module div.last { margin-top:1.5em } /* ---------------------------------------------------------- 16. FORMS ---------------------------------------------------------- */ label { display:block; font-size:0.85em; line-height:1.3em; margin-bottom:0.2em; text-transform:uppercase } label a { margin-left:0.25em } legend { background:none; color:#0067A6; font-size:22px; font-weight:normal; letter-spacing:-1px; line-height:1.2em; margin:0 0 0.25em; position:relative; word-spacing:2px } legend span { display:block; top:0; white-space:nowrap } fieldset.submit { border-top:2px solid #E0ECD8; padding-top:1em } fieldset.submit input, #watchthis-section input { background:#0177BF; border:0; color:#fff; font-weight:bold; height:auto; margin:0; padding:6px 12px; width:auto } #watchthis-section input { margin-top:-3px } fieldset.submit input:hover, #watchthis-section input:hover { background:#004889; color:#fff; cursor:pointer } fieldset.submit input.reset { border:2px solid #ccc; background:#fff; color:#0177BF; padding:4px 12px; width:auto; } fieldset.submit input.reset:hover { background:#eee; color:#333 } input, textarea { border:2px solid #ddd; font:0.92em Arial, Helvetica, sans-serif; margin-bottom:0.75em; padding:6px } input:focus, textarea:focus { border:2px solid #999 } input.submit { background-color:transparent; background-position:-100px 0; border:0; cursor:pointer; height:12px; margin-left:3px; padding:0; vertical-align:middle; width:14px } input.submit:hover { background-position: -100px; cursor:pointer } p.notice { border:1px dotted #D8A200; background:#FFC; font-weight:bold; margin-top:1em; padding:15px 25px } p.instructions { font-size:12px; line-height:1.5em; text-transform:none } span.required { color:#666; padding-left:0.3em; text-transform:none } span.required.red { color:#C00; } /* STANDARD STYLING */ form.standard { margin-bottom:2em } form.standard input, form.standard select, form.standard textarea { margin-bottom:1.5em; width:350px } form.standard #captcha-check { overflow:hidden } form.standard #captcha-check .inline { margin-right:0.75em } form.standard #captcha-check input { margin:-2px 0 0.5em; width:235px } form.standard #captcha-check p.clear { font-size:0.85em; margin:-1.5em 0 0 } form.standard fieldset.submit { width:365px } form.standard input.shortfield { width:150px } form.standard div.checkbox-group { margin:0.5em 0 1em } form.standard div.checkbox-group label { line-height:1.2em } form.standard div.checkbox-group input.checkbox { margin-top:-0.1em } form.standard .checkbox { border:0; clear:both; display:inline; float:left; margin-right:0.75em; width:auto } form#application-form.standard .checkbox { clear:none; } form.standard .condensed { margin-bottom:0.5em } form.standard label.label-checkbox { display:inline } form#application-form.standard label.label-checkbox { margin-right:1em; } form.standard .radio-group { overflow:hidden } form.standard .radio-group input { border:0; margin-right:0.75em; vertical-align:middle; width:auto } form.standard .radio-group label { margin:0.3em 2em 0 0 } form.standard .twocol { margin-bottom:1em } form.standard .twocol label { width:125px } form.standard fieldset { border:1px solid #E0ECD8; margin-bottom:2em; padding:10px 25px 25px; width:365px; clear:left; } form.standard fieldset.flush { border:0; margin-bottom:0; padding:0 0 0 25px } form.standard fieldset.odd { background:#EFF5EB; padding-top:13px } form.standard fieldset.nolegend { padding-top:20px } form.standard input.submit { background:#0177BF; color:#fff; font-weight:bold; height:auto; margin:0; padding:6px 12px; width:auto } form.standard input.submit:hover { background:#004889; color:#fff } form.standard h2.title { color:#5B850C; font-size:1.1em; letter-spacing:normal; line-height:1.3em; margin:0; word-spacing:normal } form.standard h2.title span.required { font-size:11px } .fsBody { float:left; } .fsBody .fsForm { border:1px solid #E0ECD8 !important; margin-bottom:2em !important; width:365px !important; clear:left !important; } .fsForm .fsLabel { font-size:11px !important; } .fsBody .fsLabel, .fsBody label { font-weight:normal !important; } .fsRequiredMarker { font-size:12px !important; color:#822c71 !important; } .fsFieldRow input[type="text"], .fsFieldRow input[type="email"], .fsFieldRow input[type="number"], .fsFieldRow input[type="tel"], .fsForm textarea { width:350px !important; border:2px solid #ddd !important; font:0.92em Arial, Helvetica, sans-serif !important; margin-bottom:0.75em !important; padding:6px !important; background:#fff !important; } .fsForm .fsSubmit { background:none !important; } /* SUBMISSION ERRORS */ ul#errors, ul#postback-errors, p.error { border:1px dotted #C30F30; color:#C30F30; float:left; font-weight:bold; margin-top:1em; padding:15px 25px; } ul#errors li span, ul#postback-errors li span { color:#333 } ul#errors { display:none; } /* CLASS REGISTRATION */ #class-registration { margin-top:-0.75em; padding-bottom:3em;} #class-registration p { padding-top:0.75em; } #class-registration a { margin:-0.5em 0.7em 0 0; } #class-registration-form { margin-top:2.5em } #class-registration-form input.registrant { margin-bottom:0.25em } /* CONTACT US */ ul#contact.address { display:block; float:none; margin:2em 0 2.5em; width:auto;} #contact-form { background:url(../images/figures/plugman.gif) no-repeat right center; clear:both; margin-bottom:2em } #contact-form fieldset { border:0; margin-bottom:0; padding:0; width:auto } #contact-form input, #contact-form select, #contact-form textarea { margin-bottom:1.75em; width:350px } #contact-form #captcha-check input { width:252px } #contact-form fieldset.submit { border-top:2px solid #E0ECD8; padding-top:1em; width:365px } #contact-form input.submit { background:#0177BF; color:#fff; font-weight:bold; height:auto; margin:0; padding:6px 12px; width:auto } #contact-form input.submit:hover { background:#004889; color:#fff } #contact-form #captcha-check { width:380px;} /* EDUCATORS PASS */ #educatorpass-form { background:url(../images/figures/plugman.gif) no-repeat right center;} /* LICENSING */ #licensing-form { margin-top:3em } #licensing-form label span.note { display:block; font-size:1em; padding-bottom:0.5em; text-transform:none } #licensing-form div.inline { margin:0.75em 1em 1em 0 } #licensing-form div.inline input { margin:0 } #licensing-form div.radio-group { padding-top:0.5em } #licensing-form div.radio-group input.other { border:2px solid #ddd; margin:0.25em 0 2em 2em; width:320px } #licensing-form div.twocol { margin-bottom:1.5em } #licensing-form div.twocol label { margin:0.35em 1em 0 0; width:220px } #licensing-form div.twocol strong { padding-right:0.25em } #licensing-form div.twocol div { border-bottom:1px dotted #ccc; overflow:hidden; padding:10px 0 } #licensing-form div.twocol div.last { border:0 } #licensing-form div.twocol input.shortfield { margin:0 1em 0 0; width:70px } /* LOGIN */ #login-form { background:url(../images/figures/plugman.gif) no-repeat right center; margin-top:2em; overflow:hidden; padding-bottom:6.5em } #login-form fieldset { border:0; margin:0; padding:0; } #login-form #diapassword { width:200px } #login-form p { font-size:0.85em; margin:0.6em 0 0 1.25em; width:135px } #login-form fieldset.submit { border-top:2px solid #E0ECD8; padding-top:1em; width:365px } #login-form ul { clear:both; padding-top:2em; } /* MATCHING GIFTS */ #matching-gifts-form fieldset { display:inline; float:left;} #matching-gifts-form fieldset.submit { border-top:0; margin:0 0 0 10px; padding:0; vertical-align:middle;} #matching-gifts-form fieldset.submit input.reset { vertical-align:middle;} #matching-gifts-form p { clear:both; margin-top:-1em;} #matching-gifts-form p img { margin-left:5px; vertical-align:middle; } /* PASSWORD RECOVERY */ #forgotpassword-form fieldset { border:0; margin:0; padding:0; } #forgotpassword-form fieldset.submit { border-top:2px solid #E0ECD8; padding-top:1em; width:365px } /* SITE SEARCH */ #search { position:absolute; right:30px; top:28px; width:187px; z-index:9999 } #search #search-query { font-size:0.85em; width:150px; vertical-align:middle } /* SUBSIDY */ #subsidy-form { margin-top:3em } #subsidy-form div.radio-group p { margin-bottom:0.25em } /* REGISTRATION AND PROFILE UPDATE */ form.account { margin:2em 0; width:400px } form.account fieldset.submit { border:0; margin-bottom:0; padding:0 0 0 25px } form.account p { margin-bottom:0.25em } form.account #calendar-options { margin-top:1em } form.account #calendar-options label { margin:0.3em 2em 0 0 } form.account #captcha-check { margin-bottom:0 } form.account #captcha-check input { width:235px } form.account #captcha-check p.instructions { margin-bottom:1.5em } form.account #captcha-check p.clear { text-transform:none } body.account p.error, body.account ul#errors, ul#postback-errors, p.notice { width:365px } #register-section-membernumber, #editprofile-section-membernumber { display: none } #editprofile-section-membernumber.active { display:block } /* NEWSLETTER */ #newsletter-signup #email-address { width:200px } /* TOUR APPLICATION */ #application-form { margin-top:3em } #application-form p.note { color:#900; margin-bottom:0 } #community-group-form p, #school-group-form p { width:50%; float:left; margin-bottom:0; } #community-group-form p.instructions, #school-group-form p.instructions { width: 95%; padding: 5px 3px; font-size: 0.9em; } #community-group-form input, #community-group-form textarea, #school-group-form input, #school-group-form textarea { margin-bottom:0; } #community-group-form label, #school-group-form label { padding:2px 3px; } /* ---------------------------------------------------------- 17. SOCIAL MEDIA ---------------------------------------------------------- */ #home #community { padding-top:20px; width:566px } #home #community p { margin-bottom:1em } #home #community div.network { padding:10px 0 20px; width:450px } #home #community div.network ul.options { font-size:0.92em; } #home #community div.network ul.options li { margin-right:4.25em } #home #community div.network ul.options li.more { margin-right:0 } #home #community div.active { border:0; position:static; z-index:1; } #home #facebook.network { background:url(../images/figures/facebook.gif) no-repeat left 6px;} #home #facebook iframe { border:none; float:left; height:200px; margin:10px 0 0 155px; overflow:hidden; width:250px; } #home #signup.network { overflow:hidden;} #home #signup.network p.figure { display:inline; float:left; width:85px;} #home #signup.network div { display:inline; float:left; padding-top:10px; width:350px;} #home #signup.network div p.subscribe { background:url(../images/icons.png) no-repeat 0 -2675px; border:1px solid transparent; padding:0 0 15px 38px;} #home #community ul.thumbs { margin-bottom:0.75em; width:450px } ul.thumbs li { margin-right:10px } ul.thumbs li img { border:1px solid #ccc } ul.thumbs li a { display:block; border:0 } #youtube ul.thumbs li a { line-height:0; position:relative } #youtube ul.thumbs li a span { background:url(../images/overlay_video.png) no-repeat center; cursor:pointer; display:block; height:100%; left:0; position:absolute; top:0; width:100% } #twitter ul.options { background-position:0 -2550px; padding:5px 0 10px 50px } #twitter ul#tweets li { border-bottom:1px dotted #ccc; margin-bottom:0.75em; padding:0 0.75em 0.75em 0 } #twitter span.date { color:#666; font-size:0.9em; padding-left:5px } #home #dia-friends, #home #newsletter { display:inline; float:left } #home #dia-friends { margin:0 40px 10px 0; padding-right:20px; width:265px } #dia-friends li { margin-right:4px } #dia-friends #gift { background:url(../images/icon_gift.gif) no-repeat; border:1px solid transparent; display:none; font-size:13px; margin-top:-10px; padding:1px 0 0 21px;} #home #dia-friends #gift { display:block;} #home #newsletter { width:240px } #home #social-media { background-position:0 -750px; padding:10px 0 30px 50px; width:66px } #home #social-media li { margin:0 5px 5px 0 } #home #social-media li a { border:0; display:block; height:28px; position:relative; width:28px } #home #social-media li a:hover { cursor:pointer } #home #social-media li a span { display:block; height:28px; left:0; position:absolute; top:0; width:28px; z-index:100 } #home #social-media li.more a { border-bottom:1px solid #99BDD1; display:inline; height:auto } #home #social-media li.more a:visited { border-bottom:1px solid #ccc } li#nav-facebook a { background-position:-100px -400px } li#nav-facebook a span, li#nav-facebook.active a { background-position:0 -400px } /*li#nav-myspace a { background-position:-100px -450px } li#nav-myspace a span, li#nav-myspace.active a { background-position:0 -450px }*/ li#nav-signup a { background-position:-100px -450px } li#nav-signup a span, li#nav-signup.active a { background-position:0 -450px } li#nav-youtube a { background-position:-100px -500px } li#nav-youtube a span, li#nav-youtube.active a { background-position:0 -500px } li#nav-twitter a { background-position:-100px -550px } li#nav-twitter a span, li#nav-twitter.active a { background-position:0 -550px } li#nav-blog a { background-position:-100px -600px } li#nav-blog a span, li#nav-blog.active a { background-position:0 -600px } /*li#nav-flickr a { background-position:-100px -650px } li#nav-flickr a span, li#nav-flickr.active a { background-position:0 -650px }*/ li#nav-instagram a { background-position:-100px -650px } li#nav-instagram a span, li#nav-instagram.active a { background-position:0 -650px } /* SIDEBAR */ body.sub #content-secondary #social-media li { margin-bottom:8px; padding-left:23px } body.sub #content-secondary li.blog { background-position:-200px -700px } body.sub #content-secondary li.facebook { background-position:-200px -400px } body.sub #content-secondary li.instagram { background-position:-200px -600px } body.sub #content-secondary li.myspace { background-position:-200px -450px } body.sub #content-secondary li.newsletter { background-position:-200px -750px } body.sub #content-secondary li.rss { background-position:-200px -650px } body.sub #content-secondary li.twitter { background-position:-200px -550px } body.sub #content-secondary li.youtube { background-position:-200px -500px } /* GET INVOLVED SECTION */ body.sub #community { margin-top:1.5em } #community div.intro { border:0; display:inline; float:left; margin:0 20px 20px 0; padding:0; } #community div.intro div { height:80px; margin-bottom:0; width:110px } #community div.social div { margin:0; } /* #community div.intro { border-bottom:1px dotted #ccc; margin:0; padding:15px } #community div.intro div { height:80px; margin-bottom:0; width:110px }*/ #community div.intro div.description { height:auto; width:430px } #community div.intro div.description p, #community div.intro div.description ul { margin-bottom:0.25em } #community div.intro a.icons { background-image:url(../images/intro_community.gif); border:0; display:block; height:80px; position:relative; width:110px } #community div.intro a.icons span { background-image:url(../images/intro_community.gif); display:block; height:80px; left:0; position:absolute; top:0; width:110px; z-index:100 } #community div.intro a.icons:hover { cursor:pointer } #community div.intro a.podcast { background-position:-220px 0; } #community div.intro a.podcast span { background-position:-220px -80px } #community div.intro a.photo { background-position:0 -320px; } #community div.intro a.photo span { background-position:0 -400px } #community div.intro a.studio { background-position:-110px -320px; } #community div.intro a.studio span { background-position:-110px -400px } #community div.intro a.facebook { background-position:-220px -160px; } #community div.intro a.facebook span { background-position:-220px -240px } #community div.intro a.flickr { background-position:0 0; } #community div.intro a.flickr span { background-position:0 -80px } #community div.intro a.instagram { background-position:0 -960px; } #community div.intro a.instagram span { background-position:0 -1040px } #community div.intro a.texts { background-position:-110px -320px; } #community div.intro a.texts span { background-position:-110px -400px } #community div.intro a.twitter { background-position:0 -160px; } #community div.intro a.twitter span { background-position:0 -240px } #community div.intro a.yelp { background-position:-110px -160px; } #community div.intro a.yelp span { background-position:-110px -240px } #community div.intro a.foursquare { background-position:-110px -640px; } #community div.intro a.foursquare span { background-position:-110px -720px } #community div.intro a.youtube { background-position:-110px 0; } #community div.intro a.youtube span { background-position:-110px -80px } #community div.intro a.peoplemovers { background-position:0 -640px; } #community div.intro a.peoplemovers span { background-position:0 -720px } #community div.intro a.artbabble { background-position:-110px -800px; } #community div.intro a.artbabble span { background-position:-110px -880px } #community div.intro a.pinterest { background-position:-110px -320px; } #community div.intro a.pinterest span { background-position:-110px -400px } /* FACEBOOK */ #community #facebook.intro { height:80px; overflow:hidden; position:relative; width:110px; } #community #facebook.intro div.fader { position:absolute; left:0; top:0;} #community #facebook.intro div.holder { position:relative; margin:40px 0 0 27px; height:35px; width:60px; z-index:9999;} #community #facebook.intro div.holder iframe { border:none; height:150px; /*margin:-10px 0 0 -10px;*/ left:-15px; position:absolute; top:-112px; width:115px; } /* COMMERCIALS AND NEW ON VIEW */ #get-involved.sub #community h2 { padding-top:1.5em;} #community div.intro a.flower { background-position:-220px -320px; } #community div.intro a.flower span { background-position:-220px -400px } #community div.intro a.hatman { background-position:-110px -480px; } #community div.intro a.hatman span { background-position:-110px -560px } #community div.intro a.son { background-position:0 -480px; } #community div.intro a.son span { background-position:0 -560px } #community div.intro a.thinker { background-position:-220px -480px; } #community div.intro a.thinker span { background-position:-220px -560px } #community div.intro a.musical { background-position:-220px -640px; } #community div.intro a.musical span { background-position:-220px -720px } #community div.intro a.outofbody { background-position:0 -800px; } #community div.intro a.outofbody span { background-position:0 -880px } #community div.intro a.catapult { background-position:-220px -800px; } #community div.intro a.catapult span { background-position:-220px -880px } #community div.panes { background:#E5F0DF; } #community div.panes div { display:block; font-size:1em; padding-bottom:0; } #community div.panes div.commercial { float:left; display:inline; padding:0; width:245px } #community div.panes div.commercial div { padding:0;} #community div.panes div.commercial div.fader { margin-right:15px;} #community div.panes div.commercial div img { display:block;} #community div.panes div.commercial div.description { padding:0; width:115px } #community div.panes div.commercial p { line-height:17px; margin-bottom:0;} #community div.panes div.last { border:0 } #community div.panes div.nomargin { margin-right:0;} #community #on-view { float:left;} /* ---------------------------------------------------------- 18. TABS ---------------------------------------------------------- */ ul.tabs { height:36px; margin:0 !important } ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important } ul.tabs a, ul.tabs a:visited { border:0; color:#406700; display:block; padding:10px 35px; position:relative; text-align:center; text-transform:uppercase } ul.tabs.gracehoper a, ul.tabs.gracehoper a:visited { padding:10px 18px; } ul.tabs a:hover { color:#000 } ul.tabs a:active { color:#5B850C; outline:none } ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background:#E5F0DF; color:#000 !important; cursor:default !important } div.panes h2 { margin-top:0 } div.panes div.pane { display:none } /* hide all panes initially */ div.panes div { background:#E5F0DF; display:none; font-size:0.92em; padding:35px 45px 35px 35px } div.panes div#captcha-check { display:block; font-size:1em; padding:0; } div.panes div#captcha-check #captcha-img { padding:2px 2px 2px 0; } div.panes ul.bullet li { margin-bottom:0.5em } #post ul.tabs { height:36px; margin:0 !important } #post ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; background-image:none !important; } #post ul.tabs a, #post ul.tabs a:visited { border:0; color:#406700; display:block; padding:10px 24px; position:relative; text-align:center; text-transform:uppercase } #post ul.tabs a:hover { color:#000 } #post ul.tabs a:active { color:#5B850C; outline:none } #post ul.tabs a.current, #post ul.tabs a.current:hover, #post ul.tabs li.current a { background:#E5F0DF; color:#000 !important; cursor:default !important } #post ul.multiline { height:50px; } #post ul.multiline li a { height:30px; line-height:15px; } #imgGallery { border-bottom:2px solid #fff; overflow:hidden; } #imgGallery ul.tabMenu { height:36px; margin:0 !important; } #imgGallery ul.tabMenu li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important } #imgGallery ul.tabMenu a, ul.tabs a:visited { border:0; color:#000; display:block; padding:10px 35px; position:relative; text-align:center; text-transform:uppercase } #imgGallery ul.tabMenu a:hover { color:#0067A6; } #imgGallery ul.tabMenu a:active { color:#999; outline:none } #imgGallery ul.tabMenu a.active, #imgGallery ul.tabMenu a.active:hover, #imgGallery ul.tabMenu li.active a { background:#1086ce; color:#fff !important; cursor:default !important } #post div.panes h2 { margin-top:0 } #post div.panes div.pane { display:none } /* hide all panes initially */ #post div.panes div { background:#E5F0DF; display:none; font-size:0.92em; padding:35px 45px 35px 35px } #post div.panes ul.bullet li { margin-bottom:0.5em } #post div.panes div#faux-real img { margin: 0 auto 25px; display: block; } #post div.panes div dl.threecol { overflow:hidden !important; } #post div.panes div dl.threecol dt, #post div.panes div dl.threecol dd { border-bottom:1px solid #ccc; display:inline; float:left; margin-bottom:4px; padding-bottom:4px; width:200px } #post div.panes div dl.threecol dd { width:40px; text-align:center; } #post div.panes div dl.threecol dt { font-weight:bold } #post div.panes div dl.threecol dt.last, #post div.panes div dl.threecol dd.last { border:0 } #post div.panes div dl.threecol { display:inline; float:left; margin-top:0.75em; margin-left: 10em; width:290px } #post div.panes div dl.twocol { width: 300px; margin-left: 150px; } #post div.panes div dl.twocol dt { width: 170px; } #post div.panes div dl.twocol dd { width: 50px; } #post div.panes a.button { padding:5px !important;} #post ul#tv-spots li { background:none; display:inline; float:left; margin:0 15px 15px 0; padding:0; width:130px;} #post ul#tv-spots li img { border:1px solid #CCC; } div.video { border:1px solid #CCC; height:330px; margin-bottom:1.5em; width:585px; } /* ---------------------------------------------------------- 19. COLORBOX ---------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden } #cboxOverlay { position:fixed; width:100%; height:100% } #cboxMiddleLeft, #cboxBottomLeft { clear:left } #cboxContent { position:relative; overflow:visible } #cboxLoadedContent { overflow:auto } #cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0 } #cboxTitle { margin:0 } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100% } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer } #cboxOverlay { background:url(../images/colorbox/overlay.png) 0 0 repeat } #cboxTopLeft { width:21px; height:21px; background:url(../images/colorbox/borderTopLeft.png) 0 0 no-repeat } #cboxTopCenter { height:21px; background:url(../images/colorbox/borderTopCenter.png) 0 0 repeat-x } #cboxTopRight { width:21px; height:21px; background:url(../images/colorbox/borderTopRight.png) 0 0 no-repeat } #cboxBottomLeft { width:21px; height:21px; background:url(../images/colorbox/borderBottomLeft.png) 0 0 no-repeat } #cboxBottomCenter { height:21px; background:url(../images/colorbox/borderBottomCenter.png) 0 0 repeat-x } #cboxBottomRight { width:21px; height:21px; background:url(../images/colorbox/borderBottomRight.png) 0 0 no-repeat } #cboxMiddleLeft { width:21px; background:url(../images/colorbox/borderMiddleLeft.png) 0 0 repeat-y } #cboxMiddleRight { width:21px; background:url(../images/colorbox/borderMiddleRight.png) 0 0 repeat-y } #cboxContent { background:#fff } #cboxLoadedContent { margin-bottom:30px } #cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#666 } #cboxCurrent { position:absolute; bottom:6px; font-size:12px;left:25px; text-transform:uppercase; color:#666 } #cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef } #cboxPrevious { position:absolute; bottom:6px; left:0; background:url(../images/colorbox/controls.png) -20px 0px no-repeat; width:13px; height:13px; text-indent:-9999px } #cboxPrevious.hover { background:url(../images/colorbox/controls.png) -20px -25px no-repeat } #cboxNext { position:absolute; bottom:6px; left:125px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:13px; height:13px; text-indent:-9999px } #cboxNext.hover { background-position:0 -25px } #cboxLoadingOverlay { background:url(../images/colorbox/loading_background.png) center center no-repeat } #cboxLoadingGraphic { background:url(../images/colorbox/loading.gif) center center no-repeat } #cboxClose { position:absolute; bottom:6px; right:0; background:url(../images/colorbox/controls.png) -45px 0px no-repeat; width:13px; height:13px; text-indent:-9999px } #cboxClose.hover { background-position:-45px -25px } /* ---------------------------------------------------------- 20. AUTO-COMPLETE ---------------------------------------------------------- */ #autoComplete { background:#fff; border:solid 2px #F0F0F0; display:none; overflow:hidden; position:absolute; margin-top:-12px; width:163px; } #autoComplete ul { font-size:12px;} #autoComplete li { display:block; /*border:0; padding:0px; margin:0px; height:16px;*/} #autoComplete li:hover {background:#e1f7fe; } #autoComplete a { border:0; font-size:1.2em; line-height:16px; padding:5px; width:139px; } #autoComplete a:hover{} .ac_results { /*display:block;*/ background:#fff; border:solid 2px #999; border-top:0; opacity:0.95; position:relative; width:300px; z-index:9999; } .ac_results ul { font-size:1.1em; margin:0; overflow:hidden; width:100%; z-index:9999; } .ac_results iframe { display:none; display/**/:block;/*sorry for IE5*/ filter:mask(); height:1px; left:0; position:absolute; top:0; z-index:9999; width:1px;} .ac_results li { border-bottom:1px dotted #ccc; cursor:pointer; overflow:hidden; padding:8px; text-align:left; width:100%; z-index:9999; } .ac_loading { background: Window url('../images/indicator.gif') no-repeat right center; } .ac_over { background-color:#00598E; color: #fff; } /* ---------------------------------------------------------- 21. RESPONSE STATION / QUOTATION WALL ---------------------------------------------------------- */ body#response-station { background:#701400 url(../../response_station/images/response_bg.jpg); height:auto; } #response-station .wrap { margin:0 auto; text-align:center; width:800px } #response-station div.divider { margin:0 auto; background:#ab250e; height:5px; width:150px; margin-top:60px; margin-bottom:40px; } #response-station h1 { font-size:72px; line-height:76px; color:#fff; } #response-station h2 { font-size:24px; color:#fff; text-align:left; margin-top:10px; } #response-station h3 { font-size:24px; color:#e59b68; text-align:left; margin-top:10px; } #response-station h3.thankyou { font-size:32px; margin-bottom:20px; } #response-station textarea, #response-station input#textfield { width:796px; font-size:14px; line-height:20px; color:#666; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #response-station input:focus, #response-station textarea:focus { border:2px solid #f7a069; } #response-station input.btn { cursor:pointer; background:url(../../response_station/images/btn_bg.jpg) repeat-x; line-height:27px; margin:10px 0 20px; padding:3px 40px 0; font-size:21px; color:#6b0000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:2px solid #701400; } #response-station input.btn:hover { border:2px solid #ab250e; } #response-station input.btn:active { background:url(../../response_station/images/btn_bg-hover.jpg) repeat-x; border:2px solid #701400; } #response-station form a { font-size:14px; font-style:italic; color:#fff; margin-left:20px; border-bottom:1px solid #fff; } body#quote-proj { background:#000; height:auto; } #quote-proj .wrap { margin:0 auto; text-align:center; width:960px } #quote-proj h1 { background:url(../../response_station/images/quote_bg.png) no-repeat; font-size:54px; line-height:54px; color:#fff; text-align:left; padding:60px 20px 0 80px; } #quote-proj h1.qTitle { background:none; font-size:52px; line-height:54px; color:#666; padding:60px 20px 0; } #quote-proj h2 { font-size:32px; color:#666; text-align:right; margin-top:10px; } #quote-proj h2 strong { text-transform:uppercase; } #quote-proj #artSelect { margin:0 auto; text-align:center; } #quote-proj #artSelect td { vertical-align:top; } #quote-proj img.quoteArt { margin:60px 20px 40px 0; height:225px; } #quote-proj #artSelect p { color:#fff; text-align:left; width:270px; margin-top:60px; border-top:double #666; padding-top:10px; font-size:15px; line-height:21px; } #quote-proj #artSelect p em { font-size:18px; } /* ---------------------------------------------------------- 22. MISC. ---------------------------------------------------------- */ @font-face { font-family: 'TradeGothicBold'; src: url('../fonts/trade_gothic_bold_no._2-webfont.eot'); src: url('../fonts/trade_gothic_bold_no._2-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trade_gothic_bold_no._2-webfont.woff') format('woff'), url('../fonts/trade_gothic_bold_no._2-webfont.ttf') format('truetype'), url('../fonts/trade_gothic_bold_no._2-webfont.svg#TradeGothicRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TradeGothicCondensedNo.18'; src: url('../fonts/tradegothic-condeighteen-webfont.eot'); src: url('../fonts/tradegothic-condeighteen-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tradegothic-condeighteen-webfont.woff') format('woff'), url('../fonts/tradegothic-condeighteen-webfont.ttf') format('truetype'), url('../fonts/tradegothic-condeighteen-webfont.svg#TradeGothicCondensedNo.18') format('svg'); font-weight: normal; font-style: normal; } #profdev.wrap, #profdev #content { width:610px !important; padding:0; } #profdev #content-primary { padding-bottom:0; } body#modalcounter { background:#fff url(../images/bg_egghuntmodal.jpg) no-repeat top center; height:140px; } #modalcounter div.message { margin:60px 30px 0 165px; text-align:left; } body#modalform { background:#fff url(../images/bg_egghuntmodalform.jpg) no-repeat top center; height:540px; } #modalform div.message { margin:45px 30px 30px 165px; text-align:left; } div.message h2 { font-family:'TradeGothicCondensedNo.18', Calibri, Arial, Helvetica, sans-serif; font-size:34px; font-weight:900; color:#000; line-height:30px; letter-spacing:-2px; } div.message div { font-size:28px; color:#a07937; } div.message p { font-size:14px; line-height:21px; letter-spacing:normal; } form#egghunt-form.standard { text-align:left; margin-left:135px; } form#egghunt-form legend { background:none; color:#000; font-family:'TradeGothicCondensedNo.18', Calibri, Arial, Helvetica, sans-serif; font-size:18px; font-weight:900; letter-spacing:-1px; line-height:1.2em; margin:0 0 0.25em; position:relative; word-spacing:2px; text-transform:uppercase; }