/* ************************************************* The Pew Center for Arts & Heritage General Screen Styles Created by the friendly folks at Happy Cog! http://www.happycog.com/ ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4; } body { color: #666; font: normal 62.5% Arial, Verdana, sans-serif; background-color: #fff; } /* block level */ h1 { /*font-size: 22px; color: #333; margin: 0 0 0.8em;*/ } h2 { font-size: 20px; color: #333; margin: 0 0 0.5em; } h3 { font-size: 12px; color: #333; margin: 1.5em 0 0.2em; border-top: 1px solid #c4c5c4; padding-top: 10px; } h3.clean {border-top: none; margin-top: 0; padding-top: 0;} h4 { /*font-size: 12px; color: #333; margin: 0 0 0.8em;*/ } h5 { /*font-size: 11px; color: #333; margin: 0 0 0.8em;*/ } h6 { /*font-size: 11px; color: #333; margin: 0 0 0.8em;*/ } p, ul, dl, ol { font-size: 12px; color: #666; margin: 0 0 1.5em;} .initiative #main p { font-size: 14px; } dd { /*margin: 0 0 0 15px;*/ } blockquote { /*margin: 0 0 1.2em;*/ } table { /*margin: 0 0 1em; font-size: 12px;*/ } th { /*background-color: #e6e3d7; text-align: left;*/ } th, td { /*border-bottom: 1px solid #dbd5c5; padding: 3px 5px;*/ } /* inline */ em { font-style: italic; } strong { font-weight: bold; } a { color: #000; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a.hidden { display: none; } a.heritage , body.heritage a, body.heritage #secondary li li.on a, a.heritage-initiative , body.heritage-initiative a, body.heritage-initiative #secondary li li.on a, span.heritage-initiative { color:#98ca3c; } ul.heritage-nav a, body.heritage #search-arrow, body.heritage-initiative #search-arrow { background-color:#98ca3c; } a.dance, body.dance a, body.dance #secondary li li.on a, a.dance-initiative, body.dance-initiative a, body.dance-initiative #secondary li li.on a, span.dance-initiative { color:#e26fab; } ul.dance-nav a, body.dance #search-arrow, body.dance-initiative #search-arrow { background-color:#e26fab; } a.theatre, body.theatre a, body.theatre #secondary li li.on a, a.theatre-initiative, body.theatre-initiative a, body.theatre-initiative #secondary li li.on a, span.theatre-initiative { color:#498fcd; } ul.theatre-nav a, body.theatre #search-arrow, body.theatre-initiative #search-arrow { background-color:#498fcd; } a.music, body.music a, body.music #secondary li li.on a, a.music-initiative, body.music-initiative a, body.music-initiative #secondary li li.on a, span.music-initiative { color:#f8981d; } ul.music-nav a, body.music #search-arrow, body.music-initiative #search-arrow { background-color:#f8981d; } a.fellowships, body.fellowships a, body.fellowships #secondary li li.on a, a.fellowships-initiative, body.fellowships-initiative a, body.fellowships-initiative #secondary li li.on a, span.fellowships-initiative { color:#cb2026; } ul.fellowships-nav a, body.fellowships #search-arrow, body.fellowships-initiative #search-arrow { background-color:#cb2026; } a.management, body.management a, body.management #secondary li li.on a, a.management-initiative, body.management-initiative a, body.management-initiative #secondary li li.on a, span.management-initiative { color:#336699; } ul.management-nav a, body.management #search-arrow, body.management-initiative #search-arrow { background-color:#336699; } a.exhibitions, body.exhibitions a, body.exhibitions #secondary li li.on a, a.exhibitions-initiative, body.exhibitions-initiative a, body.exhibitions-initiative #secondary li li.on a, span.exhibitions-initiative { color:#93278f; } ul.exhibitions-nav a, body.exhibitions #search-arrow, body.exhibitions-initiative #search-arrow { background-color:#93278f; } #search-arrow, body.home #search-arrow, body.the-center #search-arrow { background-color:#707070; } #news .more { list-style:none; margin: 15px 0 0 0;padding:15px 0 0 0; font-weight:bold; border-top: 1px solid rgb(196, 197, 196);} #news .more a { color: #666;} img { display: block; /*margin: 0 10px 10px 0;*/ } a img { border: none; } input, textarea { color: #999; } input.submit { color:#000; } code { /*font: 12px/1 'Courier New', Courier, monospace;*/ } sub, sup { line-height: 0; } /*------------------------------------------- Global combinations -------------------------------------------*/ .title-research, .ir-heritage a, .ir-dance a, .ir-theatre a, .ir-music a, .ir-fellowships a, .ir-management a, .ir-exhibitions a, .heritage-nav a, #footer li a, #footer h4 a, .nav a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; line-height: 17px; } /*\*/ .heritage-nav a, #footer li a, .ir-pew-center a, #secondary ul a, #secondary h1 a { overflow: hidden; } /**/ .move { position: absolute; left: -9999px; } .hide { display: none; } #main ul { /*position: relative; left: 25px;*/ padding-left:25px; } p + ul { margin-top: -1.3em; } .pdf { background: transparent url(../i/screen/pdf.gif) no-repeat 0 8px; padding-left: 18px; } #newsy { list-style: none; } #newsy li { float: left; width: 110px; height:110px; margin-right: 15px; position:relative; } #newsy li a { position:absolute; top:7em; } #newsy li h3 { border: none; font-weight: normal; color: #666; line-height: 1.25em; position:absolute; bottom:35px; left:0;} #newsy li img { margin: 0; } #newsy.wide li {position: relative; clear: both; height: 200px;} #newsy.wide li h3 {top: 0;} #filter { margin-top: 370px; margin-right: -300px; float: left;width: 300px; position: relative; z-index: 90;} #filter h3 { border: none; padding: 15px 0 5px 20px; clear:both;} #filter p {margin-left:20px; clear:both;} #filter ul, #filter ol { margin:0 0 0 20px; list-style-type: none; clear: both; padding: 1px 0 0 0; } #filter ul li { margin: 7px 0;} #filter a { font-weight:bold; color: #666; display: block; display:block; float: left; } #filter ul .filtertoggle { text-indent: -9999em; width: 10px; height: 10px; margin: 0 0 0 5px; position: relative; top: 2px;border: 1px solid #d7d7d7; background-color: #ebebeb;background-image: url(../i/screen/up-down-triangle.gif); background-repeat: no-repeat; background-position: 2px -42px;} #filter ul ul .filtertoggle { background-color: #fff; } #filter ul ul ul .filtertoggle { border: none; } #filter ul a:hover.filtertoggle, #filter ul a.filtertoggle.open { background-position: 2px 3px; } #filter ul ul a { font-weight: normal; } #filter ul a:hover.filtertoggle.open { background-position: 2px -42px; } #filter ol.alpha {padding-right:75px;} #filter ol.alpha li { float:left; margin: 0 5px 0 0;} #filter .filter-name { padding-bottom:10px;} /* @group Self-Clearing Floats */ body.home #wrap:after, .group:after, #filter ul li:after, #secondary ul li:after, .grantee-shots:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* @end */ /*------------------------------------------- Structure -------------------------------------------*/ #wrap { margin: 0 auto; position: relative; top: 47px; width: 926px; padding: 0 14px 30px 20px; background: transparent url(../i/screen/wrap-bg.gif) repeat-y 758px top; } #wrap.no-border {background: transparent url(/mini/images/background.png) 50px 0 no-repeat; width: 730px;} body.home #wrap { width:960px; } body.home #news object { display:none; } #primary { width: 730px; float: left; position: relative; padding-bottom: 30px;} #header {position: absolute; top: 0; /* left: 60px; */ width: 400px; z-index:1; left:0; } body.editorial #header { top:200px; } #main { position: relative; left: 400px;float: left; width: 309px; padding: 0 0 0 0; margin: 14px 14px 0 0; z-index:21; overflow: visible; } #wrap.no-border #main {margin-top: 0;} .long #header, .longer #header { z-index: 10; } .long #main, .longer #main { left: 77px; width: 642px; position: relative; z-index: 11; } .long #logo-space { width: 250px;height: 340px; float: left; position: relative; z-index: 1; } .longer #logo-space { width: 340px;height: 340px; float: left; position: relative; z-index: 1; } .long #logo-space-hover { width: 250px; height: 340px; position: absolute; z-index: 1000; top: 1px; left:67px; } .longer #logo-space-hover { width: 340px; height: 340px; position: absolute; z-index: 1000; top: 1px; left:67px; } .long #logo-space-hover2 { width: 252px; height: 342px; position: absolute; z-index: 1000; top: 0; left:66px; } .longer #logo-space-hover2 { width: 340px; height: 342px; position: absolute; z-index: 1000; top: 0; left:66px; } .long #main h2 { width: 390px; float: right; } .long .long #main h2 { width: 322px; float: right; } .long #main h2 { width: 390px; float: right; } .longer #main h2 { width: 302px; float: right; } .long #main p.first { clear:right; padding:26px 0 0; } .long #main p.first img { margin-top:0; } .long #main p.left { float:left; margin:0 1.5em 4em 0; } .long #main p.right { float:right; margin:0 0 4em 1.5em; } .long #main p.left img, .long #main p.right img { margin:4px 0 0; } .long #main .long-image { float: left; width: 300px;margin: 15px 40px 30px -60px; font-style: italic; } .long #main .long-image img { margin: 0; } .long #main .long-image p { margin: 10px 0 0 0; } .long .thumbnails #header { z-index:15; } .long .thumbnails #logo-space { height:595px; } .long .thumbnails #newsy { left:-53px; } body.fellowships .long #logo-space { width:320px; } body.fellowships .long #logo-space-hover { width:320px; } body.fellowships .long #logo-space-hover2 { width:322px; } body.home #swf-nav { padding-left: 315px; height:20em;} .alt #header { left: 430px; } .alt #main { left: 0; } #header img { margin: 110px 0 0px 0; padding: 0;} #main img { margin: 26px 0 40px 0; } #wrap img.editorial-photo { display: inline; } #wrap .editorial-photo-container { height:200px; overflow:hidden; } #secondary { float: right; width: 161px; z-index:2; position:relative; } body.home #secondary { /*position:absolute; right:14px;*/ /*padding-left:25px; height:700px; border-left:1px solid #B7B8B7;*/ padding-right:15px; } #search p { margin-bottom: 30px; position: relative; } #searchtext { width: 137px; height: 20px; padding: 0 20px 0 2px; vertical-align: top; border: 1px solid #c4c5c4; } #search-arrow {vertical-align: top; position: absolute; top: 0; right: 0; } #secondary li { list-style-type: none; margin-bottom: 15px;} #secondary li li a { color:#707070; background:transparent; } #secondary li a:hover { background-color:#404040; } #footer li a:hover, #secondary li li a:hover { background-color:transparent; } #secondary li.on a { background-color:#404040; } #secondary li.on li a { background-color:transparent; } #secondary li li.on { background: transparent url(../i/widgets/arrow-98ca3c.gif) no-repeat left 4px; padding-left: 15px; } body.dance #secondary li li.on { background-image:url(../i/widgets/arrow-e26fab.gif); } body.theatre #secondary li li.on { background-image:url(../i/widgets/arrow-498fcd.gif); } body.music #secondary li li.on { background-image:url(../i/widgets/arrow-f8981d.gif); } body.fellowships #secondary li li.on { background-image:url(../i/widgets/arrow-cb2026.gif); } body.management #secondary li li.on { background-image:url(../i/widgets/arrow-336699.gif); } body.exhibitions #secondary li li.on { background-image:url(../i/widgets/arrow-93278f.gif); } #secondary ul li a {float:left; clear:both;} #secondary ul li { margin-bottom: 15px; clear:both; } #secondary ul ul { margin: 10px 0 0 17px; } #secondary ul ul li { margin-bottom: 3px; } #secondary ul ul a { text-indent: 0; } #footer h4, #footer ul, #footer li, #footer li a { float: left; width: 131px;} #footer li a { background-position: -131px 0; } #footer li a:hover, #footer li a:focus { background-position: 0 0; } #footer { margin-top: 170px; float: left; } #footer h4 { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #c4c5c4;} #footer li { margin: 0 0 12px 0; } #footer .minor { margin-top: 35px; } #footer .minor li { margin-bottom: 9px; } body.home #footer, body.the-center #footer, body.philadelphia #footer, body.search #footer, body.privacy #footer, body.terms #footer, body.copyright #footer, body.the-pew-charitable-trusts #footer, body.university-of-the-arts #footer { margin-top:0; } .title { font-weight:normal; margin-bottom:0; margin-top:1.5em; } h3.year a { color:#999; font-size:120%; } .grantee-shots { margin:0 0 0 0; padding: 0; width: 328px; position:relative;left:-9px; } /*.grantee-shots a { display:block; width: 98px; height: 115px; float: left; margin:3px 1px 0 0; border:4px solid #fff; cursor:pointer; color: #fff; background: #999; font-size: 14px; font-weight: bold;}*/ .grantee-shots a { display:block; width: 98px; min-height: 98px; float: left; margin:3px 1px 0 0; border:4px solid #fff; cursor:pointer; color: #fff; background: #999; font-size: 14px; font-weight: bold;} .grantee-shots a span { margin: 8px 10px; display: block; color:#fff; width: 78px; } .grantee-shots a:hover {border:4px solid #ccc; color:#fff; text-decoration:none;} #main .grantee-shots img {margin:0; } .introductory p, #intro { color: #999; line-height: 2em; } #main .introductory img, #intro img { float:left; margin:5px 10px 10px 0 } /*#launch-pmp { position: absolute; top: 370px; left: 78px; }*/ #launch-pmp .launch-button { display: block; text-align:center; border: 1px solid #f8981d ; font-size: 1.25em; padding: .5em; margin: 0 0 0 0; color: #fff; text-transform: uppercase; background: #f8981d url(../i/widgets/search-arrow.png) no-repeat right 45% } /*------------------------------------------- Image Replaced Titles -------------------------------------------*/ .title-research { width: 61px; height: 15px; background-image: url(../i/titles/research.gif); } .ir-heritage a { width:157px; height: 17px; background-image: url(../i/titles/heritage.gif); border-bottom: 1px solid #c4c5c4; margin: 0 0 10px; padding: 0 0 5px; } .ir-dance a { width:157px; height: 17px; background-image: url(../i/titles/dance-advance.jpg); border-bottom: 1px solid #c4c5c4; margin: 0 0 10px; padding: 0 0 5px; } .ir-theatre a { width:157px; height: 17px; background-image: url(../i/titles/theatre.jpg); border-bottom: 1px solid #c4c5c4; margin: 0 0 10px; padding: 0 0 5px; } .ir-music a { width:157px; height: 17px; background-image: url(../i/titles/music-project.jpg); border-bottom: 1px solid #c4c5c4; margin: 0 0 10px; padding: 0 0 5px; } .ir-fellowships a { width:157px; height: 17px; background-image: url(../i/titles/pew-fellowships.jpg); border-bottom: 1px solid #c4c5c4; margin: 0 0 10px; padding: 0 0 5px; } .ir-management a { width:157px; height: 17px; background-image: url(../i/titles/cultural-management.jpg); border-bottom: 1px solid #c4c5c4; margin: 0 0 10px; padding: 0 0 5px; } .ir-exhibitions a { width:157px; height: 17px; background-image: url(../i/titles/exhibitions.jpg); border-bottom: 1px solid #c4c5c4; margin: 0 0 10px; padding: 0 0 5px; } .ir-about { width: 35px; height: 15px; background-image: url(../i/titles/initiative/about.png); } .ir-apply { width: 95px; height: 15px; background-image: url(../i/titles/initiative/apply-for-a-grant.png); } .ir-grants { width: 88px; height: 15px; background-image: url(../i/titles/initiative/grants-awarded.png); } .ir-publications-research { width: 133px; height: 15px; background-image: url(../i/titles/initiative/publications-research.png); } li.ir-publications-research { height:21px; } .ir-blog { width: 35px; background-image: url(../i/titles/initiative/blog.png); } a.ir-blog { height:16px; } .ir-library { width: 40px; background-image: url(../i/titles/initiative/library.png); } a.ir-library { height:16px; } .ir-fellows { width:88px; height:15px; background-image: url(../i/titles/initiative/pew-fellows.png); } .ir-other-resources { width: 58px; height: 15px; background-image: url(../i/titles/initiative/resources.png); } .ir-contact { width: 44px; height: 15px; background-image: url(../i/titles/initiative/contact.png); } .ir-pew-center a { width: 121px; height: 34px; background-image: url(../i/titles/the-pew-center-for-arts-and-heritage.gif); } #footer .ir-pew-center a:hover, .ir-pew-center a:focus { background-position: left bottom; } .ir-grants a { width: 47px; height: 8px; background-image: url(../i/titles/grants.gif); } #footer .ir-grants { height: 8px; } #footer .ir-about { height: 8px; background: none; } /* sub-nav */ #secondary #footer .open, #secondary #footer .on { height:auto !important; } #secondary #footer .nav-collapse { margin:-2px 0 0 9px; } #secondary #footer ul ul { margin:2px 0 0 17px; } #secondary #footer ul ul a { width:auto !important; height:auto !important; background:none !important; } #secondary #footer ul ul .on a { color:#000; } #secondary #footer li li.on { background:url(../i/widgets/arrow-000000.gif) left 4px no-repeat; } /* end sub-nav */ #footer .ir-about a { width: 47px; height: 8px; background-image: url(../i/titles/about.gif); } #footer .ir-blog a { width: 47px; } .ir-events a { width: 43px; height: 9px; background-image: url(../i/titles/events.gif); } .ir-publications-research a { width: 96px; height: 21px; background-image: url(../i/titles/publications-research.gif); } .ir-news a { width: 33px; height: 8px; background-image: url(../i/titles/news.gif); } .ir-contact-the-center a { width: 131px; height: 8px; background-image: url(../i/titles/contact-center.jpg); } .ir-enews a { background-image:url(../i/titles/enews.gif); height:9px; width:50px; } .ir-privacy-policy a { width: 62px; height: 10px; background-image: url(../i/titles/privacy-policy.gif); } .ir-terms-of-use a { width: 59px; height: 8px; background-image: url(../i/titles/terms-of-use.jpg); } .ir-copyright a { width: 45px; height: 10px; background-image: url(../i/titles/copyright.gif); } .ir-the-pew-charitable-trust a { width: 121px; height: 8px; background-image: url(../i/titles/pew-charitable-trusts.gif); } .ir-university-of-the-arts a { width: 98px; height: 10px; background-image: url(../i/titles/university-arts.gif); } #footer .ir-director a { width: 127px; height: 8px; background-image: url(../i/titles/director.gif); } /*------------------------------------------------- Flash --------------------------------------------------*/ #wrap2 object { position: relative; left: -150px; top: 0px; height: 590px;} body.the-center #wrap2 object, body.philadelphia #wrap2 object, body.search #wrap2 object, body.privacy #wrap2 object, body.terms #wrap2 object, body.copyright #wrap2 object, body.the-pew-charitable-trusts #wrap2 object, body.university-of-the-arts #wrap2 object { left:-150px; top:-35px; } #newsy { position: absolute; top: 400px; left: 0px; } #wrap2 li { position: relative;left: 60px; top: 50px; } /* undoing some of the odd flash positioning for replaced content */ /*------------------------------------------ Event feed --------------------------------------*/ #event-feed {position:absolute;top:480px; font-size:12px; width:350px;} #event-feed {border-collapse:none;} #event-feed thead td {border-bottom:1px solid #c3c3c3;} #event-feed td {padding:5px 10px 5px 0;border-bottom:1px solid #c3c3c3;} #event-feed span{font: italic 1em Georgia, Verdana, "Times New Roman", Times, serif; color:#9a9a9a;} #event-feed .event-date {width:70px;} #event-feed table {border-spacing:0;} /* LIGHTBOX */ #about-center-lb { margin:0 0 1.5em; } /* PMP RADIO */ .music #wrap .player iframe { height:150px !important; background:#fff !important; } .music #wrap .player #pls_data, .music #wrap .player .playlistdata, .music #wrap .player .playlistbody { background:#fff !important; } .music #wrap .player form { position:relative !important; } .music #wrap .player form object, .music #wrap .player embed { position:absolute !important; top:0 !important; left:-9999px !important; } .music #wrap .player table { float:left !important; } .music #wrap .player img { float:left !important; display:inline !important; margin:0 !important; } .music #wrap .player br { display:none !important; } /* FELLOWSHIPS HOME */ #pew-fellows #main, #pew-fellows #header { height:375px; overflow:hidden; } #fellows-grid { clear:both; } #fellows-grid h3 { font-size:20px; color:#000; padding:0; border:none; margin:0 0 15px; } #fellows-grid ul { list-style-type:none; padding:0; margin:0; overflow:hidden; } #fellows-grid ul li { width:166px; height:161px; float:left; margin:0 15px 15px 0; } #fellows-grid ul li a { display: block; width: 166px; height: 166px; } #fellows-grid ul li.four { margin:0 0 15px; } #fellows-grid p { margin:0 0 10px; } #fellows-grid p.caption { font-size:11px; color:#000; padding:0 0 5px; border-bottom:1px solid #C4C5C4; margin:0 0 2.5em; } /* FELLOWSHIPS AWARDED */ .fellow-block h3 { font-size:15px; margin:1.5em 0; } .fellow-block h3 a { color:#999; padding:0 20px 0 0; background:url(../i/screen/show-hide.gif) right 3px no-repeat; } .open h3 a { background-position:right -47px; } .open .hide { display:block; } .fellow-block h4 { font-size:12px; } #filter .filter-block h3 { padding:0 0 5px 0; border-bottom:1px solid #C4C5C4; margin:1.5em 0 0; } #filter .filter-block h3 a { display:inline; color:#333; padding:0 20px 0 0; background:url(../i/screen/show-hide.gif) right 2px no-repeat; } #filter .open h3 a { background-position:right -48px; } #filter .filter-block a { float:none; } #filter .filter-block ul, #filter .filter-block ol { display:none; padding:0; margin: 0; } #filter .open ul, #filter .open ol { display:block; } #filter .open ol { margin:0 0 20px 0; overflow: hidden; } /* ARTIST PROFILES */ #pew-profile #main, #pew-profile #header { height:375px; overflow:hidden; } #pew-profile #main.single-col { height:auto; } #pew-profile #main blockquote p, #pew-profile .content blockquote p { font-size:25px; color: #666666; } #fellows-profile { clear:both; width:705px; } #fellows-profile.single-col { width:309px; margin:0 0 0 400px; } #fellows-profile p.caption { font-size:11px; color:#000; margin:0 0 2.5em; } #fellows-profile .sidebar { width:190px; float:left; } #fellows-profile.single-col .sidebar { display:none; } #fellows-profile .sidebar .block { margin:0 0 2.5em; } #fellows-profile .sidebar .playb a span, .playb a span, .post-content a.fancybox-audio { display:block; background:url(../i/screen/play-button.gif) 0 50% no-repeat; padding:0 0 0 20px; } .playline a span { display:inline !important; } #fellows-profile .sidebar h3 { padding:0; border:none; margin:0 0 5px; } #fellows-profile .content { width:470px; float:right; } #fellows-profile.single-col .content { float:none; width:309px; } #fellows-profile .content .more { border-top:1px solid #C4C5C4; } #fellows-profile .content .more p { padding:1.5em 0 0; margin:0; } #fellows-profile .content .more p.first { margin:0 0 -1.5em; } /* VOICES AND PRACTICE */ #voices-feature { margin:0 0 50px; } #voices-feature img { display:block; margin:0 0 10px; } #voices-feature h2 { font-size:15px; } #voices-feature h3 { font-style:italic; padding:0; border:none; margin:0; } #voices-feature p { padding:0; margin:0 0 1.5em; } #voices-feature a { color:#CB2026; float:none; } #voices-feature p a { font-weight:normal; } .voices-block { border-top:1px solid #C4C5C4; } .voices-block h3 { font-size:12px; font-style:italic; padding:0; border:none; margin:1.5em 0 0; } #voices_and_practice p.caption { font-size:11px; color:#000; margin:-30px 0 2.5em; } /* SPOTLIGHT */ #main ul.spotlight-archive { list-style-type:none; padding-left:0; margin:0; } /* LIBRARY HOME */ #pei-library #main { margin-bottom:25px; } #main .lib-featured { padding:1.5em 0 0; border-top:1px solid #C4C5C4; } #main .lib-featured h3 { font-size:12px; color:#93278F; padding:0; border:none; margin:0 0 15px; } #main .lib-featured h4 { font-size:12px; color:#666; padding:0; border:none; margin:0 0 5px; } #main .lib-featured p { margin:0 0 5px; } #main .lib-featured .item { margin:0 0 25px; } #main .lib-featured img { display:block; float:left; margin:0 13px 25px 0; } /* LIBRARY BOOKS */ #pei-library .book-detail #main { margin-bottom:0; } #pei-library .book-detail #main img { margin:5px 0 20px; } #pei-library .book-detail #main p strong { clear:both; display:block; width:75px; float:left; margin:0 0 5px; } #pei-library .book-detail #main p span { display:block; width:230px; float:left; margin:0 0 5px; } #lib-details { clear:both; padding:1em 0 0; } #pei-library #main .list h3 { padding:0; border:none; padding:0; margin:0 0 5px; } /* LIBRARY MISC */ #pei-library textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px; } #pei-library input.submit { color:#000; } /* JPLAYER */ #jplayer_wrapper {} #player_container {position:relative;background-color:#fff;width:391px;height:104px;} #player_container ul#player_controls {list-style-type:none;padding:0;margin: 0;} #player_container ul#player_controls li {overflow:hidden;text-indent:-9999px;} #player_play, #player_pause {display:block;position:absolute;left:20px;top:19px;width:30px;height:30px;cursor: pointer;} #player_play {background: url(/i/jplayer/play.gif) 0 0 no-repeat;} #player_play.different_prefix_example_hover {background: url(/i/jplayer/play-hover.gif) 0 0 no-repeat;} #player_pause {background: url(/i/jplayer/pause.gif) 0 0 no-repeat;} #player_pause.different_prefix_example_hover {background: url(/i/jplayer/pause-hover.gif) 0 0 no-repeat;} #player_stop {position: absolute;left:60px;top:19px;background: url(/i/jplayer/stop.gif) 0 0 no-repeat;width:30px;height:30px;cursor: pointer;} #player_stop.different_prefix_example_hover {background: url(/i/jplayer/stop-hover.gif) 0 0 no-repeat;} #player_progress {position: absolute;left:139px;top:30px;background-color: #eee;width:104px;height:7px;} #player_progress_load_bar {background: url(/i/jplayer/bar-load.gif) 0 0 repeat-x;width:0px;height:7px;cursor: pointer;} #player_progress_load_bar.different_prefix_example_buffer {/*background: url("http://www.happyworm.com/jquery/jplayer/0.2.4/images/bar_buffer.gif") top left repeat-x;*/} #player_progress_play_bar {background: url(/i/jplayer/bar-play.gif) 0 0 repeat-x;width:0px;height:7px;} #player_volume_min {position: absolute;left:311px;top:30px;background: url(/i/jplayer/mute.gif) 0 0 no-repeat;width:4px;height:7px;cursor: pointer;} #player_volume_max {position: absolute;left:361px;top:30px;background: url(/i/jplayer/max.gif) 0 0 no-repeat;width:10px;height:7px;cursor: pointer;} #player_volume_min.different_prefix_example_hover {background: url(/i/jplayer/mute-hover.gif) 0 0 no-repeat;} #player_volume_max.different_prefix_example_hover {background: url(/i/jplayer/max-hover.gif) 0 0 no-repeat;} #player_volume_bar {position: absolute;left:321px;top:32px;background: url(/i/jplayer/volume-bar.gif) 0 0 repeat-x;width:34px;height:3px;cursor: pointer;} #player_volume_bar_value {background: url(/i/jplayer/volume-level.gif) 0 0 repeat-x;width:0px;height:3px;} #player_playlist_message {position: absolute;left:0;bottom:0;width:391px;font-family: Arial, Helvetica, sans-serif;line-height:1.4em;height:35px;background-color:#e6e6e3;border-top:1px solid #ddd;} #song_title {font-size:11px;font-weight:bold;line-height:35px;text-indent:25px;color:#666;} #play_time,#total_time {font-size:.7em;color:#999;} #play_time {position:absolute;top:-47px;left:104px;} #total_time {position:absolute;top:-47px;left:253px;}