var init_twitter = function(){if (typeof window.twttr === “undefined”) {window.twttr = (function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0],t = window.twttr || {};if (d.getElementById(id)) return;js = d.createElement(s);js.id = id;js.src = “http://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);}; return t;}(document, “script”, “twitter-wjs”));}};init_twitter();
?@font-face{font-family:”LAHeadline”;src:url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.eot”);src:url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.eot?#iefix”) format(“embedded-opentype”),url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.woff”) format(“woff”),url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.ttf”) format(“truetype”);font-style:normal;font-weight:normal}@font-face{font-family:”Belizio”;src:url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.eot”);src:url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.eot?#iefix”) format(“embedded-opentype”),url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.woff”) format(“woff”),url(“https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.ttf”) format(“truetype”);font-style:normal;font-weight:normal}.clearfix{clear:both}#preview p,#story p{z-index:0;font-size:18px;line-height:27px;margin:18px 0;font-family:Georgia,Serif;color:#333}#preview figcaption,#story figcaption{font-family:Arial,serif;font-size:12px;line-height:17px;color:#999;padding:5px 5px 20px 5px}#preview figcaption span.credits:before,#story figcaption span.credits:before{content:'(‘}#preview figcaption span.credits:after,#story figcaption span.credits:after{content:’)’}body#snap #preview:not(.arc_preview),body:not(#snap) #story{word-break:break-word}body#snap #preview:not(.arc_preview) #titleline,body#snap #preview:not(.arc_preview) .trb_bylines_nm_pb,body:not(#snap) #story #titleline,body:not(#snap) #story .trb_bylines_nm_pb{display:block;margin-top:3px;font:12px Arial,sans-serif;color:#999;text-decoration:none}body#snap #preview:not(.arc_preview) .responsive-embed,body:not(#snap) #story .responsive-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}body#snap #preview:not(.arc_preview) .responsive-embed iframe,body#snap #preview:not(.arc_preview) .responsive-embed object,body#snap #preview:not(.arc_preview) .responsive-embed span,body#snap #preview:not(.arc_preview) .responsive-embed embed,body:not(#snap) #story .responsive-embed iframe,body:not(#snap) #story .responsive-embed object,body:not(#snap) #story .responsive-embed span,body:not(#snap) #story .responsive-embed embed{position:absolute;top:0;left:0;width:100%;height:100%}body#snap #preview:not(.arc_preview) .responsive-embed div.image-container,body:not(#snap) #story .responsive-embed div.image-container{overflow:hidden}body#snap #preview:not(.arc_preview) #content-elements,body:not(#snap) #story #content-elements{word-break:break-word}body#snap #preview:not(.arc_preview) #content-elements p,body#snap #preview:not(.arc_preview) #content-elements h3,body#snap #preview:not(.arc_preview) #content-elements ol,body#snap #preview:not(.arc_preview) #content-elements ul,body:not(#snap) #story #content-elements p,body:not(#snap) #story #content-elements h3,body:not(#snap) #story #content-elements ol,body:not(#snap) #story #content-elements ul{width:auto;z-index:0}body#snap #preview:not(.arc_preview) #content-elements p,body:not(#snap) #story #content-elements p{min-height:27px}body#snap #preview:not(.arc_preview) #content-elements h3,body:not(#snap) #story #content-elements h3{font-family:Georgia,’Droid Serif’,Serif;font-weight:normal;font-size:27px;line-height:31px;margin-top:33px;clear:left}body#snap #preview:not(.arc_preview) #content-elements h3+figure,body:not(#snap) #story #content-elements h3+figure{margin-top:0}body#snap #preview:not(.arc_preview) #content-elements h3+p,body:not(#snap) #story #content-elements h3+p{margin-top:8px}body#snap #preview:not(.arc_preview) #content-elements blockquote .quote,body:not(#snap) #story #content-elements blockquote .quote{font-family:”Belizio”,Georgia,”Droid Serif”,serif;padding:19px 0 7px;margin-bottom:5px;color:#000;font-size:28px;line-height:35px;display:block;word-wrap:break-word;text-align:center;clear:both}body#snap #preview:not(.arc_preview) #content-elements blockquote .quote:before,body:not(#snap) #story #content-elements blockquote .quote:before{margin-bottom:10px;font-size:52px;display:block;line-height:4px;content:’\\201C’}body#snap #preview:not(.arc_preview) #content-elements blockquote .cite,body:not(#snap) #story #content-elements blockquote .cite{font-family:’Arial’, sans-serif;font-style:normal;font-size:14px;margin:0px auto;color:#666;text-align:center;clear:both}body#snap #preview:not(.arc_preview) #content-elements blockquote .cite:before,body:not(#snap) #story #content-elements blockquote .cite:before{content:”— “}body#snap #preview:not(.arc_preview) #content-elements figure,body:not(#snap) #story #content-elements figure{position:relative;z-index:1}body#snap #preview:not(.arc_preview) #content-elements figure.full,body:not(#snap) #story #content-elements figure.full{width:100%;float:none;clear:both}body#snap #preview:not(.arc_preview) #content-elements figure.medium,body:not(#snap) #story #content-elements figure.medium{width:48%}body#snap #preview:not(.arc_preview) #content-elements figure.small,body:not(#snap) #story #content-elements figure.small{width:30%}body#snap #preview:not(.arc_preview) #content-elements figure img,body:not(#snap) #story #content-elements figure img{width:100%;margin:0}body#snap #preview:not(.arc_preview) #content-elements hr,body:not(#snap) #story #content-elements hr{border-style:solid;clear:both;margin:30px 0}body#snap #preview:not(.arc_preview) #content-elements hr.none,body:not(#snap) #story #content-elements hr.none{border:0}body#snap #preview:not(.arc_preview) #content-elements hr.thin,body:not(#snap) #story #content-elements hr.thin{border-top:1px solid #333;border-bottom:none}body#snap #preview:not(.arc_preview) #content-elements hr.thick,body:not(#snap) #story #content-elements hr.thick{border-top:3px solid #333;border-bottom:none}body#snap #preview:not(.arc_preview) #content-elements hr.space,body:not(#snap) #story #content-elements hr.space{padding-top:20px;border-style:none}body#snap #preview:not(.arc_preview) #content-elements hr.fancy,body:not(#snap) #story #content-elements hr.fancy{background:url(“http://d1qqc1e9kvmdh8.cloudfront.net/img/ngux-tophat/flourished-section-breaks/pretty.png”) no-repeat scroll center center transparent;color:transparent;height:25px;margin:30px auto;width:auto;clear:both;border:0 none;display:block;padding:0px}body#snap #preview:not(.arc_preview) #content-elements hr.diamondy,body:not(#snap) #story #content-elements hr.diamondy{background:url(“http://d1qqc1e9kvmdh8.cloudfront.net/img/ngux-tophat/flourished-section-breaks/diamondy.png”) no-repeat scroll center center transparent;color:transparent;height:25px;margin:30px auto;width:auto;clear:both;border:0 none;display:block;padding:0px}body#snap #preview:not(.arc_preview) #content-elements .interstitial_link a,body:not(#snap) #story #content-elements .interstitial_link a{color:#4591B8;font-size:18px;font-weight:bold;line-height:27px}body#snap #preview:not(.arc_preview) #content-elements div:first-child p:first-child,body:not(#snap) #story #content-elements div:first-child p:first-child{clear:both}body#snap #preview:not(.arc_preview) #content-elements div:first-child p:first-child:first-letter,body:not(#snap) #story #content-elements div:first-child p:first-child:first-letter{float:left;font-size:100px;line-height:0.95em;font-family:”Belizio”, Georgia, serif;margin-right:0.115em;color:#000;text-transform:uppercase;font-style:normal}body#snap #preview:not(.arc_preview) #content-elements p:not(.byline) a,body:not(#snap) #story #content-elements p:not(.byline) a{color:#4591B8}body#snap #preview:not(.arc_preview) #content-elements p:not(.byline) a:hover,body:not(#snap) #story #content-elements p:not(.byline) a:hover{color:#77B3CC}body#snap #preview:not(.arc_preview) #content-elements a,body:not(#snap) #story #content-elements a{text-decoration:none}body#snap #preview:not(.arc_preview) #content-elements header .trb_embed_related_credit_and_caption,body:not(#snap) #story #content-elements header .trb_embed_related_credit_and_caption{margin-top:5px}body#snap #preview:not(.arc_preview) #content-elements ul,body#snap #preview:not(.arc_preview) #content-elements ol,body:not(#snap) #story #content-elements ul,body:not(#snap) #story #content-elements ol{overflow:hidden;padding-left:20px}body#snap #preview:not(.arc_preview) #content-elements ul li,body#snap #preview:not(.arc_preview) #content-elements ol li,body:not(#snap) #story #content-elements ul li,body:not(#snap) #story #content-elements ol li{font-family:Georgia, serif;margin-left:5px;font-size:16px;line-height:26px}body#snap #preview:not(.arc_preview) #content-elements ul li,body:not(#snap) #story #content-elements ul li{list-style-type:disc}body#snap #preview:not(.arc_preview) #content-elements ul li:before,body:not(#snap) #story #content-elements ul li:before{content:”}body#snap #preview:not(.arc_preview) #content-elements ol li,body:not(#snap) #story #content-elements ol li{list-style-type:decimal}body#snap #preview:not(.arc_preview) #content-elements ul.related-links,body:not(#snap) #story #content-elements ul.related-links{margin-top:0}body#snap #preview:not(.arc_preview) #content-elements .left,body:not(#snap) #story #content-elements .left{float:left;margin:12px 2% 12px 0px}body#snap #preview:not(.arc_preview) #content-elements .right,body:not(#snap) #story #content-elements .right{float:right;margin:12px 0px 12px 2%}body#snap #preview:not(.arc_preview) #content-elements .twitter,body:not(#snap) #story #content-elements .twitter{width:auto}body#snap #preview:not(.arc_preview) #content-elements .EmbeddedTweet,body#snap #preview:not(.arc_preview) #content-elements twitter-tweet,body#snap #preview:not(.arc_preview) #content-elements .media-forward,body:not(#snap) #story #content-elements .EmbeddedTweet,body:not(#snap) #story #content-elements twitter-tweet,body:not(#snap) #story #content-elements .media-forward{max-width:500px !important;width:100% !important;margin:auto !important}body#snap #preview:not(.arc_preview) #content-elements .instagram,body:not(#snap) #story #content-elements .instagram{width:100%}body#snap #preview:not(.arc_preview) #content-elements .instagram-media,body:not(#snap) #story #content-elements .instagram-media{margin:auto !important}body#snap #preview:not(.arc_preview) #content-elements .storify,body:not(#snap) #story #content-elements .storify{width:100%}body#snap #preview:not(.arc_preview) #content-elements .soundcloud,body:not(#snap) #story #content-elements .soundcloud{width:100%}body#snap #preview:not(.arc_preview) #content-elements .vidme,body:not(#snap) #story #content-elements .vidme{width:100%}body#snap #preview:not(.arc_preview) #content-elements .scribble,body:not(#snap) #story #content-elements .scribble{width:100%}body#snap #preview:not(.arc_preview) #content-elements .facebook,body:not(#snap) #story #content-elements .facebook{width:320px;float:left;margin:12px 15px 12px 0px}body#snap #preview:not(.arc_preview) #content-elements .fb-post.fb_iframe_widget,body:not(#snap) #story #content-elements .fb-post.fb_iframe_widget{display:block !important;padding:0px}body#snap #preview:not(.arc_preview) #content-elements .fb-post.fb_iframe_widget>span,body:not(#snap) #story #content-elements .fb-post.fb_iframe_widget>span{display:block !important;margin:0 auto}body#snap #preview:not(.arc_preview) #content-elements .trb_allContentWrapper[data-content-type=htmlstory] .trb_mainContent_copyright,body:not(#snap) #story #content-elements .trb_allContentWrapper[data-content-type=htmlstory] .trb_mainContent_copyright{display:block;font-family:Arial,Sans-serif !important;color:#999;font-size:12px !important;clear:left;margin-bottom:30px}body .trb_mainContent ul li:before{content:”}body .trb_mainContent ol li:before{font-family:”Belizio”,Georgia,serif;font-size:14px;margin:0 5px 0 0;left:0}@media (max-width: 767px){.heroic figcaption{display:none}#story #content-elements .right,#story #content-elements .left{float:none;margin:0 auto;width:100%}#story #content-elements figure.small,#story #content-elements figure.medium{width:100%}#story #content-elements hr{margin:20px 0}}
/*# sourceMappingURL=latimes_story.min.css.map */
@font-face {
font-family: ‘Benton Gothic Bold’;
src: url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.eot’);
src: url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.eot?#iefix’) format(’embedded-opentype’),
url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.woff’) format(‘woff’),
url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.ttf’) format(‘truetype’);
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: ‘Benton Gothic Regular’;
src: url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-regular.eot’);
src: url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-regular.eot?#iefix’) format(’embedded-opentype’),
url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-regular.woff’) format(‘woff’),
url(‘https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-regular.ttf’) format(‘truetype’);
font-weight:normal;
font-style:normal;
}
.clear { clear: both;}
.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:1199px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}
/* arc overrides */
.pb-f-article-body body:not(#snap) #story #content-elements div h2, .pb-f-article-body #story div h3, .pb-f-article-body #story div p, .pb-f-article-body #story div ol, .pb-f-article-body #story div ul {
max-width: 650px!important;
}
.pb-f-article-body #story div p, .pb-f-article-body #story div p a { font-size: 18px;!important font-family: Georgia, serif;!important }
/*typography*/
body:not(#snap) #story #content-elements h2.benton-title, body:not(#snap) #story #content-elements h3.benton-title, body:not(#snap) #story #content-elements p.benton-title, #preview h2.benton-title, #preview h3.benton-title {
font-family: ‘Benton Gothic Bold’, Arial, sans-serif;
font-weight: normal;
line-height: 1.2;
}
body:not(#snap) #story #content-elements h2.section-title {
margin-top: 60px;
font-size: 32px;
text-align: center;
}
body:not(#snap) #story #content-elements h2.section-title {
margin-top: 60px;
font-size: 32px;
text-align: center;
}
body:not(#snap) #story #content-elements h2, body:not(#snap) #story #content-elements h3, body:not(#snap) #story #content-elements p, body:not(#snap) #story #content-elements ol, body:not(#snap) #story #content-elements ul {
max-width: 650px;
margin-left: auto;
margin-right: auto;
z-index: 0;
}
/* responsive video */
.video-js {
position: relative;
padding-bottom: 66.666%;
padding-top: 0;
max-width: 100%;
width: auto;
height: 0!important;
}
.video-js > *:first-child {
width: 100%;
height: 100%;
}
body:not(#snap) #story .responsive-embed {
padding-bottom: 66.666%;
}
/*photo sizing and sets */
body:not(#snap) #story #content-elements figure img { width: 100%; }
body:not(#snap) #story #content-elements figure.full {
width: 80%;
margin-left: auto;
margin-right: auto;
float: none;
clear: both;
}
/* a medium/left figure is sized to 650px */
body:not(#snap) #story #content-elements figure.medium.left {
width: 100%;
max-width: 650px;
margin-right: auto;
margin-left: auto;
float: none;
}
/* a small/left figure is sized to 650px, the same width as the text column */
body:not(#snap) #story #content-elements figure.small.left {
width: 100%;
max-width: 650px;
margin-right: auto;
margin-left: auto;
float: none;
}
/*photosets and diptychs*/
body:not(#snap) #story #content-elements .photoset .full { margin-bottom: 0; }
body:not(#snap) #story #content-elements .photoset .diptych {
margin: 1% 0 20px 0;
}
body:not(#snap) #story #content-elements .photoset .diptych figure, body:not(#snap) #story #content-elements .diptych figure {
float: left;
width: 49.5%;
margin: 0 1% 0 0;
}
body:not(#snap) #story #content-elements .photoset .diptych figure:last-of-type, body:not(#snap) #story #content-elements .diptych figure:last-of-type {
margin-right: 0;
}
body:not(#snap) #story #content-elements p.credits {
font-family: ‘Benton Gothic Regular’,”Helvetica Neue”,Helvetica,Arial,sans-serif;
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
}
/*SUPPORT OUR JOURNALISM PROMO*/
body:not(#snap) #story #content-elements .special-promo h3 {
margin: 15px auto 5px auto;
line-height: 22px;
}
body:not(#snap) #story #content-elements .special-promo h3 a {
font-family: ‘Benton Gothic Bold’;
color: #333;
font-size: 20px;
}
body:not(#snap) #story #content-elements .special-promo p#promo, body:not(#snap) #story #content-elements .special-promo p#promo a {
font-family: ‘Benton Gothic Regular’;
font-size: 18px;
line-height: 27px;
}
.special-promo {
display: block;
padding: .25em 1em 1em 1em;
margin: auto;
max-width: 630px;
background: #f4f4f4;
margin-bottom: 25px;
}
/*media queries */
@media (max-width: 767px) {
body:not(#snap) #story #content-elements figure.object-fit img, body:not(#snap) #story #content-elements figure.pb-object-fit img, figure.object-fit img {
object-fit: cover;
height: 90vh;
max-height: 850px;
object-position: 50% 50%;
}
body:not(#snap) #story #content-elements figure.object-fit.object-fit-left img, body:not(#snap) #story #content-elements figure.pb-object-fit.object-fit-left img, figure.object-fit.object-fit-left img {
object-position: 66% 50%;
}
body:not(#snap) #story #content-elements figure.object-fit.object-fit-right img, body:not(#snap) #story #content-elements figure.pb-object-fit.object-fit-right img, figure.object-fit.object-fit-right img {
object-position: 33% 50%;
}
body:not(#snap) #story #content-elements h2.section-title {
font-size: 22px;
}
body:not(#snap) #story #content-elements figure.medium.left, body:not(#snap) #story #content-elements figure.small.left{
width: 100%;
}
body:not(#snap) #story #content-elements .photoset .diptych figure, body:not(#snap) #story #content-elements .diptych figure { margin: 0 auto; width: 100%; float: none;}
}
@media (max-width: 600px) {
body:not(#snap) #story #content-elements figure.full {
width: 100%;
float: none;
clear: both;
}
body:not(#snap) #story #content-elements figure.object-fit img, body:not(#snap) #story #content-elements figure.pb-object-fit img, figure.object-fit img {
max-height: 600px;
}
}
@media (max-width: 480px) {
body:not(#snap) #story #content-elements figure.object-fit img, body:not(#snap) #story #content-elements figure.pb-object-fit img, figure.object-fit img {
max-height: 500px;
}
}
@media (max-width: 380px) {
body:not(#snap) #story #content-elements figure.object-fit img, body:not(#snap) #story #content-elements figure.pb-object-fit img, figure.object-fit img {
max-height: 450px;
}
}
It’s 10 minutes to showtime. Step up to the three-story Italianate brick box at Fillmore Street and Geary Boulevard. Avert your eyes from the payday-loan operation that takes up much of the ground floor. Submit to a brief search by security.
Then climb the stairs, grab an apple from the giveaway bin and check out the hundreds of vintage psychedelic posters. The 10 twinkling chandeliers. The four balcony arches. The dance floor crowded with about 1,200 lively bodies. The stage.
This is the Fillmore, where American pop music and youth culture took a sudden psychedelic turn in the mid-’60s.
Janis Joplin, Jimi Hendrix, Jefferson Airplane, Carlos Santana, Steve Miller and the Grateful Dead played some of their most important early shows here. Otis Redding and B.B. King won over some of their first white audiences here.
(You can hear several live performances from the Fillmore in my Spotify playlist below.)
figure.spotify{
max-width: 350px; margin: 24px auto;
}
@media (max-width:600px){
figure.spotify {width:100%;float:none;margin:0}
}
And the music plays on, in a building more than a century old. That alone, for me, made the auditorium a more compelling destination than the T-shirt shops and hippie haunts of Haight-Ashbury. But the auditorium is also part of a larger, long-running drama — complete with an unsolved killing — that few out-of-towners know.
var gptadslots = [];
var googletag = googletag || {cmd:[]};
googletag.cmd.push(function() {
gptadslots.push(googletag.defineSlot(‘/4011/trb.latimes/travel’, [[300,250]], ‘div-gpt-ad-8076946-1’).addService(googletag.pubads()));
googletag.pubads().setTargeting(‘ptype’, [‘s’]);
googletag.enableServices();
});
googletag.cmd.push(function() { googletag.display(‘div-gpt-ad-8076946-1’); });
When I saw my first Fillmore show last year (the Wood Brothers, a bluesy folk band), I learned that the auditorium had been built as a dance hall in 1912, converted into a skating rink in the 1930s, then reconverted to hold dances and concerts.
San Francisco’s living room
But I wanted to hear more. So I returned for another show in April.
The headliners this time were Ibeyi, Paris-based 23-year-old twins whose first album was released in 2015. They bounded onto the stage, grinning widely, in matching beige and white jumpsuits, like Afro-Parisian astronauts.
“We’ve missed you, San Francisco!” said singer and keyboard player Lisa-Kaindé Díaz. Then, she and Naomi Díaz launched into an evening of neo soul, drawing on the twins’ roots in Cuba and western Africa.
“This is the Green Room, the headliner’s dressing room,” Fillmore production manager Tony Biancalana had told me the day before, leading me backstage. It was surprisingly small, about 15 feet square, full of mirrors and cabinets.
“We had a German band in once. The manager said, ‘Zee band don’t like zee dressing room.’ I said, ‘Hmm. Hendrix didn’t mind.’“
Biancalana, whose parents roller-skated in this building in the 1940s, has worked in the hall for 34 years.
Though the auditorium doesn’t offer public tours, its standing-room-only setup encourages roaming. There’s a restaurant area upstairs, the walls are crowded with posters from long-ago shows and a grand image of Jerry Garcia presides over the stairwell. The downstairs walls are filled with historic photos, including a racy portrait of Janis Joplin near the bar.
Biancalana showed me the rounded corners (which date to the building’s years as a roller rink); the poster from the Grateful Dead’s first Fillmore show in 1965; and about 100 years’ worth of electrical-system improvisations.
And he explained about the apples. Fillmore concert promoter Bill Graham started the tradition, Biancalana said, because “he wanted you to feel like you were coming into his living room.”
The auditorium, now managed by the entertainment corporation Live Nation, stages more than 150 shows a year.
The Changing Tunes
The Fillmore neighborhood, part of a historically working-class area known as the Western Addition, has been known for more than 100 years for its ethnically mixed population, including many Japanese American families. But after Japan bombed Hawaii and the U.S. entered World War II, those Japanese Americans were incarcerated in internment camps.
Meanwhile, African Americans moved in as shipbuilding and other military operations increased in the Bay Area.
By the early 1950s, the Fillmore neighborhood was home to so many jazz, blues and R&B clubs that boosters were calling it the Harlem of the West. Many city leaders, however, were calling the neighborhood a ghetto and laying plans for decades of demolition and redevelopment.
In the midst of this turmoil, an African American entrepreneur named Charles Sullivan leased the dance hall, renamed it the Fillmore Auditorium, opened it to audiences of color and brought in James Brown, Ike and Tina Turner and Little Richard, who arrived with a young Jimi Hendrix as a sideman.
If the Fillmore District was the Harlem of the West, the auditorium was its Apollo Theater.
As a ‘70s teenager fascinated by ‘60s rock, however, I knew none of that. For me, the Fillmore story began in late 1965, when the San Francisco Mime Troupe subleased the venue for a fundraiser that featured the very young Jefferson Airplane and five guys who had just changed their name from the Warlocks to the Grateful Dead. The cost of admission was $1.50.
The audience, San Francisco Chronicle music critic Ralph J. Gleason wrote, was “a most remarkable assemblage of humanity … leaping, jumping, dancing, frigging, fragging and frugging on the dance floor.”
This was big. And the mime troupe’s business manager — a 34-year-old from New York named Bill Graham — realized it.
So he quit the troupe, subleased the Fillmore from Sullivan and quickly earned a reputation for making canny musical choices and driving a hard bargain.
In other words, he wasn’t a hippie, and he didn’t create the Fillmore as a music venue. But Graham built up the Fillmore concert operation, then took over booking the venue after Sullivan was shot to death in 1966, a crime that was never solved.
With these shows from 1966 through early 1968, Graham made something new — the modern rock concert.
Cream came to play. So did Quicksilver Messenger Service, Country Joe & the Fish, the Doors, the Byrds, the Yardbirds and Frank Zappa, often accompanied by psychedelic light shows that entranced many concertgoers high on LSD or marijuana. (LSD was legal in California until late 1966.)
“Bill did things like booking Cecil Taylor [an avant-garde jazz pianist] to open for the Yardbirds. Or having Woody Herman [and his big band] open for the Who,” said Dennis McNally, a San Francisco-based author, historian and former publicist for the Grateful Dead.
Then Martin Luther King Jr. was assassinated in Memphis, Tenn., sparking outrage and violence in black neighborhoods nationwide, including the Fillmore. Graham, who had begun working with other venues, abandoned the Fillmore Auditorium, moved to the Carousel Ballroom on South Van Ness Avenue and renamed it Fillmore West.
After 2½ years as a magic address, the original Fillmore was a footnote. So it remained for decades as the neighborhood’s redevelopment lurched along.
Extensive damage in the 1989 earthquake didn’t help. In 1991, Graham, who had been working to revive the venue, was killed in a helicopter crash.
But in 1994, the rehabbed Fillmore reopened.
In transition
Nowadays it stands at the convergence of three evolving neighborhoods, which are mostly tourist friendly.
One is the Fillmore District, a mixed bag that includes two Michelin-starred restaurants and several vacant storefronts, all within a block of the theater.
This was the heart of black San Francisco, author David Talbot has written, “and redevelopment tore it out.”
var gptadslots = [];
var googletag = googletag || {cmd:[]};
googletag.cmd.push(function() {
gptadslots.push(googletag.defineSlot(‘/4011/trb.latimes/news/local’, [[300,250]], ‘div-gpt-ad-5753525-1’).addService(googletag.pubads()));
googletag.pubads().setTargeting(‘ptype’, [‘s’]);
googletag.enableServices();
});
googletag.cmd.push(function() { googletag.display(‘div-gpt-ad-5753525-1’); });
The second neighborhood is Pacific Heights, whose smart shops and trendy restaurants have been creeping south on Fillmore Street toward the auditorium for years.
The third is Japantown, a reconstituted ethnic enclave where two sleek and recently upgraded hotels stand among ramen spots and gift shops.
In other words, dinner nearby and a show at the Fillmore these days can mean almost anything.
Within half a mile of the venue, I had a bacon breakfast at Sweet Maple, a bowl of ramen at Hinodeya, and a small-plates dinner at State Bird Provisions, all great meals.
I shopped at Browser Books and listened to funky jazz in the Boom Boom Room — a gritty, intimate venue on Fillmore Street that holds fewer than 200 people.
I slept in the Kimpton Buchanan, strolled two-thirds of a mile to check out the Victorian painted ladies houses of Alamo Square Park, and wished I’d had another hour to check out the Church of 8 Wheels, formerly a Catholic house of worship turned roller rink.
‘They get the chills’
And, of course, the auditorium itself, part ’60s shrine, part contemporary scene, harbors its own surprises.
In October Golden State Warriors star Steph Curry and his wife, Ayesha, delighted the audience by stepping onstage to sing with folk musician Johnnyswim. (Yes, there’s video.)
Some nights, the headliner is a seasoned veteran: Los Lobos, Lucinda Williams, Willie Nelson or (until his death in 2017) Tom Petty. Other nights, you find up-and-comers such as Ibeyi, whose energy was as boundless at show’s end as it was at the beginning.
“For any young band, when they get to play the Fillmore, and they know who stood on that stage — they get the chills,” McNally had told me just before the show. “It’s still quite meaningful.”
As Lisa-Kaindé Díaz prowled the stage, her Afro flopped wildly. Naomi Díaz busied herself with percussion instruments, including her own body — she’d often stand to slap her thighs and chest and snap her fingers.
The audience was every shade of white, beige and brown, mostly women. There were no guitar solos — no guitarist, for that matter. Behind the twins, a screen displayed trippy video sequences — a far cry from the extended riffing and analog light shows of decades gone by.
The twins closed with “Deathless,” an anthem of resilience, urging the audience to sing along until it seemed everyone on the floor was roaring.
“We are deathless. Whatever happens, we are deathless.”
Then we all filed out, collecting apples and posters as we went.
The Fillmore District
For a jazzier scene in a throwback setting far smaller than the Fillmore, step across Geary Boulevard to the Boom Boom Room at 1601 Fillmore St. Once known for its association with John Lee Hooker, the Boom Boom Room is a long, narrow lounge (no food) with a round booth reserved in case Hooker, who died in 2001, should return.
These days, owner Zander Andreas books “blues, boogie, soul, groove and funk,” usually with a cover charge of $7-$15. I caught a rollicking, organ-driven jazz-funk show by the Wil Blades Starting 5.
The SF Jazz Center (201 Franklin St., San Francisco; [866] 920-5299, www.sfjazz.org), about a mile southwest of the Fillmore, includes the 700-seat Miner Auditorium and the 100-seat Joe Henderson Lab.
Japantown
Just north of Geary Boulevard, a compact, reborn Japantown includes the Japan Center mall, several ramen and sushi spots, the graceful Peace Pagoda and the stylish Kabuki and Kimpton Buchanan hotels.
Pacific Heights
Head north on Fillmore Street from the auditorium and within a few blocks you’ll notice the shops getting fancier, the prices getting higher. This is Pacific Heights. If you keep climbing to Broadway, you’ll be able to see San Francisco Bay from the top of the hill.
Along the way you’ll pass dozens of boutiques and restaurants, including the Grove at 2016 Fillmore (where I had two hearty breakfasts); Jane at 2123 Fillmore (where I waited in a close-quarters line for a good lunch); and Chouquet’s, 2500 Washington St. at Fillmore (where I enjoyed a better lunch, smoked trout salad, at a sidewalk table).
If you go
THE BEST WAY TO SAN FRANCISCO
From LAX, American, Delta, United, Southwest and Alaska offer nonstop and connecting service (change of planes) to San Francisco. Restricted round-trip airfare from $88, including taxes and fees.
WHERE TO SLEEP
Kimpton Buchanan Hotel, 1800 Sutter St., San Francisco; (415) 921-4000. This 131-room lodging was redone in 2015 in Japanese modern style. Doubles from $180, before taxes.
Hotel Kabuki, 1625 Post St., San Francisco; (415) 922-3200. This 225-room lodging fuses Japanese style with pop culture, including a lobby wall of vintage album covers and a large library. Rooms for two typically start at $220, before taxes.
WHERE TO EAT
State Bird Provisions, 1529 Fillmore St., San Francisco; (415) 795-1272. Regional dishes served dim sum style in a thunderously loud dining room. It and and its more casual next-door sibling, the Progress, both got one-star Michelin ratings this year. Small plates $3-$12, most larger dishes $15-$85. Dinner only.
Hinodeya Ramen Bar, 1737 Buchanan St., San Francisco. Try the house ramen, which includes whole wheat noodles, bonito, kombu, scallop, pork, egg, seaweed and green onions. Small plates and side dishes $4-$9. Ramen $14-$15. Lunch and dinner. Closed Tuesdays. No reservations (and no phone number on website).
Sweet Maple, 2101 Sutter St., San Francisco; (415) 655-9169. Breakfast and lunch. Known for its “millionaire’s bacon” (baked with brown sugar, cayenne, red and black peppers). American comfort food with hints of Asian influence. Often a line. Breakfast and lunch. Main dishes $12-$22.
TO LEARN MORE
Fillmore, 1805 Geary Blvd., San Francisco; (415) 346-6000. To buy tickets through Ticketmaster: (800) 745-3000. The box office opens on show nights from the published door time until 10 p.m., and on Sundays from 10 a.m. to 3 p.m. Ordering on line, expect service and order-processing fees to boost your cost above face value by $15 or more per ticket.
San Francisco Visitor Information Center, 900 Market St., San Francisco; (415) 391-2000
christopher.reynolds@latimes.com
Follow Reynolds on Twitter: @MrCSReynolds
/* Render tweets */
var render_tweets = function () {
window.twttr.ready(function(twttr) {
$(‘*[data-tweet-id]’).each(function() {
var formID = $(this).closest(‘figure’)[0];
var _tweet = $(this);
var options = {
conversation: ‘none’,
cards: ‘hidden’
};
if( $(this).hasClass(‘conversation’) ) {
options[‘conversation’] = ‘all’;
}
if( $(this).hasClass(‘card’) ) {
options[‘cards’] = ‘visible’;
}
var tweet_id = $(this).data(‘tweet-id’);
$(this).text(“”);
if (tweet_id){
twttr.widgets.createTweet( tweet_id, formID, {
conversation: options[‘conversation’],
cards: options[‘cards’],
align: ‘center’
}).then(function(el) {
$(‘iframe’).height($(‘iframe’).contents(‘body’).outerHeight());
});
};
});
});
};
render_tweets();
/* Render instagram */
$( ‘.raw-insta’ ).each(function( index ){
var rawInsta = $( this ).text();
var $thisFigure = $( this );
$.ajax({
dataType: “jsonp”,
url: “https://api.instagram.com/oembed/?url=http://instagr.am/p/” + rawInsta
}).done(function(data){
$thisFigure.html( data.html );
}).success(function(data){
window.instgrm.Embeds.process();
});
$( this ).removeClass( ‘raw-insta’ ).text(“”);
});
/* Render brightcove */
$( ‘.raw-brightcove’ ).each(function( index ){
var rawBright = $( this ).text().trim();
var $thisFigure = $( this );
$( this ).removeClass( ‘raw-brightcove’ ).text(“”);
$thisFigure.html(““);
});
brightcove.createExperiences();
/* Render Facebook */
$(‘div.fb-post’).each(function() {
$(this).html(”);
$(this).removeAttr(‘fb-xfbml-state’);
$(this).removeAttr(‘fb-iframe-plugin-query’);
$(this).attr(‘data-width’, $(this).parent().width()-10);
});
/* Make Facebook Responsive */
$( window ).resize(function() {
if($(‘div.fb-post’).length != 0) {
$(‘div.fb-post’).each(function() {
$(this).html(”);
$(this).removeAttr(‘fb-xfbml-state’);
$(this).removeAttr(‘fb-iframe-plugin-query’);
$(this).attr(‘data-width’, $(this).parent().width()-10);
});
if (typeof FB !== ‘undefined’){
FB.XFBML.parse();
}
}
});
/* Remove all elements */
.pb-f-article-body #story .heroic {
display: none;
}
.pb-f-article-body #story div p, .pb-f-article-body #story div h2, .pb-f-article-body #story div h3, .pb-f-article-body #story div ul, .pb-f-article-body #story div ol {
max-width: 792px;
margin: 18px auto;
}
.pb-f-article-body #story div h2, .pb-f-article-body #story div h3 {
margin: 40px auto 25px auto;
}
.pb-f-article-body #story .benton-title, .pb-f-article-body #story h2.question, .pb-f-article-body #story h3.question {
font-family: ‘Benton Gothic Bold’;
line-height: inherit;
}
.pb-f-article-body #story .date-title {
font-family: ‘Benton Gothic Regular’;
margin: 60px auto -20px auto;
text-transform: uppercase;
font-size: 17px;
}
