@import url('thickbox.css'); body { background-position: top; background-repeat: repeat-x; margin: 0; padding: 0; } body, table { font: 10px/1.4 Arial, Helvetica, sans-serif; color: white; } h2 { margin: 0 0 15px 0 ; font-size: 180% } a { color: white; text-decoration: underline; } a:hover { text-decoration: underline; } ul { margin-left:0; padding-left: 0; } li { list-style-position: inside; margin-left:0; padding-left: 0;} img { border: 0 } .cl { clear: left; } .cb { clear: both; } .inner { padding: 20px; } .first { margin-top: 0; } .asset-link { background-repeat: no-repeat; background-position: left-center; padding-left: 20px; } .asset-link-pdf { background-image: url(../images/icons/file_acrobat.gif); } .asset-link-movie { background-image: url(../images/icons/movie.gif); } .asset-link-audio { background-image: url(../images/icons/audio.jpg); } .asset-link-document { background-image: url(../images/icons/page_text.gif); } .asset-link-presentation { background-image: url(../images/icons/presentation.gif); } .asset-link-image { background-image: url(../images/icons/image.gif); } table.screensavers td, table.centering td { text-align: center; } .blog-archive { } .blog-archive .blog-entry { border-bottom: 1px solid #ECB000; padding-bottom: 0.8em; margin-bottom: 0.8em; } .blog-archive .read-more { clear: left; margin: 0.5em 0 0 0; text-align: right; } form { } form .input-wrap { background: white; padding: 2px; margin-bottom: 10px; } form .input-wrap input, form .input-wrap textarea { display: block; width: 100%; border: 0; padding: 0; } form .input-wrap textarea { height: 180px } #youth-signup { position: absolute; left: 450px; top: 35px; display: block; } #container { background-position: center top; background-repeat: no-repeat; min-height: 788px; } #inner { width: 806px; margin: 0 auto; position: relative } #left { width: 179px; left: 0; padding-top: 200px; overflow: hidden; float: left; } #middle { width: 623px; margin-left: 4px; padding-top: 166px; float: left; } #right { width: 155px; float:left; margin-left: 4px; padding: 0; } #nav { margin: 0 0 30px 0; padding: 0; width: 179px; } #nav li { margin: 0; padding: 0; list-style: none; display: block; width: 179px; } #nav a { display: block; text-indent: -5000px; height: 24px; outline: none; text-decoration: none; padding: 0; margin: 0; } #nav .home { height: 22px; } .share-this { margin: 0 0 15px 0; padding-left: 15px; } #secondary-nav { margin: 0 0 30px 0; padding: 0; width: 179px; } #secondary-nav li { margin: 0; padding: 0; list-style: none; display: block; } #secondary-nav a { display: block; text-indent: -5000px; outline: none; text-decoration:none; background-position: right; background-repeat: no-repeat } #secondary-nav .contact-us { height: 41px; margin-bottom: 3px } #secondary-nav .back-to-sciaf { height: 38px } #guestbook-link { display: block; margin: 0 auto; width: 168px; height: 176px; text-indent: -5000px; outline: none; } #small-page { height: 376px; } #large-page { background-repeat: repeat-y; background-position: center center; } #large-page .bottom { background-repeat: no-repeat; background-position: bottom center; } #large-page .top { background-repeat: no-repeat; background-position: top center; min-height: 643px; } #large-page .inner { position: relative; overflow: hidden; width: 583px } #search-and-resize { padding: 0; min-height: 105px; position: absolute; right: 0; width: 155px; top: 45px; } #search-and-resize h2 { width: 93px; height: 26px; margin: 0 0 -5px 0; padding: 0; text-indent: -5000px; line-height: 1; } #search-and-resize #search-query { border-width: 2px; border-style: solid; width: 120px; margin: 0 auto; display: block; font-size: 12px; } #search-and-resize #search-submit { text-align: right; line-height: 1; margin: -12px 7px 0 0; } #resize { font-size: 12px; line-height: 1; text-align: right; padding: 0 18px 0 0; margin: 12px 0 0 0; color: black; } #resize a { text-decoration: none; color: white; background-color: black; padding: 0 2px 0 2px; text-decoration: none} #resize .small { font-size: 100%; } #resize .medium { font-size: 120%; } #resize .large { font-size: 140%; } #footer { color: white; line-height: 1.2; margin: 6px 0 0 192px; padding: 0 0 10px 0; font-size: 10px; } #footer address { font-style: normal; display: inline; } #footer a { color: white; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .share-this { float: right; } #related-info { font-size: 12px; width: 140px; float: right; margin: 0 0 15px 15px; padding: 5px 5px 10px 10px; } #related-info .title { display: block; height: 31px; background-repeat: no-repeat; background-position: center left; margin-bottom: 2px;} #related-info .outer {} #related-info p { margin: 0 0 3px 0; } #related-info ul { margin: 8px 0; padding: 0; } #related-info li { display: block; list-style: none; margin: 0 0 3px 0; } #related-info a { color: white; } #video-wall { margin: 10px auto; background-color: white } #video-wall td { text-align: center; vertical-align: middle; font-size: 11px; width: 79px; height: 62px; } #video-wall a { display: block; width: 79px; height: 62px; color: black; text-decoration: none; } #video-wall a span { display: none; } #video-wall .player { width: 242px; height: 193px; } #video-wall-2 { background: black url(../images/video-wall/strip.jpg) repeat-x top center } #video-wall-2-wrapper { background: url(../images/video-wall/video.jpg) no-repeat top center; width: 1024px; height: 768px; margin: 0 auto; position: relative;} #video-wall-2-nav { position: absolute; left: 99px; top: 166px; margin: 0; padding: 0; } #video-wall-2-nav li { margin: 0 0 2px 0; padding: 0; display: block; list-style: none; } #video-wall-2-container { width: 512px; position: absolute; left: 262px; top: 154px; margin: 0 } #video-wall-2 #video-wall { background: none; } #video-wall-2 #video-wall td { width: 100px; height: 80px; } #video-wall-2 #video-wall a { width: 100px; height: 80px; text-decoration: none; } #video-wall-2 #video-wall a span { display: none; } #video-wall-2 #footer { margin: 0; position: absolute; top: 50%; left: 50%; margin: 403px 0 0 -388px} #video-wall-3 { background: black url(../images/video-wall/strip.jpg) repeat-x top center } #video-wall-3-wrapper { background: url(../images/video-wall/video3.jpg) no-repeat top center; width: 1024px; height: 768px; margin: 0 auto; position: relative;} #video-wall-3-nav { position: absolute; left: 99px; top: 166px; margin: 0; padding: 0; } #video-wall-3-nav li { margin: 0 0 2px 0; padding: 0; display: block; list-style: none; } #video-wall-3-container { width: 512px; position: absolute; left: 262px; top: 154px; margin: 0 } #video-wall-3 #video-wall { background: none; } #video-wall-3 #video-wall td { width: 100px; height: 80px; } #video-wall-3 #video-wall a { width: 100px; height: 80px; text-decoration: none; } #video-wall-3 #video-wall a span { display: none; } #video-wall-3 #footer { margin: 0; position: absolute; top: 50%; left: 50%; margin: 473px 0 0 -388px} #player-layout {} #player-layout td { vertical-align: top; padding: 3px; } #player-layout p { margin: 0 0 0.5em 0; } #player { width: 240px; height: 200px; } #breadcrumbs { line-height: 1; margin: 0 0 8px 0; display: none } dl.archive { margin: 10px 0; padding: 0; } dl.archive dt { margin: 0 0 3px 0; padding: 0; font-weight: normal; } dl.archive dt .title { font-weight: bold; } dl.archive dd { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #005ad4 } dl.archive dd.last { margin-bottom: 0; border-bottom: none; } dl.archive p { margin: 0 0 3px 0; } dl.archive .reply { margin-top: 8px; font-style: italic; } #form-to-sign-guestbook { margin: 0 0 15px 0 } input.box { width: 340px; } textarea.box { width: 350px; } #photo-gallery { margin: 15px 0; width: 100% } #photo-gallery td { text-align: center; vertical-align: middle; padding: 3px } #photo-gallery-menu {} #photo-gallery-menu .row { width: 590px; height: 223px; position: relative; background-image: url(../images/photo-gallery/gallery-row-3.jpg); } #photo-gallery-menu .row-0 { background-image: url(../images/photo-gallery/gallery-row-1.jpg); } #photo-gallery-menu .row-1 { background-image: url(../images/photo-gallery/gallery-row-2.jpg); } #photo-gallery-menu .row a { position: absolute; text-align: center; overflow: hidden; background-position: top center; background-repeat: no-repeat; width: 162px; height: 125px; top: 41px; } #photo-gallery-menu .row-0 a { top: 53px; } #photo-gallery-menu .row-1 a { top: 44px; } #photo-gallery-menu .row a.item-0 { left: 27px; width: 163px; } #photo-gallery-menu .row a.item-1 { left: 213px; } #photo-gallery-menu .row a.item-2 { left: 398px; } #photo-gallery-menu .row a.title { width: 162px; height: auto; top: 169px; font-size: 10px; } #photo-gallery-menu .row-0 a.title { top: 185px; } #photo-gallery-menu .row-1 a.title { top: 177px; } #photo-gallery-menu .row a.title-0 { left: 27px; } #photo-gallery-menu .row a.title-1 { left: 213px; } #photo-gallery-menu .row a.title-2 { left: 398px; } #photo-gallery-menu .gallery-titles { } #photo-gallery-menu .gallery-titles a { display: block; text-align: center; width: 170px; padding: 0 10px; margin: 0 0 10px 0; float: left; font-size: 10px; } #photo-gallery {} #photo-gallery .row { width: 568px; height: 186px; margin: 0 auto; position: relative; } #photo-gallery .row-0 { background-image: url(../images/photo-gallery/row-1.jpg); } #photo-gallery .row-1 { background-image: url(../images/photo-gallery/row-2.jpg); } #photo-gallery .row-2 { background-image: url(../images/photo-gallery/row-1.jpg); } #photo-gallery .row-3 { background-image: url(../images/photo-gallery/row-2.jpg); } #photo-gallery a { position: absolute; top: 40px; text-align: center; width: 116px; height: 105px; overflow: hidden; background-position: top center; background-repeat: no-repeat;} #photo-gallery a.item-0 { left: 17px; } #photo-gallery a.item-1 { left: 157px; } #photo-gallery a.item-2 { left: 298px; } #photo-gallery a.item-3 { left: 436px; } #photo-gallery-header {} #photo-gallery-header h2 { float: left; vertical-align: top; font-size: 100%; margin: 0 0 15px 0; } #photo-gallery-header h2 img { vertical-align: top; } #photo-gallery-buttons { float: right; } #photo-gallery-buttons a { display: block; float: left; text-indent: -5000px; height: 68px; } #photo-gallery-buttons a.countries { width: 74px; background: url(../images/photo-gallery/countries.jpg); } #photo-gallery-buttons a.themes { width: 54px; background: url(../images/photo-gallery/themes.jpg); } #photo-gallery-buttons a.emotions { width: 67px; background: url(../images/photo-gallery/emotions.jpg); } #photo-gallery-buttons a.events { width: 49px; background: url(../images/photo-gallery/events.jpg); } #photo-gallery-buttons a.countries:hover, #photo-gallery-buttons a.countries.selected { background: url(../images/photo-gallery/countries_h.jpg); } #photo-gallery-buttons a.themes:hover, #photo-gallery-buttons a.themes.selected { background: url(../images/photo-gallery/themes_h.jpg); } #photo-gallery-buttons a.emotions:hover, #photo-gallery-buttons a.emotions.selected { background: url(../images/photo-gallery/emotions_h.jpg); } #photo-gallery-buttons a.events:hover, #photo-gallery-buttons a.events.selected { background: url(../images/photo-gallery/events_h.jpg); } .photo-comment-form { margin: 0; padding: 0; text-align: right; } #photo-comment-form { width: 574px; height: 688px; background: url(../images/photo-gallery/comment-form/bg.jpg) no-repeat bottom center; position: relative; } #photo-comment-form form { background: url(../images/photo-gallery/comment-form/middle.png) no-repeat bottom center; width: 387px; position: absolute; top: 0; left: 210px; } #photo-comment-form h2 { margin: 0 0 20px 25px; font-size: 16px; } #photo-comment-form .photo-comment-form-outer { background: url(../images/photo-gallery/comment-form/top.png) no-repeat top center; } #photo-comment-form .photo-comment-form-inner { background: url(../images/photo-gallery/comment-form/bottom.png) no-repeat bottom center; } #photo-comment-form .photo-comment-form-content { position: relative; padding: 20px 32px 28px 20px; } #photo-comment-form .pin { position: absolute; top: -10px; left: -15px; width: 59px; height: 66px; } #photo-comment-form .buttons { text-align: right; } #resource-list { width: 100%; font-size: 90%; } #resource-list td { vertical-align: top; padding: 0.3em; } #edit-uploaded-resource { } #edit-uploaded-resource label { display: block; margin-top: 0.6em; } #edit-uploaded-resource p { margin: 0 0 0.3em 0; } #edit-uploaded-resource .buttons { margin-top: 0.6em; } /* Polls */ .poll_question { font-style: italic; font-size: 120%; } .poll_result { margin: 15px 0 } .poll_choice { font-weight: bold; padding-right: 10px; vertical-align: top; } .poll_bar_container { } .poll_bar { width: 300px; } .poll_bar_actual { height: 10px; background-color: black; } .poll_percentage { font-size: 90%; } .poll-submit { margin-top: 10px; } /* B'Inspird */ #b-inspird { background: url(../images/b-inspird.jpg); margin: 0 auto; position: relative; width: 500px; height: 1600px; } #b-inspird a { display: block; position: absolute; width: 128px; height: 74px; } #b-inspird .video-1 { left: 27px; top: 84px; } #b-inspird .video-2 { left: 182px; top: 98px; } #b-inspird .video-3 { left: 339px; top: 86px; } #b-inspird .video-4 { left: 19px; top: 179px; } #b-inspird .video-5 { left: 179px; top: 195px; } #b-inspird .video-6 { left: 330px; top: 184px; } #b-inspird .icon { position: absolute; bottom: -13px; right: -13px; } #photo-full-wrapper { margin: 0 auto } #photo-full { float: left; } #photo-full .p-top { background: url(../images/photo-gallery/single/top.gif) repeat-x top center; } #photo-full .p-bottom { background: url(../images/photo-gallery/single/bottom.gif) repeat-x bottom center; } #photo-full .p-left { background: url(../images/photo-gallery/single/left.gif) repeat-y left;} #photo-full .p-right { background: url(../images/photo-gallery/single/right.gif) repeat-y right; } #photo-full .p-top-left { background: url(../images/photo-gallery/single/top-left.gif) no-repeat top left; } #photo-full .p-top-right { background: url(../images/photo-gallery/single/top-right.gif) no-repeat top right; } #photo-full .p-bottom-left { background: url(../images/photo-gallery/single/bottom-left.gif) no-repeat bottom left; } #photo-full .p-bottom-right { background: url(../images/photo-gallery/single/bottom-right.gif) no-repeat bottom right; } #photo-full .p-inner { padding: 23px 27px 50px 22px; } #photo-full .p-inner-canvas { background-color: white; } #photo-full img { display: block; margin: 0 auto; } #photo-full p { margin: 0; padding: 0.5em 0 0 0; } /* What's Happening Landing Page */ #landing-whats-happening { } #landing-whats-happening .top { margin: -10px 0 23px 0; width: 623px; height: 133px; background: url(../images/landing-whats-happening/top_strip.gif); position: relative; } #landing-whats-happening .top a { display: block; position: absolute; text-indent: -5000px; } #landing-whats-happening .top .archive { top: 47px; right: 202px; background: url(../images/landing-whats-happening/archive.gif); width: 159px; height: 64px; } #landing-whats-happening .top .in-the-news { top: 17px; right: 90px; background: url(../images/landing-whats-happening/in_the_news.gif); width: 112px; height: 95px; } #landing-whats-happening .top .blogs { top: 50px; right: 0; background: url(../images/landing-whats-happening/blogs.gif); width: 90px; height: 70px; } #landing-whats-happening .middle { background: #8708E5; } #landing-whats-happening ul { margin: 0; padding: 0; height: 605px; position: relative;} #landing-whats-happening li { margin: 0; padding: 0; display: block; list-style: none; position: absolute; } #landing-whats-happening .frame { position: absolute; top: 0; left: 0; display: block; } #landing-whats-happening .photo { position: absolute; top: 0; left: 0; } #landing-whats-happening .text { position: absolute; top: 0; left: 0; font-size: 11px; text-decoration: none; font-weight: bold; } #landing-whats-happening ul li a { line-height: 1.1; } #landing-whats-happening .item-1 { width: 333px; height: 244px; left: 0px; top: -10px } #landing-whats-happening .item-1 .frame, #landing-whats-happening .item-1 .frame img { width: 333px; height: 244px } #landing-whats-happening .item-1 .photo { left: 52px; top: 23px; width: 236px; height: 166px; } #landing-whats-happening .item-1 .text { color: black; left: 43px; top: 219px; width: 249px } #landing-whats-happening .item-2 { width: 250px; height: 253px; left: 345px; top: -10px } #landing-whats-happening .item-2 .frame, #landing-whats-happening .item-2 .frame img { width: 250px; height: 253px } #landing-whats-happening .item-2 .photo { left: 21px; top: 12px; width: 197px; height: 178px; } #landing-whats-happening .item-2 .text { color: white; left: 21px; top: 211px; width: 169px } #landing-whats-happening .item-3 { width: 184px; height: 196px; left: 6px; top: 248px } #landing-whats-happening .item-3 .frame, #landing-whats-happening .item-3 .frame img { width: 184px; height: 196px } #landing-whats-happening .item-3 .photo { left: 33px; top: 17px; width: 119px; height: 111px; } #landing-whats-happening .item-3 .text { color: white; left: 27px; top: 154px; width: 175px } #landing-whats-happening .item-4 { width: 130px; height: 184px; left: 200px; top: 248px } #landing-whats-happening .item-4 .frame, #landing-whats-happening .item-4 .frame img { width: 130px; height: 184px } #landing-whats-happening .item-4 .photo { left: 14px; top: 8px; width: 99px; height: 128px; } #landing-whats-happening .item-4 .text { color: black; left: 9px; top: 149px; width: 104px } #landing-whats-happening .item-5 { width: 136px; height: 181px; left: 330px; top: 251px } #landing-whats-happening .item-5 .frame, #landing-whats-happening .item-5 .frame img { width: 136px; height: 181px } #landing-whats-happening .item-5 .photo { left: 23px; top: 8px; width: 91px; height: 123px; } #landing-whats-happening .item-5 .text { color: black; left: 13px; top: 142px; width: 109px } #landing-whats-happening .item-6 { width: 128px; height: 195px; left: 466px; top: 242px } #landing-whats-happening .item-6 .frame, #landing-whats-happening .item-6 .frame img { width: 128px; height: 195px } #landing-whats-happening .item-6 .photo { left: 25px; top: 18px; width: 92px; height: 124px; } #landing-whats-happening .item-6 .text { color: black; left: 16px; top: 152px; width: 113px } #landing-whats-happening .item-7 { width: 94px; height: 135px; left: 10px; top: 450px } #landing-whats-happening .item-7 .frame, #landing-whats-happening .item-7 .frame img { width: 94px; height: 135px } #landing-whats-happening .item-7 .photo { left: 10px; top: 7px; width: 70px; height: 94px; } #landing-whats-happening .item-7 .text { color: black; left: 10px; top: 112px; width: 82px } #landing-whats-happening .item-8 { width: 103px; height: 135px; left: 104px; top: 450px } #landing-whats-happening .item-8 .frame, #landing-whats-happening .item-8 .frame img { width: 103px; height: 135px } #landing-whats-happening .item-8 .photo { left: 18px; top: 9px; width: 70px; height: 94px; } #landing-whats-happening .item-8 .text { color: black; left: 19px; top: 109px; width: 72px } #landing-whats-happening .item-9 { width: 93px; height: 130px; left: 207px; top: 455px } #landing-whats-happening .item-9 .frame, #landing-whats-happening .item-9 .frame img { width: 93px; height: 130px } #landing-whats-happening .item-9 .photo { left: 16px; top: 5px; width: 70px; height: 94px; } #landing-whats-happening .item-9 .text { color: black; left: 10px; top: 106px; width: 73px } #landing-whats-happening .item-10 { width: 94px; height: 134px; left: 310px; top: 450px } #landing-whats-happening .item-10 .frame, #landing-whats-happening .item-10 .frame img { width: 94px; height: 134px } #landing-whats-happening .item-10 .photo { left: 10px; top: 8px; width: 70px; height: 94px; } #landing-whats-happening .item-10 .text { color: black; left: 8px; top: 111px; width: 71px } #landing-whats-happening .item-11 { width: 101px; height: 132px; left: 404px; top: 452px } #landing-whats-happening .item-11 .frame, #landing-whats-happening .item-11 .frame img { width: 101px; height: 132px } #landing-whats-happening .item-11 .photo { left: 18px; top: 7px; width: 70px; height: 94px; } #landing-whats-happening .item-11 .text { color: black; left: 15px; top: 106px; width: 73px } #landing-whats-happening .item-12 { width: 95px; height: 131px; left: 505px; top: 453px } #landing-whats-happening .item-12 .frame, #landing-whats-happening .item-12 .frame img { width: 95px; height: 131px } #landing-whats-happening .item-12 .photo { left: 18px; top: 5px; width: 70px; height: 94px; } #landing-whats-happening .item-12 .text { color: black; left: 16px; top: 104px; width: 70px } #movie-page { width: 620px; font-size: 12px; } #movie-page .banner { width: 550px; height: 146px; background: url(../images/movies/top-strip.png) top no-repeat; margin: 0 0 8px 0; padding: 0; text-indent: -5000px; position: relative; } #movie-page .banner .back-to-movies { display: block; position: absolute; left: 444px; top: 53px; width: 128px; height: 60px; background: url(../images/movies/back-to-movies.png); outline: none; } #movie-page .player-wrapper { width: 438px; height: 365px; position: relative; background: url(../images/movies/frame-player.gif); padding: 0; margin: 0; } #movie-page .player { width: 409px; height: 314px; position: absolute; top: 28px; left: 15px; background: black; } #movie-page .movie-meta { padding: 14px; } #movie-page .movie-meta h2 { color: #048CFC; } #movie-page .left { width: 438px; float: left; } #movie-page .right { width: 150px; float: left; margin-left: 20px; } #movie-page .related-movies { } #movie-page .related-movies h3 { width: 103px; height: 57px; background: url(../images/movies/related-movies.gif); text-indent: -5000px; margin: 0 0 8px 0; } #movie-page .related-info h3 { width: 103px; height: 57px; background: url(../images/movies/related-info.gif); text-indent: -5000px; margin: 0 0 8px 0; } #movie-page .download * { text-decoration: none; vertical-align: middle; } .movie-list { width: 550px; position: relative; } .movie-list h3 { font-size: 120%; margin: 0; padding: 0; } .movie-list p { font-size: 90%; margin: 0; padding: 0; } .movie-list ul { margin: 0; padding: 0; } .movie-list li { display: block; list-style: none; margin: 0 0 15px 0; position: relative; } .movie-list li .inner { margin-left: 5px; padding: 8px 0 0 132px; height: 73px; color: white; } .movie-list li .thumb { display: block; position: absolute; top: -10px; left: 0; width: 102px; height: 69px; padding: 13px 12px 17px 12px; background-position: top left; background-repeat: no-repeat; } .movie-list li .thumb img { display: block; width: 102px; height: 69px; } .movie-list a.play { display: block; position: absolute; left: 90px; top: 50px; } .movie-list .row-1 .inner { background-color: #048BFE; } .movie-list .row-1 .thumb { background-image: url(../images/movies/frame-blue.gif); } .movie-list .row-2 .inner { background-color: #FEDA02; color: black; } .movie-list .row-2 .thumb { background-image: url(../images/movies/frame-yellow.gif); } .movie-list .row-3 .inner { background-color: #AD04FF; } .movie-list .row-3 .thumb { background-image: url(../images/movies/frame-purple.gif); } .movie-list .row-4 .inner { background-color: #FF0141; } .movie-list .row-4 .thumb { background-image: url(../images/movies/frame-red.gif); } .embedded-video { border-top: 1px solid #797979; margin: 8px 0; padding-top: 8px; } .embedded-video .thumb-wrapper { width: 47px; height: 39px; padding: 6px; display: block; float: left; background: url(../images/movies/frame-blue-small.gif) no-repeat top left; position: relative; } .embedded-video .thumb { width: 47px; height: 33px; } .embedded-video .play-arrow { position: absolute; right: 0; bottom: 6px; } .meta { padding-left: 64px; } .meta a { font-weight: bold; text-decoration: none; } /* Faces Layout */ .faces-layout .face-gallery { position: relative; height: 185px; width: 415px; overflow: hidden; margin: 1em auto; background: white url(http://www.theweebox.org/sites/1/static/images/blue_gradient.jpg) no-repeat bottom left; } .faces-layout .face-gallery .more { display: block; position: absolute; bottom: 0; right: 0; outline: none; text-indent: -5000px; background: url(http://www.theweebox.org/sites/1/static/images/see_more_btn_h.jpg) no-repeat top left; width: 104px; height: 17px; } .faces-layout .face-gallery .more:hover { background-image: url(http://www.theweebox.org/sites/1/static/images/see_more_btn_h.jpg); } .faces-layout .face-gallery ul { position: absolute; top: 0; left: 0; padding: 0; margin: 0; list-style: none; width: 10000px; height: 168px; } .faces-layout ul li { position: absolute; display: block; float: left; padding: 0; margin: 0; } .faces-layout ul li.row-0 { top: 0; } .faces-layout ul li.row-1 { top: 84px; } .faces-layout ul li.col-0 { left: 0; } .faces-layout ul li.col-1 { left: 104px; } .faces-layout ul li.col-2 { left: 208px; } .faces-layout ul li.col-3 { left: 312px; } .faces-layout ul li .description { display: none; } .faces-layout ul li img { display: block; width: 103px; height: 83px; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; cursor: hand; } .faces-layout ul li img:hover, .faces-layout ul li img.hover, .faces-layout ul li img.active { opacity: 1; filter: alpha(opacity=100); } /* Legacy styles from old site */ div.object-center div, div.object-center div p { margin:auto; } div.object-center object, div.object-center embed { margin: 0 auto; } div.content-view-embeddedmedia { padding:5px 13px; } div.content-view-embeddedmedia img, div.content-view-embeddedmedia p { margin:0; padding:0; float:none; } .content-view-embeddedmedia .attribute-caption { margin:auto; } div.content-view-embeddedmedia .attribute-caption p{ font-size: 0.7em; }