/* COLORS

3b515c -- dark dark blue green for bg multiply
edf0f1 -- very light blue for left column
dcecf8 -- light light blue
84a8c1 -- light blue
1e4b7b -- blue
526c79 -- blue green
e07007 -- orange
ca7406 -- darker orange
b58a0a -- mustard yellow
ffcc33 -- yellow
ae1e02 -- red
879b02 -- green
35140f -- dark purple 

*/



/* STRUCTURE + BASE */

body {background:url(http://www.folkways.si.edu/grid.php?multiply=0x3b515c) top center repeat-y fixed #000}

#container1 {background:#edf0f1} /* left column background color */
#containerpromo1 {background:#ffffff} /* left column background color */


/* ROLLOVERS */
a {color:#526c79;text-decoration:none}
a:hover, #collapse dt.DTminus a, #collapse a:hover span {color:#e07007}

/* LEFT COLUMN RELATED LINKS */
#left ul.related-links li.related-link1 a {background:url(/images/left_column/related-link1.gif) no-repeat}
#left ul.related-links li.related-link2 a {background:url(/images/left_column/related-link2.gif) no-repeat}
#left ul.related-links li a:hover {background-position:0 -10px}

/* NAV TOP BAR */
#nav {background:url(/images/index/top-nav-bar.gif) no-repeat}

/* Text Area */
.artist-name {font:11px georgia;line-height:11px;padding:0;margin:0 0 5px 0;color:#000}
.red {color:#ae1e02;}
.dotted {display:block;border-bottom:1px dotted #666;}
.dashed {display:block;border-bottom:1px dashed #d3dde0;}
.line {display:block;border-bottom:1px solid #ccc;}
.dotted-short {display:block;border-bottom:1px solid #ccc; width:300px; margin-left:85px; margin-right:85px}
.dotted-short-390 {display:block;border-bottom:1px solid #ccc; width:200px; margin-left:80px; margin-right:80px}
.line-thick {display:block;border-bottom:2px solid #ccc; width:300px; margin-left:85px; margin-right:85px}


/* heads */
#content h1 {font:22px georgia;font-weight:bold;margin:0 0 3px 0;padding:0;line-height:26px;color:#666}
#content h2 {font:normal 16px georgia;margin:0 0 10px 0;padding:0;line-height:20px}
#content h3 {font:bold 13px georgia;margin:20px 0 10px 0;padding:0;line-height:20px}
#content h6 {font:13px verdana;font-weight:bold;margin:0 0 3px 0;padding:0;color:#000}
#content h7 {font:11px verdana;font-weight:bold;margin:0;padding:0;color:#000}

/* HOMEPAGE: NEWS & EVENTS */

.news {font-size:12px;line-height:18px}
.news p a {color:#333;}
.news p a:hover {color:#214873}

/* GENERAL DROPDOWN */
.dropselect {background:url(/images/index/select-bg.gif) 0 0 no-repeat #fff}

/* PAGING */
.paging {color:#000000}

/* LEFT COLUMN SEARCH GO BUTTON */
#left a.gobutton {background:url(/images/left_column/folkways-go-button.gif)}

/* left column select */
#left .dropselect {background:url(/images/index/select-bg.gif) 0 0 no-repeat #fff}


/* LEFT COLUMN MAGAZINE */
#left #magazine {background:#526c79}
#left #magazine li a {color:#ccc}


/* BORDERED INSET FEATURE 390 */
#bordered-feature {background-repeat:no-repeat;border:1px solid #ccc;padding-top:50px;width:388px}
#bordered-feature h1, #bordered-feature h2, #bordered-feature h3, #bordered-feature h6, #bordered-feature p, #bordered-feature ul, #bordered-feature ol, #bordered-feature blockquote {padding-left:15px;padding-right:15px}
#bordered-feature h1 {margin-bottom:2px;font:22px georgia;font-weight:bold;}
#bordered-feature h2 {margin:0 0 20px 0;font:normal 16px georgia;}
#bordered-feature h6 {font:13px verdana;font-weight:bold;margin:0 0 3px 0;color:#000}
#bordered-feature .title {position:absolute;left:15px;top:10px}
#bordered-feature .footnote {font:10px verdana;line-height:14px;color:#888}

/* BORDERED INSET FEATURE 470 */
#bordered-feature-large {background-repeat:no-repeat;border:1px solid #ccc;padding-top:50px;width:468px}
#bordered-feature-large h1, #bordered-feature-large h2, #bordered-feature-large h3, #bordered-feature-large h6, #bordered-feature-large p, #bordered-feature-large ul, #bordered-feature-large ol, #bordered-feature-large blockquote {padding-left:15px;padding-right:15px}
#bordered-feature-large h1 {margin-bottom:2px;font:22px georgia;font-weight:bold;}
#bordered-feature-large h2 {margin:0 0 20px 0;font:normal 16px georgia;}
#bordered-feature-large h6 {font:13px verdana;font-weight:bold;margin:0 0 3px 0;color:#000}
#bordered-feature-large .title {position:absolute;left:15px;top:10px}
#bordered-feature-large span.h6 {font:13px verdana;font-weight:bold;color:#000}
#bordered-feature-large span.small {font:11px georgia;font-weight:normal;color:#666}

/* FEATURED ARTIST */
.featured-artist {background-image:url(/images/home/artist-spotlight.gif)}
.featured-artist-470 {background-image:url(/images/home/artist-spotlight-470.gif)}

/* FROM THE ARCHIVES */
.from-the-archives {background-image:url(/images/index/soundscapes.gif)}

/* PRODUCT SPOTLIGHT */
.product-spotlight {background-image:url(/images/index/product-spotlight.gif)}

/* PRODUCT SPOTLIGHT */
.recording-spotlight {background-image:url(/images/index/recording-spotlight.gif)}

/* CUSTOMER SUPPORT */
.customer-support h2 {background:#e07007;display:block;color:#fff;font-size:11px;font-weight:bold;letter-spacing:2px;margin:0 0 5px 0;text-transform:uppercase;height:20px;}
.customer-support h2 a {background:#edf0f1;display:block;color:#000}
.customer-support h2 a:hover {background:#526c79;color:#fff}
.customer-support .indent {padding-left:5px}
.customer-support li {font-weight:normal;line-height:20px}
.customer-support li a {font-weight:bold}
.customer-support li a.selected {color:#000}
.customer-support ul {margin-bottom:8px;padding:0;font:12px verdana;line-height:17px}
.customer-support span.plus {color:#999}


/* LESSON PLANS LIST */
.lesson-plans .catnum {font:bold 9px verdana;text-transform:uppercase;padding-right:5px;color:#999;padding-left:5px}
.lesson-plans .label {font:bold 9px verdana;text-transform:uppercase;padding-right:5px;}
.lesson-plans .title {font-size:15px;font-weight:bold;margin-top:0}

/* RECORDING DETAILS */
#content.recording-details h1 {font-size:22px;color:#666}
#content.recording-details h2 {font-size:15px;font-weight:bold;margin-top:0}
#content.recording-details h3 {font-size:11px;font-weight:bold;margin-top:0}
.recording-details .label, .recording-details .catnum {font:bold 9px verdana;text-transform:uppercase;padding-right:5px}
#content.recording-details h2 .catnum {color:#999;padding-left:5px}
#content.recording-details h3 .catnum {color:#999;padding-left:5px}
.recording-details td.playpause {width:13px}
.recording-details td.track-name {font-weight:bold;width:150px}
.recording-details td.track-artist {width:150px}
.recording-details td.track-time {width:35px;text-align:center}
.recording-details td.buy-track {width:34px}
.recording-details td.track-number {width:15px;text-align:center}
.recording-details input.buy-track {background:url(/images/index/buy-track.gif) no-repeat;width:34px;height:13px;border:0;cursor:pointer}
.recording-details input:hover.buy-track {background-position:0 -13px}
.recording-details a.play, .recording-details a.pause {width:13px;height:13px;border:0;overflow:hidden;text-indent:-9999em;display:block}
.recording-details a.play {background:url(/images/index/play-button.png) no-repeat}
.recording-details a.pause {background:url(/images/index/pause-button.png) no-repeat}
.recording-details a:hover.play, .recording-details a:hover.pause {background-position:0 -13px}
.recording-details table {width:100%;border:0;border-collapse:collapse}
.recording-details table td {font:11px verdana;padding:5px;margin:0;vertical-align:middle}
.recording-details .even {background-color:#fff}
.recording-details .odd {background:#edf0f1}
.recording-details tr.selected {background:black;color:#fff}
.recording-details .albumcover img {width:270px;margin-bottom:10px}
.recording-details .buy {margin-bottom:10px}
.recording-details .buy form {display:inline}


/* buy buttons */
input.buy-button {width:110px;height:20px;border:0px;margin-right:10px;cursor:pointer}
input.cd {background:url(/images/index/buy-cd.gif) no-repeat}
input.ccd {background:url(/images/index/buy-ccd.gif) no-repeat}
input.book {background:url(/images/index/buy-book.gif) no-repeat}
input.poster {background:url(/images/index/buy-poster.gif) no-repeat}
input.jazz {background:url(/images/index/buy-jazz.gif) no-repeat}
input.cassette {background:url(/images/index/buy-cassette.gif) no-repeat}
input.donate {background:url(/images/index/donate-now.gif) no-repeat}
input.dvd {background:url(/images/index/buy-dvd.gif) no-repeat}
input.hat {background:url(/images/index/buy-hat.gif) no-repeat}
input.vinyl {background:url(/images/index/buy-vinyl.gif) no-repeat}
input.package {background:url(/images/index/buy-package.gif) no-repeat}
input.vhs {background:url(/images/index/buy-vhs.gif) no-repeat}
input.tshirt {background:url(/images/index/buy-tshirt.gif) no-repeat}
input.download {background:url(/images/index/download-cd.gif) no-repeat}
input:hover.buy-button {background-position:0 -20px}


/* left column go button and submit button */ 
#left a.gobutton {background:url(/images/left_column/folkways-go-button.gif)} 
#left input.submitbutton {background:url(/images/index/folkways-submit-button.gif)}
#left a.submitbutton {background:url(/images/index/folkways-submit-button.gif)}



/* SEARCH */

#content.search h1 {font-size:18px;color:#999}
#content.search h1 .search-term {color:#526c79}

/* watch trailer and other non-purchasing buttons */
#content .button a.watch-trailer {background:url(/images/index/watch-trailer.gif) no-repeat;display:block;float:left;width:125px;height:20px;}
#content .button a.advsearch {background:url(/images/index/advsearch.gif) no-repeat;display:block;float:left;width:125px;height:20px;margin-left:8px}
#content .button a:hover {background-position:0 -20px}

/* search nav */
#content .search-nav {width:750px;height:20px;padding:0;margin:0;position:relative;z-index:150;background:#bac4c9}
#content ul.search-nav li {list-style:none;background:none;padding:0;margin:0;display:block;float:left;height:20px}
#content .search-nav li a {display:block;float:left;height:20px;padding:0;margin:0;cursor:pointer}
#content .search-nav li a span {margin-left:-9999px;height:20px}
#content .search-nav li a#selected {background-position:0 -20px;}

#content .search-nav li a.all {background:url(/images/search-nav/all.gif) no-repeat;width:54px}
#content .search-nav li a.albums {background:url(/images/search-nav/albums.gif) no-repeat;width:86px}
#content .search-nav li a.tracks {background:url(/images/search-nav/tracks.gif) no-repeat;width:84px}
#content .search-nav li a.videos {background:url(/images/search-nav/videos.gif) no-repeat;width:79px}
#content .search-nav li a.images {background:url(/images/search-nav/images.gif) no-repeat;width:82px}
#content .search-nav li a.articles-and-exhibits {background:url(/images/search-nav/articles-and-exhibits.gif) no-repeat;width:181px}
#content .search-nav li a.tools-for-teaching {background:url(/images/search-nav/tools-for-teaching.gif) no-repeat;width:184px}

#content .search-nav li a:hover {background-position:0 -20px;}


/* SEARCH SUBNAV */
#content .search-subnav {margin:10px 0 10px 0;clear:both;width:750px;position:relative;font:11px verdana;color:#888}
#content .search-subnav ul.pages {display:inline}
#content .search-subnav ul.pages li {background:none;display:inline;margin:0 0 0 5px;padding:0 0 0 0}
#content .search-subnav ul.pages li a.selected {font-weight:bold;color:#000}
#content .search-subnav .results {position:absolute;top:0;right:0;font-weight:bold}
#content .search-subnav select {width:110px;font:11px verdana;color:#526c79;border:1px solid #526c79;background:#fff}
#content .search-subnav .results select {width:auto}


/* search results */
#search-results {margin-top:20px}
#search-results div {float:left;position:relative;display:inline;width:355px;height:110px;overflow:hidden;margin:0 20px 20px 0}
#search-results div a span {width:235px;position:absolute;top:0;left:0;padding-left:120px;display:inline;font-size:12px;line-height:16px;color:#000;height:110px;cursor:pointer}
#search-results div a img {float:left;width:110px;height:110px;margin-right:10px;display:inline;position:relative}
#search-results div a span span {font:bold 9px verdana;text-transform:uppercase;color:#888;position:relative;margin:0;padding:0 5px 0 0;display:inline}
#search-results div a:hover span {color:#e07007}
#search-results div a:hover span span {color:#888}

#search-results.albums div a span {background:url(/images/search/album-overlay.png) 0 0 no-repeat}
#search-results.tracks div a span {background:url(/images/search/track-overlay.png) 0 0 no-repeat}

#search-results.albums div a span span, #search-results.tracks div a span span {background:none}


/* JAZZ INTRO */
#jazz-intro {margin-top:42px}
#jazz-intro div {float:left;position:relative;display:inline;width:355px;height:100%;overflow:hidden;margin:0 20px 0 0}


/* JUMP OFF PAGE IMAGES */

#jazz-intro a.imageone {background:url(/images/jazz/jazz-option-ed.jpg) no-repeat;width:355px;height:355px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#jazz-intro a.imagetwo {background:url(/images/jazz/jazz-option-box.jpg) no-repeat;width:355px;height:355px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#jazz-intro a:hover {background-position:0 -355px}


/* DOWNLOAD GRAPHICS */
a.dl span {background-image:url(/images/index/dl.gif)}
a.elink span {background-image:url(/images/index/elink.gif)}
a.dlpdf span, a.dlpdf2 {background-image:url(/images/index/dlpdf.gif)}
a.dldoc span, a.dldoc2 {background-image:url(/images/index/dldoc.gif)}




/* WORK IN PROGRESS BELOW */

.login {font:bold 10px georgia;text-transform:uppercase;position:absolute;right:15px;top:15px;z-index:999}
.viewcart {font:bold 10px georgia;text-transform:uppercase;position:absolute;right:15px;top:15px;z-index:999}
.viewcart a {color:#e07007;}
.viewcart a:hover {color:#526c79}
.cartcontents {font:bold 10px georgia;color:#777;text-transform:uppercase;position:absolute;right:100px;top:15px;z-index:999}


/* HOMEPAGE */

/* essential picks */
#essential-picks {background:#fff}
#essential-picks div {width:230px;float:left;margin:10px 0 0 0}
#essential-picks div a span {display:block;font-size:12px;line-height:17px;color:#000;margin-left:120px;width:100px}
#essential-picks div a:hover span {color:#e07007}
#essential-picks div img {float:left;width:110px;height:110px}


/* homepage news & notes */
#news-and-notes #news {background:#fae8d9;padding:15px}
#news p {font-size:12px;line-height:17px;padding:0 0 10px 0;margin:0}
#news p a {display:block;color:#000}
#news p a:hover {color:#e07007}
#news a.viewall {font-family:verdana;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;color:#e07007;}
#news a:hover.viewall {color:#000;}



/* recommends box */
.recommends {font:11px verdana;line-height:16px;padding:10px;border:1px solid #e07007}
.recommends p {height:80px}
.recommends a img {float:left;margin:0 10px 0 0;border-bottom:2px solid #fff}



/* PRESS SECTION OR NEWS & NOTES */

#content.press p.subscribe {font:10px verdana}
#content.press p.date, #content.press #collapse dt .date {font:bold 9px verdana;letter-spacing:1px;text-transform:uppercase;color:#999;margin:20px 0 3px 0;padding:5px 0 0 0;display:block;width:100%;border-top:1px solid #ccc}
#content.press p.title, #content.press #collapse dt .title {font-weight:bold}

#media-inquiries, #related-content, #related-content-album, #related-content-album-270, #mailing-address {font:11px verdana;line-height:16px}

/* media inquiries box */
#media-inquiries {background:url(/images/index/media-inquiries.gif) no-repeat 10px 10px #fae8d9;margin-bottom:20px;padding:25px 10px 0 10px}
#media-inquiries p {margin:0;padding:0 0 10px 0}
#media-inquiries a {color:#e07007}
#media-inquiries a:hover {color:#000}

/* mailing address box BY SANDRA..*/
#mailing-address {background:url(/images/index/mailing-address.gif) no-repeat 10px 10px #fae8d9;margin-bottom:20px;padding:25px 10px 0 10px}
#mailing-address p {margin:0;padding:0 0 10px 0}
#mailing-address a {color:#e07007}
#mailing-address a:hover {color:#000}

/* related content */
#related-content {padding:10px;border:1px solid #e07007;margin:0 0 20px 0}
#related-content ul {padding:0;margin:0}
#related-content li a {color:#999;font-weight:bold}
#related-content li a:hover {color:#e07007}

/* related content with album thumbnail */
#related-content-album {padding:10px;border:1px solid #e07007;margin:0 0 20px 0;width:330px;height:110px;}
#related-content-album ul {padding:0;margin:0}
#related-content-album li a {color:#999;font-weight:bold}
#related-content-album li a:hover {color:#e07007}
#related-content-album img {width:110px;height:110px;float:left;display:block;margin-right:10px}
#related-content-album a:hover {color:#e07007}

/* related content with album thumbnail 270px width*/
#related-content-album-270 {padding:10px;border:1px solid #e07007;margin:0 0 20px 0;width:270;}
#related-content-album-270 ul {padding:0;margin:0}
#related-content-album-270 li a {color:#999;font-weight:bold}
#related-content-album-270 li a:hover {color:#e07007}
#related-content-album-270 img {width:80px;height:80px;float:left;display:block;margin-right:10px}
#related-content-album-270 a:hover {color:#e07007}

/* other news */
#content.press h3.othernews {text-transform:uppercase;color:#e07007;letter-spacing:2px;font-size:12px;margin-top:30px}
#content.press h3 .clickfordetails {margin-left:5px;font:normal 10px verdana;color:#999;text-transform:lowercase;letter-spacing:0}

/* news & notes collapse */
#content.press #collapse .showDD {border:none;margin-top:10px}
#content.press #collapse dt .date {margin-top:5px}
#content.press #collapse dt .title {color:#526c79}
#content.press #collapse dt.DTminus .title, #content.press #collapse dt a:hover .title {color:#e07007}

/* list georgia small font */ 
#content ul.georgia-small {margin:0;padding:0;}
#content ul.georgia-small li {font:11px georgia;line-height:16px;margin:0 10px 0 10px;padding:0;background:none}
#content ul.georgia-small li {list-style:none;background:url(/images/index/bullet.gif) no-repeat 2px 8px;padding-left:15px}


/* staff picks 
#content.staff-picks h1 {margin-bottom:20px}
.staff-picks div {float:left;position:relative;display:inline;width:355px;height:110px;overflow:hidden;margin:0 20px 20px 0}
.staff-picks div a span {width:235px;position:absolute;top:0;left:0;padding-left:120px;display:inline;font-size:12px;line-height:16px;color:#000;height:110px;cursor:pointer}
.staff-picks div a img {float:left;width:110px;height:110px;margin-right:10px;display:inline;position:relative}
.staff-picks div a span span {font:bold 9px verdana;text-transform:uppercase;color:#888;position:relative;margin:0;padding:0 0 0 3px;display:inline}
.staff-picks div a:hover span {color:#e07007}
.staff-picks div a:hover span span {color:#888}
.staff-picks div a strong {color:#000}*/

/* staff picks new layout */
#staff-picks div {font:12px georgia;line-height:16px;float:left;width:470px;height:80px;overflow:hidden;margin:0 20px 0 0;position:relative;display:block;}
#staff-picks div a img {float:left;width:70px;height:70px;margin-right:10px;}
#staff-picks div a span {width:470px;top:0;left:0;font-size:12px;line-height:16px;color:#526c79;height:110px;cursor:pointer;}
#staff-picks div a:hover span {color:#e07007}
#staff-picks div a span span {font:bold 9px verdana;text-transform:uppercase;color:#888;margin:0;padding:0 5px 0 0;}
#staff-picks div a:hover span span {color:#888}

span.name {color:#888}

#content p.review {font:12px georgia;line-height:17px;margin-left:80px}

/* album listings */ 
#content ul.album-list {margin:0;padding:0;}
#content ul.album-list li {font:12px georgia;line-height:16px;margin:0;padding:0;background:none}
#content ul.album-list li a {border-top:1px solid #ccc;padding:10px 10px 10px 0;display:block;height:110px;overflow:hidden;background:#fff}
#content ul.album-list li a span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#888}
#content ul.album-list li a img {width:110px;height:110px;float:left;margin:0 10px 0 0; padding: 0 0 0 10px}
#content ul.album-list li a strong {color:#000;font-size:13px;line-height:20px}
#content ul.album-list li a:hover {background:#edf0f1}

/* podcasts listing */
#content ul.podcast-list {margin:0;padding:0;}
#content ul.podcast-list li {font:12px georgia;line-height:16px;margin:0;padding:0;background:none}
#content ul.podcast-list li a {border-top:1px solid #ccc;padding:10px 10px 10px 0;display:block;overflow:hidden;background:#fff}
#content ul.podcast-list li a span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#888}
#content ul.podcast-list li a img {width:15px;height:15px;float:left;margin:0 10px 0 0}
#content ul.podcast-list li a strong {color:#000;font-size:13px;line-height:20px}
#content ul.podcast-list li a:hover {background:#edf0f1}

/* podcasts songs to grow on */
#content ul.podcast-list-songs {margin:0;padding:0;}
#content ul.podcast-list-songs li {font:12px georgia;line-height:16px;margin:0;padding:0;background:none}
#content ul.podcast-list-songs li a {border-top:1px solid #ccc;padding:10px 10px 10px 0;display:block;overflow:hidden;background:#fff;}
#content ul.podcast-list-songs li a span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#888}
#content ul.podcast-list-songs li a img {width:110px;height:110px;float:left;margin:0 10px 0 0;padding:0 0 0 10px}
#content ul.podcast-list-songs li a strong {color:#000;font-size:13px;line-height:20px}
#content ul.podcast-list-songs li a:hover {background:#edf0f1}

/* SELECTED AUDIO 350 BOX */
#selected-audio {width:350px;background:url(/images/index/selected-audio.png) 0 0 no-repeat;padding-top:9px}
#selected-audio td.playpause {width:13px}
#selected-audio td.track-name {font-weight:bold;width:50%}
#selected-audio td.track-artist {width:50%}
#selected-audio a.play {background:url(/images/index/play-button.png) no-repeat;width:13px;height:13px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#selected-audio a:hover.play {background-position:0 -13px}
#selected-audio table {width:100%;border:1px solid #e07007;border-collapse:collapse}
#selected-audio table td {font:11px verdana;padding:5px;margin:0;vertical-align:middle}
#selected-audio .even {background-color:#edf0f1}
#selected-audio .odd {background:#fff}
#selected-audio tr.selected {background:black;color:#fff}

/* SELECTED AUDIO 350 TRACK ONLY BOX */
#selected-audio-track {width:350px;background:url(/images/index/selected-audio.png) 0 0 no-repeat;padding-top:9px}
#selected-audio-track td.playpause {width:13px}
#selected-audio-track td.track-name {font-weight:bold;width:100%}
#selected-audio-track a.play {background:url(/images/index/play-button.png) no-repeat;width:13px;height:13px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#selected-audio-track a:hover.play {background-position:0 -13px}
#selected-audio-track table {width:100%;border:1px solid #e07007;border-collapse:collapse}
#selected-audio-track table td {font:11px verdana;padding:5px;margin:0;vertical-align:middle}
#selected-audio-track .even {background-color:#edf0f1}
#selected-audio-track .odd {background:#fff}
#selected-audio-track tr.selected {background:black;color:#fff}

/* SELECTED AUDIO BOX 270 WIDTH*/
#selected-audio-270 {width:270px;background:url(/images/index/selected-audio.png) 0 0 no-repeat;padding-top:9px}
#selected-audio-270 td.playpause {width:13px}
#selected-audio-270 td.track-name {font-weight:bold;width:50%}
#selected-audio-270 td.track-artist {width:50%}
#selected-audio-270 a.play {background:url(/images/index/play-button.png) no-repeat;width:13px;height:13px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#selected-audio-270 a:hover.play {background-position:0 -13px}
#selected-audio-270 table {width:100%;border:1px solid #e07007;border-collapse:collapse}
#selected-audio-270 table td {font:11px verdana;padding:5px;margin:0;vertical-align:middle}
#selected-audio-270 .even {background-color:#edf0f1}
#selected-audio-270 .odd {background:#fff}
#selected-audio-270 tr.selected {background:black;color:#fff}

/* SELECTED AUDIO BOX 470 WIDTH*/
#selected-audio-470 {width:440px;background:url(/images/index/selected-audio.png) 0 0 no-repeat;padding-top:9px; margin-left:15px; margin-right:15px; margin-bottom:15px;}
#selected-audio-470 td.playpause {width:13px}
#selected-audio-470 td.track-number {width:5%}
#selected-audio-470 td.track-name {font-weight:bold;width:60%}
#selected-audio-470 td.track-artist {width:30%}
#selected-audio-470 td.track-time {width:5%;text-align:center}
#selected-audio-470 a.play {background:url(/images/index/play-button.png) no-repeat;width:13px;height:13px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#selected-audio-470 a:hover.play {background-position:0 -13px}
#selected-audio-470 table {width:100%;border:1px solid #e07007;border-collapse:collapse}
#selected-audio-470 table td {font:11px verdana;padding:5px;margin:0;vertical-align:middle}
#selected-audio-470 .even {background-color:#edf0f1}
#selected-audio-470 .odd {background:#fff}
#selected-audio-470 tr.selected {background:black;color:#fff}

/* Track List 470px no track time */
#track-list-470 {width:440px;background:url(/images/index/track-list.png) 0 0 no-repeat;padding-top:9px; margin: 0 15px 15px 15px;}
#track-list-470 td.playpause {width:13px}
#track-list-470 td.track-number {width:17px;}
#track-list-470 td.track-name {font-weight:bold;width:150px;}
#track-list-470 td.track-artist {width:250px;}
#track-list-470 a.play {background:url(/images/index/play-button.png) no-repeat;width:13px;height:13px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#track-list-470 a:hover.play {background-position:0 -13px}
#track-list-470 table {width:440px;border:1px solid #e07007;border-collapse:collapse;}
#track-list-470 table td {font:11px verdana;padding:5px;margin:0;vertical-align:middle}
#track-list-470 .even {background-color:#edf0f1}
#track-list-470 .odd {background:#fff}
#track-list-470 tr.selected {background:black;color:#fff}

/* SELECTED AUDIO MULTIPLE BOX */
#selected-audio-multiple {width:330px;background-color:#fcf0e6;padding:10px 10px 0 10px}
#selected-audio-multiple div {padding:0 0 10px 0;height:70px;overflow:visible;}
#selected-audio-multiple div p {font:10px verdana;line-height:15px;margin:0 0 0 80px;width:240px}
#selected-audio-multiple div img {width:70px;height:70px;float:left;margin-right:10px}
#selected-audio-multiple div p a.play {cursor:pointer;height:13px;background:url(/images/index/play-button.png) no-repeat;padding-left:18px;display:block;overflow:visible;line-height:13px;font-weight:bold;margin-top:3px}
#selected-audio-multiple div p a:hover.play {background-position:0 -13px}
#selected-audio-multiple img.title {margin-bottom:10px}

/* SELECTED AUDIO MULTIPLE BOX FOR PICKLE PLAYER */
.selected-audio-multiple {width:330px;background-color:#fcf0e6;padding:10px 10px 0 10px}
.selected-audio-multiple div {hoverflow:visible;}
.selected-audio-multiple div p {font:10px verdana;line-height:15px;margin:0 0 0 80px;}
.selected-audio-multiple div img {float:left;margin:0 10px 10px 0;}
.selected-audio-multiple div p a.play {cursor:pointer;height:13px;background:url(/images/index/play-button.png) no-repeat;padding-left:18px;display:block;overflow:visible;line-height:13px;font-weight:bold;margin-top:3px}
.selected-audio-multiple div p a:hover.play {background-position:0 -13px}
.selected-audio-multiple img.title {margin-bottom:10px}

/* SELECTED AUDIO 230px BOX */
#selected-audio-twothirty {width:210px;background-color:#fcf0e6;padding:10px 10px 0 10px}
#selected-audio-twothirty div {padding:0 0 10px 0;height:70px;overflow:visible;}
#selected-audio-twothirty div p {font:10px verdana;line-height:15px;margin:0 0 0 80px;width:130px}
#selected-audio-twothirty div img {width:70px;height:70px;float:left;margin-right:10px}
#selected-audio-twothirty div p a.play {cursor:pointer;height:13px;background:url(/images/index/play-button.png) no-repeat;padding-left:18px;display:block;overflow:visible;line-height:13px;font-weight:bold;margin-top:3px}
#selected-audio-twothirty div p a:hover.play {background-position:0 -13px}
#selected-audio-twothirty img.title {margin-bottom:10px}


/* INTERNAL AUDIO BOX (Burmease Harp) */
#internal-audio {width:365px;background-color:#fff;padding:10px 10px 5px 10px}
#internal-audio div {padding:0 0 10px 0;height:70px;overflow:hidden;}
#internal-audio div p {font:10px verdana;line-height:15px;margin:0 0 0 0;width:330px}
#internal-audio div img {width:90px;height:50px;float:left;margin-right:10px}
#internal-audio div p a.play {cursor:pointer;height:13px;background:url(/images/index/play-button.png) no-repeat;padding-left:18px;display:block;overflow:hidden;line-height:13px;font-weight:bold;margin-top:3px}
#internal-audio div p a:hover.play {background-position:0 -13px}
#internal-audio img.title {margin-bottom:10px}

/* INTERNAL AUDIO BOX (Burmease Harp) FOR PICKLE PLAYER */
.internal-audio {width:365px;background-color:#fff;padding:10px 10px 5px 10px}
.internal-audio div {padding:0 0 10px 0;overflow:hidden;}
.internal-audio div p {font:10px verdana;line-height:15px;margin:0 0 0 0;width:330px}
.internal-audio div img {width:90px;height:50px;float:left;margin-right:10px}
.internal-audio div p a.play {cursor:pointer;height:13px;background:url(/images/index/play-button.png) no-repeat;padding-left:18px;display:block;overflow:hidden;line-height:13px;font-weight:bold;margin-top:3px}
.internal-audio div p a:hover.play {background-position:0 -13px}
.internal-audio img.title {margin-bottom:10px}

/* Audio Samples */
#audio-samples {padding:10px;border:1px solid #e07007;margin:0 0 20px 0; font:11px/16px Verdana; color:#999; font-weight:bold;}
#audio-samples ul {padding:0;margin:0}
#audio-samples li a {color:#999;font-weight:bold}
#audio-samples li a:hover {color:#e07007}
#audio-samples a.play {cursor:pointer;height:13px;background:url(/images/index/play-button.png) no-repeat;padding-left:18px;display:block;overflow:hidden;line-height:13px;font-weight:bold;margin-top:3px}
#audio-samples a.play:hover {background-position: 0 -13px;}

/* BOXES */

/* SOLID BLUE BOX */
.blue {background:#526c79;padding:10px;color:#fff}
.blue p a {color:#dcecf8}
.blue p a:hover {color:#fff}

/* OUTLINED ORANGE BOX */
.orange-outline {border:1px solid #e07007;padding:10px 10px 8px 10px;}

/* SOLID LIGHT BLUE BOX */
.light-blue {background-color:#edf0f1;padding:10px}

#content .orange-outline p, #content .light-blue p, #content .blue p, #content .featured-album p, #content .featured-podcast p {font:10px verdana;line-height:13px;margin:5px 0 0 0;padding:0}

/* FEATURED ALBUM BOX */
.featured-album {background:#526c79;padding:10px;color:#fff; height:240px}
.featured-album p a {color:#dcecf8}
.featured-album p a:hover {color:#fff}

/* FEATURED PODCAST BOX */
.featured-podcast {background:#fff; border:1px solid #e07007;padding:10px 10px 8px 10px; height:240px}

/* COLORS */
.gray-type {color:#888}

/* AWARDS 2-COLUMN DIVISION */
.awards_container {float:left;width:367px;position:relative;}
.awards {width:100%;float:left;position:relative;clear:left;margin-top:15px;}
.awards img {float:left;margin-right:20px}
.awards h6 {margin:0;padding:0 10px 2px 0;font-size:14px;line-height:16px}
.awards h7 {margin:0;font-size:12px;}
.awards p {padding-right:15px;font-size:12px;line-height:16px;font:10px verdana;line-height:13px;margin:5px 0 0 0;padding:0}

/* ARCHIVES 2-COLUMN DIVISION */
.archives_container {float:left;width:347px;position:relative;}
.archives {width:100%;float:left;position:relative;clear:left;margin-top:15px;}
.archives a {border-top:1px solid #ccc;padding:10px 10px 10px 0;display:block;height:110px;overflow:hidden;background:#fff}
.archives a:hover {background:#edf0f1}
.archives img {float:left;margin-right:20px;padding:0 0 0 10px}
.archives h6 {color:#000;margin:0;padding:0 10px 2px 0;font-size:14px;line-height:16px}
.archives h7 {margin:0;font-size:12px;}
.archives p {padding-right:15px;line-height:16px;font:12px georgia;margin:5px 0 0 0;padding:0}

#content p.lesson-title {padding:0;margin: 0 0 5px 0;font:bold 13px georgia;color:#526c79;line-height:17px}
#content p.grades {padding:0;margin:0;font:bold 11px verdana;color:#888}
#content p.lesson {width:350px;float:right;font:12px georgia;line-height:16px;margin:0;padding:0;}
#content p.lesson-2 {width:350px;float:right;font:12px georgia;line-height:18px;margin:0;padding:0;}


#content p.caption span {width:110px;height:15px;text-align:center;font:bold 10px verdana;margin:0;color:#ccc;}
#content p.caption span a:hover {background:#edf0f1}
#content p.highlighted {font:11px verdana;line-height:18px;margin:0;padding-top:10px;color:#000}
#content p.large {font:12px verdana;line-height:18px;margin:0;padding-top:10px;color:#000}

.floatright
{float: right; margin: 0 0 2px 10px; clear: right;}
.floatleft
{float: left; margin: 0 10px 2px 0; clear: left;}
.floatright_homepage
{float: right; margin: 3px 0 3px 0; clear: right;}
.floatleft_homepage
{float: left; margin: 3px 5px 0 0; clear: left;}

/* 360px column */
.threesixty {width:360px; position:relative; float:left; display:inline}

/* 220px column */
.twotwenty {width:220px; position:relative; float:left; display:inline}

.stream {font:bold 9px verdana;text-transform:uppercase;padding-right:5px}
.stream_title {font:11px verdana;padding-right:10px}
.stream_link {font:bold 11px verdana;padding-right:5px}

/* Stream Sample Play Button */
#stream-sample td.playpause {width:13px}
#stream-sample td.track-name {font-weight:bold;width:100%}
#stream-sample a.play {background:url(/images/index/play-button.png) no-repeat;width:13px;height:13px;border:0;overflow:hidden;text-indent:-9999em;display:block}
#stream-sample a:hover.play {background-position:0 -13px}
#stream-sample table {width:100%;border:1px solid #fff;border-collapse:collapse}
#stream-sample table td {font:11px verdana;padding:5px;margin:0;vertical-align:middle}
#stream-sample .even {background-color:#edf0f1}
#stream-sample .odd {background:#fff}
#stream-sample tr.selected {background:black;color:#fff}

.twoforty {background:#edf0f1;width:240px;position:relative;float:left;display:block;}
.right-fifteen {margin-right:10px}
.bottom-five {margin-bottom:5px;}

/* Video 3 Column Box 240px */ 
.light-blue-column {padding:10px;color:#000;height:235px;float:left;position:relative;display:block;overflow:hidden;}
#content .light-blue-column p {font:11px georgia;line-height:16px;margin-top:5px;}
#content .light-blue-column p span {font:bold 12px georgia;line-height:18px;}
#content .light-blue-column p span span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#888}
.light-blue-column p a {color:#999999}
.light-blue-column p a:hover {color:#526c79}
.light-blue-column img {width:220px;height:124px;float:left;display:block;margin-bottom:10px}

.light-blue-column-long {padding:10px;color:#000;height:270px;float:left;position:relative;display:block;overflow:hidden;}
#content .light-blue-column-long p {font:11px georgia;line-height:16px;margin-top:5px;}
#content .light-blue-column-long p span {font:bold 12px georgia;line-height:18px;}
#content .light-blue-column-long p span span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#888}
.light-blue-column-long p a {color:#999999}
.light-blue-column-long p a:hover {color:#526c79}
.light-blue-column-long img {width:220px;height:124px;float:left;display:block;margin-bottom:10px}

.light-blue-column-longer {padding:10px;color:#000;height:279px;float:left;position:relative;display:block;}
#content .light-blue-column-longer p {font:11px georgia;line-height:16px;margin-top:5px;}
#content .light-blue-column-longer p span {font:bold 12px georgia;line-height:18px;}
#content .light-blue-column-longer p span span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#888}
.light-blue-column-longer p a {color:#999999}
.light-blue-column-longer p a:hover {color:#526c79}
.light-blue-column-longer img {width:220px;height:124px;float:left;display:block;margin-bottom:10px}

.light-blue-column-text {padding:10px;color:#000;height:370px;float:left;position:relative;display:block;}
#content .light-blue-column-text p {font:11px georgia;line-height:16px;margin-top:5px;}
#content .light-blue-column-text p span {font:bold 12px georgia;line-height:18px;}
#content .light-blue-column-text p span span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#888}
.light-blue-column-text p a {color:#999999}
.light-blue-column-text p a:hover {color:#526c79}
.light-blue-column-text img {width:220px;height:124px;float:left;display:block;margin-bottom:10px}


/* RELATED ALBUM/CONTENT BOXES 240px */
.related-album {width:215px;padding:10px;height:75px;float:left;position:relative;display:block;overflow:hidden;font:10px verdana;line-height:13px;}
.related-album img {width:55px;height:55px;float:left;display:block;margin-right:10px}
.related-album img.header {width:220px;height:9px;float:left;display:block;margin:0 0 10px 0;}
.related-album a:hover {color:#838383}

.related-content-long {width:220px;padding:10px;height:75px;float:left;position:relative;display:block;overflow:hidden;font:10px verdana;line-height:13px;}
.related-content-long a:hover {color:#838383}

.related-content-short {width:220px;padding:10px;height:40px;float:left;position:relative;display:block;overflow:hidden;font:10px verdana;line-height:13px;}
.related-content-short a:hover {color:#838383}

.related-content-shorter {width:220px;padding:10px;height:30px;float:left;position:relative;display:block;overflow:hidden;font:10px verdana;line-height:13px;}
.related-content-shorter a:hover {color:#838383}



/* LESSONS 2-COLUMN 360px width */

.threesixty-img {width:95px;position:relative;float:left;display:inline;}
.threesixty-img img {width:85px;height:85px;float:left;display:block;margin-right:10px;}
.threesixty {width:255px;position:relative;float:left;display:inline;}
.threesixty p.lesson-titles {font:bold 12px georgia;line-height:16px;}
.threesixty p.grade {padding:0;margin:0;font:bold 10px verdana;text-transform:uppercase;color:#888}
.threesixty p.grade span {font:12px georgia;text-transform:none;line-height:16px;color:#000;}
.threesixty p.grade-month {padding:0;margin:0;font:bold 11px verdana;color:#888}
.threesixty p.grade-month span {font:12px georgia;text-transform:none;line-height:16px;color:#000;}

/* stream button mouseover */  
.stream-mouseover {float:left;margin:0;padding:5px 5px 0 15px;height:45px;width:141px;overflow:hidden;}
a.stream-mouseover {background:url(/images/index/rounded_stream_over.png) no-repeat;text-indent:-9999em;display:block;width:141px;height:45px;overflow:hidden;}
a:hover.stream-mouseover {background-position:0 -45px}

/* download mp3 button mouseover */  
.download-mouseover {float:left;margin:0;padding:5px 5px 0 15px;height:45px;width:141px;overflow:hidden;}
a.download-mouseover {background:url(/images/index/rounded_download_over.png) no-repeat;text-indent:-9999em;display:block;width:141px;height:45px;overflow:hidden;}
a:hover.download-mouseover {background-position:0 -45px}

/* quiz 25 button mouseover */  
.quiz25-mouseover {float:left;margin:0 0 0 28px;padding:5px 5px 0 15px;height:45px;overflow:hidden;}
a.quiz25-mouseover {background:url(/images/index/rounded_quiz_25.png) no-repeat;text-indent:-9999em;display:block;width:141px;height:45px;overflow:hidden;}
a:hover.quiz25-mouseover {background-position:0 -45px}

/* quiz 111 button mouseover */  
.quiz111-mouseover {float:left;margin:0;padding:5px 5px 0 15px;height:45px;width:141px;overflow:hidden;}
a.quiz111-mouseover {background:url(/images/index/rounded_quiz_111.png) no-repeat;text-indent:-9999em;display:block;width:141px;height:45px;overflow:hidden;}
a:hover.quiz111-mouseover {background-position:0 -45px}

/* Jazz */
h3.jazz {color:#e07007;letter-spacing:1px;font:bold 12px georgia;text-transform:uppercase;}
h3.jazz a {color: #e07007; text-decoration:none;}
h3.jazz a:hover {color: #526c79; text-decoration:none;}

.jazz {margin-left:5px;font:normal 10px verdana;color:#999;text-transform:lowercase;letter-spacing:0}

/** Folkways Network **/
#folkways-network-tout ul {
  width: 108px;
  float: left;
  margin: 20 0 0 0; 
  padding: 0;
}

#folkways-network-tout li { 
  width: 40%; 
  float: left; 
  list-style: none; 
  padding-left: 0px; 
  margin: 0 0 12px 0;
  font-size: .917em;  /*16px x .6875 = 11px */
  letter-spacing: 0.03em;
  font-weight: bold;  
}

#folkways-network-tout li a {
  color: #999;
  padding: 4px 0 4px 29px;
  float: left;
}
  
#folkways-network-tout li a:hover {
  color: #336699;
}  
  
#folkways-network-tout li.facebook a {
  background: url(../images/index/folkways_network.gif) 0px 0px no-repeat;  
}

#folkways-network-tout li.facebook a:hover {
  background: url(../images/index/folkways_network.gif) 0px -23px no-repeat;  
}

#folkways-network-tout li.twitter a {
    background: url(../images/index/folkways_network.gif) -115px 0px no-repeat;  
    margin-left: 45px;
}

#folkways-network-tout li.twitter a:hover {
    background: url(../images/index/folkways_network.gif) -115px -23px no-repeat;  
}

#folkways-network-tout li.flickr a {
    background: url(../images/index/folkways_network.gif) -240px 0px no-repeat; 
}

#folkways-network-tout li.flickr a:hover {
    background: url(../images/index/folkways_network.gif) -240px -23px no-repeat; 
}

#folkways-network-tout li.myspace a {
     background: url(../images/index/folkways_network.gif) -381px 0px no-repeat;  
}

#folkways-network-tout li.myspace a:hover {
     background: url(../images/index/folkways_network.gif) -381px -23px no-repeat;  
}

#folkways-network-tout li.youtube a {
    background: url(../images/index/folkways_network.gif) -550px 0px no-repeat;  
    margin-left: 45px;
}

#folkways-network-tout li.youtube a:hover {
    background: url(../images/index/folkways_network.gif) -550px -23px no-repeat;  
}

#folkways-network-tout li.vimeo a {
    background: url(../images/index/folkways_network.gif) -733px 0px no-repeat;  
    margin-left: 12px;
}

#folkways-network-tout li.vimeo a:hover {
    background: url(../images/index/folkways_network.gif) -733px -23px no-repeat;  
}

#folkways-network-tout li.itunes a {
    background: url(../images/index/folkways_network.gif) -875px 0px no-repeat;   
}

#folkways-network-tout li.itunes a:hover {
    background: url(../images/index/folkways_network.gif) -875px -23px no-repeat;   
}

#folkways-network-tout li.linkedin a {
    background: url(../images/index/folkways_network.gif) -1017px 0px no-repeat;   
    margin-left: 12px;
   }

#folkways-network-tout li.linkedin a:hover {
    background: url(../images/index/folkways_network.gif) -1017px -23px no-repeat;   
}


.jsElement { display:none; }

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.flashElement { display:none; }
.jsElement { display:inherit; }
} 

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
.flashElement { display:none; }
.jsElement { display:inherit; }
}

/* Android [portrait + landscape] */
@media only screen and (max-device-width: 800px) {
.flashElement { display:none; }
.jsElement { display:inherit; }
}

.album-slide-show { width: 270px; height: 280px; margin: 0 0 0 10px; position:relative; display:inline; float:left}


/* HOMEPAGE SLIDE SHOW */

.slideshow img.first { display: block }