/* set the main nav item for this section */ #header {background-image:url(images/bowl-header/topbg_music.jpg);} #header ul li#music a:link, #header ul li#music a:visited { background-position: -214px bottom; } /* * Art & Music Links */ #MusicLinks p.jumpnav { text-align: center; color:#C6D7B3;} #MusicLinks p.jumpnav a { white-space: nowrap; } /* * Music Roster */ #wrapper img { /*margin: 9px 0;*/ margin-bottom:10px; } /*#roster_resources { margin-bottom: 21px; } #roster_resources li { padding-left: 21px; margin-bottom: 12px; background-position: top left; background-repeat: no-repeat; } #roster_resources li.video { background-image: url(images/bowl-sidebar/icon_video.gif); } #roster_resources li.audio { background-image: url(images/bowl-sidebar/icon_audio.gif); } #roster_resources li.link { background-image: url(images/bowl-sidebar/icon_link.gif); }*/ .spotlight { background:url(images/bowl-music/spotlight.png) no-repeat top; padding: 15px; } .spotlight img { margin: 10px 0; } .spotlight h2 { background:url(images/bowl-music/musician_spotlight.gif) no-repeat; text-indent: -999em; height: 18px; } .spotlight h3 { margin-bottom: 0; } .spotlight p { line-height: 14px; } .spotlight em { font-style: italic; } .spotlight a { font-weight: bold; } /* * DB Landing Page */ #wrapper img {margin-top:8px; } #db-browser img { margin-bottom: 18px; } #db-browser ul { margin: 0; padding: 0; float: left; padding-bottom: 25px; padding-top: 4px; width: 330px; } #db-browser ul li { padding: 0; margin: 0 10px 10px 0; float: left; width: 160px; height: 50px; } #byComposer, #browseArtists, #browseConductors { margin-right: 0 !important;} #db-browser ul li a { width: 160px; height: 50px; display: block; text-indent: -999em; float: left; background-image: url(images/bowl-music/buttons.png); text-decoration: none; } li#byTitle a { background-position: 0 0; } li#byComposer a { background-position: -160px 0; } li#browseComposers a { background-position: 0 -50px; } li#browseArtists a { background-position: -160px -50px; } li#browseMusicians a { background-position: 0 -100px; } li#browseConductors a { background-position: -160px -100px; } #db-browser form input { width: 300px; padding: 2px 6px; margin-bottom: 9px; margin-left: 3px; } #db-browser form button { margin-bottom: 9px; } /* * DB Browse Composers */ p.alphabet { font-size: 11px; } p.alphabet a { } p.alphabet a.active, p.page a.active { color: #333; font-weight: bold; } .content h2 { margin-bottom: 7px; } p.page { word-spacing: 3px; } table#db-browse { border-collapse: collapse; border: none; } table#db-browse thead th { background:#496636 url(images/bowl-shared/table_header.gif) repeat-x top left; color: #fff; font-weight: bold; padding: 4px 5px; border-bottom: 1px solid #fff; text-align: left; } table#db-browse thead th.details, table#db-browse thead th.listen { text-align: center; padding-right: 6px;} table#db-browse tbody td { padding: 4px 5px; border-bottom: 1px solid #fff; } table#db-browse tbody tr.foot td { background: url(images/phil-music/db-tbody.gif) repeat-x bottom; height: 5px; font-size: 1px; padding: 0; } table#db-browse tbody td a { font-weight: bold; } table#db-browse tbody td a.details, table#db-browse tbody td a.listen { display: block; text-indent: -999em; width: 17px; height: 17px; margin: 0 auto; float: none; padding: 0; } table#db-browse tbody td a.listen { background: url(images/bowl-music/browse_listen.gif);} table#db-browse tbody td a.details { background: url(images/bowl-music/browse_details.gif);} /* * image Gallery */ #photo_gallery { margin: 0; padding: 0; } #photo_gallery li { background: none; display: inline; padding: 0; } #photo_gallery li a { display: block; float: left; font-size: 10px; margin: 0 7px 18px 0; } #photo_gallery li a span { padding-left: 5px; } #photo_gallery li a img { border: 5px solid #E0EAED; display: block; margin-bottom: 3px; } #photo_gallery li a:hover { text-decoration: none; } #photo_gallery li a:hover img { border-color: #0080B3; } /* * Discography */ #Discography p.flip a { font-weight: bold; } #Discography p.flip a.active { color:#A02B84; } #Discography form label { font-size:12px; font-weight: bold; color: #333333; margin: 0; float: left; line-height: 20px; padding-right: 1em; } #Discography form select {font-size:11px; margin: 0; float: left; margin-right: 1em;} #Discography form select option { padding-right: 2em; } #Discography form button { clear: none; float: left;} #Discography p.paging { text-align: right; line-height: 13px; clear: both; } #Discography p.paging a.next, #Discography p.paging a.prev { text-indent: 9999em; width: 13px; padding: 0 0 0 13px;} #Discography p.paging a.next span, #Discography p.paging a.prev span { display: none; } #Discography p.paging a.next { background: url(images/bowl-shared/next.gif) no-repeat; } #Discography p.paging a.prev { background: url(images/bowl-shared/prev.gif) no-repeat; } #Discography p.paging strong { font-weight: bold; color:#A02B84; } #Discography div.listing { float: left; clear: both; width: 685px; position: relative; } #Discography div.listing img, #Discography div.listing div.nophoto { float: left; margin: 0 15px 15px 0; } #Discography div.listing div.nophoto { width: 90px; height: 90px; } #Discography div.listing h3, #Discography div.listing h4, #Discography div.listing p { clear: none; width: 425px; margin-left: 105px } #Discography div.listing a.button { position: absolute; top: 0; right: 0; } /* * Image Gallery */ #photo_gallery { margin: 0; padding: 0; } #photo_gallery li { display: inline; background: none; padding: 0; } #photo_gallery li a { display: block; float: left; font-size: 10px; margin: 0 7px 18px 0; } #photo_gallery li a span { padding-left: 5px; } #photo_gallery li a img { display: block; margin-bottom: 3px; border: 5px solid #E0EAED; } #photo_gallery li a:hover { text-decoration: none; } #photo_gallery li a:hover img { border-color: #0080B3; }