PageSourceSearch

https://www.katiedrummer.com/gallery.php

html katiedrummer.com collected 2026-10-06 13:15:30 UTC 44,762 bytes, 1,053 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3
4<html xmlns="http://www.w3.org/1999/xhtml">
5    <head>
6        <link href='//fonts.googleapis.com/css?family=Arvo:400,700,700italic,400italic|PT+Sans' rel='stylesheet' type='text/css'>
7        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
8
9
10
11
12<title>Photos</title>
13
14
15
16<meta name="description" content="" />
17<meta name="keywords" content="" />
18
19
20
21  <style type="text/css" id="styleCSS">
22    body{
23    background-color:#efefef;
24    background-image: url(templates/Anri_Look/resources/background1.jpg);
25    background-repeat:repeat;
26    background-position:top left;
27    background-attachment:;
28    margin:0;
29    font-family:Arial,Helvetica,sans-serif;
30    border-top:10px solid #000;
31}
32
33div#border-top{
34    border-top: 5px solid #dddddd;
35    padding:5px 0 0;
36    margin:0;
37}
38
39div.container{
40    width:960px;
41    margin:0 auto;
42    padding:0;
43}
44
45div.sys_heading{
46    width:960px;
47    height:100%;
48    margin:0 auto;
49    padding:5px 0;
50}
51
52div.ys_heading{
53    height:100%;
54    padding:1px 0;
55    margin:0;
56}
57
58div.ys_heading h1{
59    text-decoration:none;
60    padding:5px 0;
61}
62
63div.ys_heading h1 a{
64    color:#000;
65    text-decoration: none;
66    font-weight: normal;
67    padding:0 0 5px 0;
68    font-family: 'Arvo', serif;
69}
70
71div.container2{
72    width:960px;
73    position: relative;
74    height:100%;
75}
76
77div.sys_navigation{
78    float:left;
79    width:150px;
80    height:100%;
81    font-weight:normal;
82}
83
84
85div.ys_nav ul{
86    list-style:none;
87    margin:0;
88    padding:0 5px;
89    voice-family: "\"}\"";
90    voice-family:inherit;
91    font-family: 'Arvo', serif;
92}
93
94div.ys_nav ul li{
95    font-size: 14px;
96    padding:5px 20px 5px 0;
97}
98
99div.ys_nav ul li a{
100    color:#555;
101    padding:0;
102    text-decoration:none;
103}
104
105div.ys_nav ul li a:hover{
106    color:#111;
107}
108
109div.ys_nav ul li.selected a{
110    color:#111;
111}
112
113div.content_container{
114    width:810px;
115    background-color: #fff;
116    min-height: 200px;
117    -webkit-box-shadow: 0 0 10px 1px #BBBBBB;
118     -khtml-box-shadow: 0 0 10px 1px #BBBBBB;
119       -moz-box-shadow: 0 0 10px 1px #BBBBBB;
120        -ms-box-shadow: 0 0 10px 1px #BBBBBB;
121         -o-box-shadow: 0 0 10px 1px #BBBBBB;
122            box-shadow: 0 0 10px 1px #BBBBBB;
123    border-top:5px solid #000;
124    float:right;
125}
126
127/* SUbmenu ---
128
129div.ys_nav2_wrap{
130    font-family: 'Arvo', serif;
131
132}
133
134div.ys_nav2{
135    width:810px;
136    height:100%;
137    border-top: 5px solid #dddddd;
138    position:relative;
139    font-weight: normal;
140
141}
142
143div.ys_secondary_nav ul{
144    margin:0;
145    padding:10px 10px 0;
146    voice-family: "\"}\"";
147    voice-family:inherit;
148    list-style:none;
149    font-size: 12px;
150    background-color:#;
151}
152
153div.ys_secondary_nav ul li{
154    display:inline;
155}
156
157div.ys_secondary_nav ul li a{
158    color:#555;
159    display:inline-block;
160    padding:8px 11px 8px 11px;
161    text-decoration:none;
162}
163
164div.ys_secondary_nav ul li.selected a{
165    color:#111;
166}
167
168div.ys_secondary_nav ul li a:hover{
169    color:#111;
170}
171
172---*/
173
174div#content{
175    clear:both;
176    padding:10px 15px;
177}
178
179div.clear{
180    clear: both;
181    height: 10px;
182}
183
184div.sys_footer{
185    margin-top:20px;
186    width:100%;
187    background-color: #000;
188    border-top:5px solid #dddddd;
189    text-align:center;
190}
191
192div.footer{
193    width:960px;
194    margin: 0 auto;
195}
196
197
198div#menu3 ul{
199    margin-bottom:0;
200    margin-left:150px;
201    width:790px;
202    padding:10px;
203    voice-family: "\"}\"";
204    voice-family:inherit;
205    list-style:none;
206    font-size: 12px;
207}
208
209div#menu3 ul li{
210    display:inline;
211}
212
213div#menu3 ul li a{
214    color:#fff;
215    display:inline-block;
216    padding:8px 11px 8px 11px;
217    text-decoration:none;
218    font-family: 'PT Sans', sans-serif;
219}
220
221div#menu3 ul li.selected a{
222    color:#fff;
223    text-decoration: underline;
224}
225
226div#menu3 ul li a:hover{
227    color:#fff;
228    text-decoration: underline;
229}
230
231
232/* Variables - only edit these */
233
234
235
236
237
238body{
239    font-family:'PT Sans', sans-serif;
240    font-size:12px;
241    color:#222;
242}
243
244a{
245    color:#555;
246    text-decoration:underline;
247}
248
249a:hover{
250    text-decoration:none;
251    color:#555
252}
253
254a img{border:none;}
255
256p{
257    margin: 0;
258    padding: 5px 0;
259}
260
261h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #555;}
262h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: #555;}
263h1, h2, h3, h4, h5, h6{
264    color: #555;
265    margin: 5px 0;
266    padding: 10px 0;
267    font-family: Arvo, serif;
268    font-weight: normal;
269}
270
271h1{font-size: 200%;}
272h2{font-size: 180%;}
273h3{font-size: 160%;}
274h4{font-size: 140%;}
275h5{font-size: 130%;}
276h6{font-size: 100%;}
277  </style>
278
279
280<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
280
281
282
283  <style id="yola-css-fonts-overrides" type="text/css">
284    @import url('//fonts.googleapis.com/css?family=Open+Sans|Gentium+Book+Basic');.sys_navigation, #sys_heading, div#heading_wrapper a, div#menu ul, H1, H2, H3, H4, H5, H6, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content_wrapper #content_inner_wrapper h1, #content_wrapper #content_inner_wrapper h2, #content_wrapper #content_inner_wrapper h3, #content_wrapper #content_inner_wrapper h4, #headline_wrapper a,div#menu ul li a, a#sys_heading, .decay, .decay-small, .ys_menu_2  {font-family: Open Sans;}.content, #content, .HTML_Default, .Text_Default, .sys_txt  {font-family: Gentium Book Basic;}
285  </style>
286
287
288
289<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 289
289
290<script type="text/javascript">window.jQuery || document.write('
290<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
290
291<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1000862" />
292<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1000862"></script>
292
293<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1000862" />
294
295<script type="text/javascript">
296  var swRegisterManager = {
297    goals: [],
298    add: function(swGoalRegister) {
299      this.goals.push(swGoalRegister);
300    },
301    registerGoals: function() {
302      while(this.goals.length) {
303        this.goals.shift().call();
304      }
305    }
306  };
307
308  window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager);
309</script>
309
310
311  
312  
313  <link rel="stylesheet" type="text/css" href="classes/components/Gallery/layouts/Default/Default.css?1000862" />
314  
315  
316  
317  
318  
319
320    </head>
321    <body id="sys_background">
322        <div id="border-top">
323
324            <div class="sys_heading">
325                <div class="ys_heading">
326                    <h1 style="text-align:left;"><a id="sys_heading" href="./" style="color:#000000;font-size:50px;font-style:normal;font-weight:normal;text-decoration:none;">PHOTOS</a></h1>
327                </div>
328            </div>
329            <div class="container">
330
331                <div class="container2">
332                    <div class="sys_navigation">
333                        <div id="menu" class="ys_nav">
334                            <div class="ys_nav_wrap">
335                                <ul class='sys_navigation'>
336			<li id="ys_menu_0" class="first"><a href="./" title="Home">Home</a></li>
337			<li id="ys_menu_1"><a href="about.php" title="About">About</a></li>
338			<li id="ys_menu_2" class="selected"><a href="gallery.php" title="Photos">Photos</a></li>
339			<li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li>
340			<li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li>
341			<li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li>
342			<li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li>
343			<li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li>
344			<li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li>
345			</ul>
346
347                            </div>
348                        </div>
349                    </div>
350
351                    <div class="content_container">
352                        <div class="ys_nav2_wrap">
353                            <div class="sys_navigation ys_nav2">
354                                                            </div>
355                        </div>
356                        <div id="content">
357                            <style media="screen">
358  .layout_1-column {
359    width: 100%;
360    padding: 0;
361    margin: 0;
362  }
363
364  .layout_1-column:after {
365    content: "";
366    display: table;
367    clear: both;
368  }
369
370  .zone_top {
371    margin: 0;
372    padding: 5px;
373    vertical-align: top;
374    line-height: normal;
375    min-width: 100px;
376  }
377</style>
378
379<div class="layout_1-column sys_layout">
380    <div id="layout_row1">
381        <div id="sys_region_1" class="zone_top" ><div id="I104" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Panel_Default">
382    <style id='yola-panel-style-I104' type='text/css'>
383
384                div#yola-panel-inner-I104,
385        div#yola-panel-inner-I104 .sys_txt,
386        .content div#yola-panel-inner-I104 p,
387        #content div#yola-panel-inner-I104 p,
388        div#yola-panel-inner-I104 .HTML_Default p,
389        div#yola-panel-inner-I104 .Text_Default p,
390        div#yola-panel-inner-I104 .sys_txt p,
391        div#yola-panel-inner-I104 .sys_txt p a,
392        div#content div#yola-panel-inner-I104 p{
393            color:#fff;
394        }
395        
396                div#yola-panel-inner-I104 h1,
397        div#yola-panel-inner-I104 h2,
398        div#yola-panel-inner-I104 h3,
399        div#yola-panel-inner-I104 h4,
400        div#yola-panel-inner-I104 h5,
401        div#yola-panel-inner-I104 h6,
402        div#yola-panel-inner-I104 .sys_txt h1,
403        div#yola-panel-inner-I104 .sys_txt h2,
404        div#yola-panel-inner-I104 .sys_txt h3,
405        div#yola-panel-inner-I104 .sys_txt h4,
406        div#yola-panel-inner-I104 .sys_txt h5,
407        div#yola-panel-inner-I104 .sys_txt h6{
408            color:#eee;
409        }
410        
411                div#yola-panel-inner-I104 a,
412        div#yola-panel-inner-I104 .sys_txt a{
413            color:#7fb9ed;
414        }
415        
416                div#yola-panel-inner-I104 a:hover,
417        div#yola-panel-inner-I104 .sys_txt a:hover{
418            color:#7fb9ed;
419        }
420        
421        
422        #yola-panel-I104 {
423            -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5);box-shadow:0 1px 2px rgba(0, 0, 0, .5);min-height: 0;position:relative;
424        }
425
426        #yola-panel-inner-I104 {
427            padding:20px 20px 20px 20px;position:relative;
428        }
429
430                    #yola-panel-background-I104 {
431                                    background:#000000;background:#000000 -webkit-linear-gradient(top, #000000 0%, #333333 100%);background:#000000  -khtml-linear-gradient(top, #000000 0%, #333333 100%);background:#000000    -moz-linear-gradient(top, #000000 0%, #333333 100%);background:#000000     -ms-linear-gradient(top, #000000 0%, #333333 100%);background:#000000      -o-linear-gradient(top, #000000 0%, #333333 100%);background:#000000         linear-gradient(top, #000000 0%, #333333 100%);background-position:top left;background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none;
432                            }
433        
434        
435            </style>
436    <div id='yola-panel-I104'>
437                    <div
438                id='yola-panel-background-I104'
439                            >
440                                            </div>
441                <div id='yola-panel-inner-I104'>
442            <div id="Panel_I104" style="text-align:left; vertical-align:top; margin:0 auto;" ><div id="I270" style="display:block;clear: both;" class="Text_Default">
443    <style>.old_text_widget img {max-width: 100%;height: auto;}.old_text_wdiget {margin: 0;padding: 0;overflow: hidden;color: ;font: ;background-color: ;}</style><div id="I270_sys_txt" class="sys_txt old_text_widget clear_fix"><p><font class="Apple-style-span" size="4" face="Gill Sans MT, sans-serif">&nbsp;Drum Kit / Percussion Photos&nbsp;</font></p></div>
444
445
446</div><div id="I105" style="display:block;clear: both;" class="Gallery_Default"><div class="yola_gallery_widget" style="padding:10px;text-align:center;">
447
448    
449        <link href="classes/components/Gallery/resources/lightbox2/css/lightbox.css" rel="stylesheet" />
450
451    
452    <div class='polaroid'>
453
454        
455            
456                <span class='item portrait'>
457                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/KT%20kit.jpg' data-title=''>
458                                                    <span class='image' style='background-image:url(resources/KT%20kit.jpg.opt100x100o0%2C-25s100x150.jpg);'></span>
459                                            </a>
460                </span>
461
462            
463                <span class='item landscape'>
464                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/Drum%20kit%20big.jpg' data-title=''>
465                                                    <span class='image' style='background-image:url(resources/Drum%20kit%20big.jpg.opt100x100o-14%2C0s129x100.jpg);'></span>
466                                            </a>
467                </span>
468
469            
470                <span class='item landscape'>
471                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/bONGOS%20SMALL.jpg' data-title=''>
472                                                    <span class='image' style='background-image:url(resources/bONGOS%20SMALL.jpg.opt100x100o-25%2C0s150x100.jpg);'></span>
473                                            </a>
474                </span>
475
476            
477                <span class='item portrait'>
478                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/Katie%20Bongos.jpg' data-title=''>
479                                                    <span class='image' style='background-image:url(resources/Katie%20Bongos.jpg.opt100x100o0%2C-25s100x150.jpg);'></span>
480                                            </a>
481                </span>
482
483            
484                <span class='item landscape'>
485                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/Dermot%20and%20me.jpg' data-title='Performing live on the National Television Awards on ITV with Dermot O&#039;Leary'>
486                                                    <span class='image' style='background-image:url(resources/Dermot%20and%20me.jpg.opt100x100o-38%2C0s177x100.jpg);'></span>
487                                            </a>
488                </span>
489
490            
491                <span class='item portrait'>
492                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/NTA%27s.jpg' data-title='National Television Awards live on ITV'>
493                                                    <span class='image' style='background-image:url(resources/NTA%27s.jpg.opt100x100o0%2C-16s100x133.jpg);'></span>
494                                            </a>
495                </span>
496
497            
498                <span class='item landscape'>
499                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/KT%20GIG.jpg' data-title=''>
500                                                    <span class='image' style='background-image:url(resources/KT%20GIG.jpg.opt100x100o-25%2C0s150x100.jpg);'></span>
501                                            </a>
502                </span>
503
504            
505                <span class='item landscape'>
506                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/KT%20Kit.jpg' data-title='Recording session with Liz Williams'>
507                                                    <span class='image' style='background-image:url(resources/KT%20Kit.jpg.opt100x100o0%2C0s100x100.jpg);'></span>
508                                            </a>
509                </span>
510
511            
512                <span class='item landscape'>
513                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/AMAZING%21%21%21%21%21.jpg' data-title='Olympic Opening Ceremony'>
514                                                    <span class='image' style='background-image:url(resources/AMAZING%21%21%21%21%21.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
515                                            </a>
516                </span>
517
518            
519                <span class='item landscape'>
520                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/On%20tv.jpg' data-title='Me behind Team GB in the Athletes Parade'>
521                                                    <span class='image' style='background-image:url(resources/On%20tv.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
522                                            </a>
523                </span>
524
525            
526                <span class='item landscape'>
527                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/200%20Drummers%203.jpg' data-title='Survivor at the Barbican'>
528                                                    <span class='image' style='background-image:url(resources/200%20Drummers%203.jpg.opt100x100o-24%2C0s149x100.jpg);'></span>
529                                            </a>
530                </span>
531
532            
533                <span class='item portrait'>
534                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/DSCF0115.JPG' data-title='Festival gig'>
535                                                    <span class='image' style='background-image:url(resources/DSCF0115.JPG.opt100x100o0%2C-2s100x105.JPG);'></span>
536                                            </a>
537                </span>
538
539            
540                <span class='item landscape'>
541                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/band%20pic%20blue.JPG' data-title='Toli Nameless gig'>
542                                                    <span class='image' style='background-image:url(resources/band%20pic%20blue.JPG.opt100x100o-16%2C0s133x100.JPG);'></span>
543                                            </a>
544                </span>
545
546            
547                <span class='item portrait'>
548                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/DSC05198.JPG' data-title='Toli Nameless photo session'>
549                                                    <span class='image' style='background-image:url(resources/DSC05198.JPG.opt100x100o0%2C-16s100x133.JPG);'></span>
550                                            </a>
551                </span>
552
553            
554                <span class='item portrait'>
555                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/DSC_0117.jpg' data-title='Minus One gig at The Water Rats'>
556                                                    <span class='image' style='background-image:url(resources/DSC_0117.jpg.opt100x100o0%2C-25s100x150.jpg);'></span>
557                                            </a>
558                </span>
559
560            
561                <span class='item landscape'>
562                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/DSC_0107.JPG' data-title='Minus One gig at The Water Rats'>
563                                                    <span class='image' style='background-image:url(resources/DSC_0107.JPG.opt100x100o-25%2C0s150x100.JPG);'></span>
564                                            </a>
565                </span>
566
567            
568                <span class='item landscape'>
569                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/DSC_0043.JPG' data-title='Minus One gig at the Water Rats'>
570                                                    <span class='image' style='background-image:url(resources/DSC_0043.JPG.opt100x100o-25%2C0s150x100.JPG);'></span>
571                                            </a>
572                </span>
573
574            
575                <span class='item landscape'>
576                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/P1010337.JPG' data-title='Passing Clouds gig with Toli Nameless'>
577                                                    <span class='image' style='background-image:url(resources/P1010337.JPG.opt100x100o-16%2C0s133x100.JPG);'></span>
578                                            </a>
579                </span>
580
581            
582                <span class='item landscape'>
583                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/Photo%2025.jpg' data-title=''>
584                                                    <span class='image' style='background-image:url(resources/Photo%2025.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
585                                            </a>
586                </span>
587
588            
589                <span class='item landscape'>
590                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/Me%20and%20the%20allstars.jpg' data-title='Me with Jason Bowld, Stanton Moore and Geoff Dugmore.'>
591                                                    <span class='image' style='background-image:url(resources/Me%20and%20the%20allstars.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
592                                            </a>
593                </span>
594
595            
596                <span class='item landscape'>
597                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/Cabtastic.jpg' data-title='Performing in a cab on live internet tv'>
598                                                    <span class='image' style='background-image:url(resources/Cabtastic.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
599                                            </a>
600                </span>
601
602            
603                <span class='item landscape'>
604                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/IMG_6447.JPG' data-title='Performing at Songwriters in East London'>
605                                                    <span class='image' style='background-image:url(resources/IMG_6447.JPG.opt100x100o-25%2C0s150x100.JPG);'></span>
606                                            </a>
607                </span>
608
609            
610                <span class='item landscape'>
611                    <a class='backing' data-lightbox='lightbox[gallery_widget_I105]' href='resources/drummers%20with%20Robyn.jpg' data-title='Robyn and her drummers'>
612                                                    <span class='image' style='background-image:url(resources/drummers%20with%20Robyn.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
613                                            </a>
614                </span>
615
616            
617        
618    </div>
619
620    
621        
621<script src="classes/components/Gallery/resources/lightbox2/js/lightbox.js"></script>
621
622
623        
624
625    
626</div></div></div>
627        </div>
628    </div>
629
630        
631</div><div id="I265" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Panel_Default">
632    <style id='yola-panel-style-I265' type='text/css'>
633
634                div#yola-panel-inner-I265,
635        div#yola-panel-inner-I265 .sys_txt,
636        .content div#yola-panel-inner-I265 p,
637        #content div#yola-panel-inner-I265 p,
638        div#yola-panel-inner-I265 .HTML_Default p,
639        div#yola-panel-inner-I265 .Text_Default p,
640        div#yola-panel-inner-I265 .sys_txt p,
641        div#yola-panel-inner-I265 .sys_txt p a,
642        div#content div#yola-panel-inner-I265 p{
643            color:#fff;
644        }
645        
646                div#yola-panel-inner-I265 h1,
647        div#yola-panel-inner-I265 h2,
648        div#yola-panel-inner-I265 h3,
649        div#yola-panel-inner-I265 h4,
650        div#yola-panel-inner-I265 h5,
651        div#yola-panel-inner-I265 h6,
652        div#yola-panel-inner-I265 .sys_txt h1,
653        div#yola-panel-inner-I265 .sys_txt h2,
654        div#yola-panel-inner-I265 .sys_txt h3,
655        div#yola-panel-inner-I265 .sys_txt h4,
656        div#yola-panel-inner-I265 .sys_txt h5,
657        div#yola-panel-inner-I265 .sys_txt h6{
658            color:#eee;
659        }
660        
661                div#yola-panel-inner-I265 a,
662        div#yola-panel-inner-I265 .sys_txt a{
663            color:#7fb9ed;
664        }
665        
666                div#yola-panel-inner-I265 a:hover,
667        div#yola-panel-inner-I265 .sys_txt a:hover{
668            color:#7fb9ed;
669        }
670        
671        
672        #yola-panel-I265 {
673            -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5);box-shadow:0 1px 2px rgba(0, 0, 0, .5);min-height: 0;position:relative;
674        }
675
676        #yola-panel-inner-I265 {
677            padding:20px 20px 20px 20px;position:relative;
678        }
679
680                    #yola-panel-background-I265 {
681                                    background:#272727;background:#272727 -webkit-linear-gradient(top, #272727 0%, #555 100%);background:#272727  -khtml-linear-gradient(top, #272727 0%, #555 100%);background:#272727    -moz-linear-gradient(top, #272727 0%, #555 100%);background:#272727     -ms-linear-gradient(top, #272727 0%, #555 100%);background:#272727      -o-linear-gradient(top, #272727 0%, #555 100%);background:#272727         linear-gradient(top, #272727 0%, #555 100%);background-position:top left;background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none;
682                            }
683        
684        
685            </style>
686    <div id='yola-panel-I265'>
687                    <div
688                id='yola-panel-background-I265'
689                            >
690                                            </div>
691                <div id='yola-panel-inner-I265'>
692            <div id="Panel_I265" style="text-align:left; vertical-align:top; margin:0 auto;" ><div id="I271" style="display:block;clear: both;" class="Text_Default">
693    <style>.old_text_widget img {max-width: 100%;height: auto;}.old_text_wdiget {margin: 0;padding: 0;overflow: hidden;color: ;font: ;background-color: ;}</style><div id="I271_sys_txt" class="sys_txt old_text_widget clear_fix"><p><font class="Apple-style-span" size="4" face="Gill Sans MT, sans-serif">Bang On! photos&nbsp;</font></p></div>
694
695
696</div><div id="I266" style="display:block;clear: both;" class="Gallery_Default"><div class="yola_gallery_widget" style="padding:10px;text-align:center;">
697
698    
699        <link href="classes/components/Gallery/resources/lightbox2/css/lightbox.css" rel="stylesheet" />
700
701    
702    <div class='polaroid'>
703
704        
705            
706                <span class='item portrait'>
707                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/m1.jpg' data-title=''>
708                                                    <span class='image' style='background-image:url(resources/m1.jpg.opt100x100o0%2C-25s100x150.jpg);'></span>
709                                            </a>
710                </span>
711
712            
713                <span class='item landscape'>
714                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/m3.jpg' data-title=''>
715                                                    <span class='image' style='background-image:url(resources/m3.jpg.opt100x100o-25%2C0s150x100.jpg);'></span>
716                                            </a>
717                </span>
718
719            
720                <span class='item landscape'>
721                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/_IGP1247-wip-proof.jpg' data-title=''>
722                                                    <span class='image' style='background-image:url(resources/_IGP1247-wip-proof.jpg.opt100x100o-23%2C0s146x100.jpg);'></span>
723                                            </a>
724                </span>
725
726            
727                <span class='item portrait'>
728                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/_IGP1120-proof-2A.jpg' data-title=''>
729                                                    <span class='image' style='background-image:url(resources/_IGP1120-proof-2A.jpg.opt100x100o0%2C-10s100x121.jpg);'></span>
730                                            </a>
731                </span>
732
733            
734                <span class='item landscape'>
735                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/093.jpg' data-title=''>
736                                                    <span class='image' style='background-image:url(resources/093.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
737                                            </a>
738                </span>
739
740            
741                <span class='item landscape'>
742                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/%27ang%20on%21.JPG' data-title=''>
743                                                    <span class='image' style='background-image:url(resources/%27ang%20on%21.JPG.opt100x100o-16%2C0s133x100.JPG);'></span>
744                                            </a>
745                </span>
746
747            
748                <span class='item portrait'>
749                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/096.jpg' data-title=''>
750                                                    <span class='image' style='background-image:url(resources/096.jpg.opt100x100o0%2C-23s100x146.jpg);'></span>
751                                            </a>
752                </span>
753
754            
755                <span class='item landscape'>
756                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/151_5131.jpg' data-title=''>
757                                                    <span class='image' style='background-image:url(resources/151_5131.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
758                                            </a>
759                </span>
760
761            
762                <span class='item portrait'>
763                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/151_5178.JPG' data-title=''>
764                                                    <span class='image' style='background-image:url(resources/151_5178.JPG.opt100x100o0%2C-16s100x133.JPG);'></span>
765                                            </a>
766                </span>
767
768            
769                <span class='item landscape'>
770                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/BGT.jpg' data-title=''>
771                                                    <span class='image' style='background-image:url(resources/BGT.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
772                                            </a>
773                </span>
774
775            
776                <span class='item landscape'>
777                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/bgt1a.jpg' data-title=''>
778                                                    <span class='image' style='background-image:url(resources/bgt1a.jpg.opt100x100o-39%2C0s179x100.jpg);'></span>
779                                            </a>
780                </span>
781
782            
783                <span class='item landscape'>
784                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/bgt2a.jpg' data-title=''>
785                                                    <span class='image' style='background-image:url(resources/bgt2a.jpg.opt100x100o-39%2C0s178x100.jpg);'></span>
786                                            </a>
787                </span>
788
789            
790                <span class='item portrait'>
791                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/bgt3a_2.jpg' data-title=''>
792                                                    <span class='image' style='background-image:url(resources/bgt3a_2.jpg.opt100x100o0%2C-10s100x121.jpg);'></span>
793                                            </a>
794                </span>
795
796            
797                <span class='item portrait'>
798                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/blur.jpg' data-title=''>
799                                                    <span class='image' style='background-image:url(resources/blur.jpg.opt100x100o0%2C-25s100x150.jpg);'></span>
800                                            </a>
801                </span>
802
803            
804                <span class='item landscape'>
805                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/bunny.jpg' data-title=''>
806                                                    <span class='image' style='background-image:url(resources/bunny.jpg.opt100x100o-26%2C0s153x100.jpg);'></span>
807                                            </a>
808                </span>
809
810            
811                <span class='item portrait'>
812                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/DSCF1355.JPG' data-title=''>
813                                                    <span class='image' style='background-image:url(resources/DSCF1355.JPG.opt100x100o0%2C-16s100x133.JPG);'></span>
814                                            </a>
815                </span>
816
817            
818                <span class='item portrait'>
819                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/herald.jpg' data-title=''>
820                                                    <span class='image' style='background-image:url(resources/herald.jpg.opt100x100o0%2C-31s100x163.jpg);'></span>
821                                            </a>
822                </span>
823
824            
825                <span class='item landscape'>
826                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/Planet%20Angel.jpg' data-title=''>
827                                                    <span class='image' style='background-image:url(resources/Planet%20Angel.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
828                                            </a>
829                </span>
830
831            
832                <span class='item landscape'>
833                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/SAM_0947.JPG' data-title=''>
834                                                    <span class='image' style='background-image:url(resources/SAM_0947.JPG.opt100x100o-16%2C0s133x100.JPG);'></span>
835                                            </a>
836                </span>
837
838            
839                <span class='item portrait'>
840                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/Taiwan%20me%202.jpg' data-title=''>
841                                                    <span class='image' style='background-image:url(resources/Taiwan%20me%202.jpg.opt100x100o0%2C-25s100x150.jpg);'></span>
842                                            </a>
843                </span>
844
845            
846                <span class='item landscape'>
847                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/taiwan2.jpg' data-title=''>
848                                                    <span class='image' style='background-image:url(resources/taiwan2.jpg.opt100x100o-25%2C0s150x100.jpg);'></span>
849                                            </a>
850                </span>
851
852            
853                <span class='item portrait'>
854                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/_IGP1095-proof.jpg' data-title=''>
855                                                    <span class='image' style='background-image:url(resources/_IGP1095-proof.jpg.opt100x100o0%2C-38s100x177.jpg);'></span>
856                                            </a>
857                </span>
858
859            
860                <span class='item portrait'>
861                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/_IGP1208-2-wip-proof_2.jpg' data-title=''>
862                                                    <span class='image' style='background-image:url(resources/_IGP1208-2-wip-proof_2.jpg.opt100x100o0%2C-55s100x211.jpg);'></span>
863                                            </a>
864                </span>
865
866            
867                <span class='item landscape'>
868                    <a class='backing' data-lightbox='lightbox[gallery_widget_I266]' href='resources/The%20Flame.jpg' data-title=''>
869                                                    <span class='image' style='background-image:url(resources/The%20Flame.jpg.opt100x100o-16%2C0s133x100.jpg);'></span>
870                                            </a>
871                </span>
872
873            
874        
875    </div>
876
877    
878        
878<script src="classes/components/Gallery/resources/lightbox2/js/lightbox.js"></script>
878
879
880        
881
882    
883</div></div></div>
884        </div>
885    </div>
886
887        
888</div><div id="I111" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Panel_Default">
889    <style id='yola-panel-style-I111' type='text/css'>
890
891                div#yola-panel-inner-I111,
892        div#yola-panel-inner-I111 .sys_txt,
893        .content div#yola-panel-inner-I111 p,
894        #content div#yola-panel-inner-I111 p,
895        div#yola-panel-inner-I111 .HTML_Default p,
896        div#yola-panel-inner-I111 .Text_Default p,
897        div#yola-panel-inner-I111 .sys_txt p,
898        div#yola-panel-inner-I111 .sys_txt p a,
899        div#content div#yola-panel-inner-I111 p{
900            color:#fff;
901        }
902        
903                div#yola-panel-inner-I111 h1,
904        div#yola-panel-inner-I111 h2,
905        div#yola-panel-inner-I111 h3,
906        div#yola-panel-inner-I111 h4,
907        div#yola-panel-inner-I111 h5,
908        div#yola-panel-inner-I111 h6,
909        div#yola-panel-inner-I111 .sys_txt h1,
910        div#yola-panel-inner-I111 .sys_txt h2,
911        div#yola-panel-inner-I111 .sys_txt h3,
912        div#yola-panel-inner-I111 .sys_txt h4,
913        div#yola-panel-inner-I111 .sys_txt h5,
914        div#yola-panel-inner-I111 .sys_txt h6{
915            color:#eee;
916        }
917        
918                div#yola-panel-inner-I111 a,
919        div#yola-panel-inner-I111 .sys_txt a{
920            color:#7fb9ed;
921        }
922        
923                div#yola-panel-inner-I111 a:hover,
924        div#yola-panel-inner-I111 .sys_txt a:hover{
925            color:#7fb9ed;
926        }
927        
928        
929        #yola-panel-I111 {
930            -webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5);box-shadow:0 1px 2px rgba(0, 0, 0, .5);min-height: 0;position:relative;
931        }
932
933        #yola-panel-inner-I111 {
934            -webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;padding:20px 20px 20px 20px;position:relative;
935        }
936
937                    #yola-panel-background-I111 {
938                                    background:#000000;background:#000000 -webkit-linear-gradient(top, #000000 0%, #333333 100%);background:#000000  -khtml-linear-gradient(top, #000000 0%, #333333 100%);background:#000000    -moz-linear-gradient(top, #000000 0%, #333333 100%);background:#000000     -ms-linear-gradient(top, #000000 0%, #333333 100%);background:#000000      -o-linear-gradient(top, #000000 0%, #333333 100%);background:#000000         linear-gradient(top, #000000 0%, #333333 100%);-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;background-position:top left;background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none;
939                            }
940        
941        
942            </style>
943    <div id='yola-panel-I111'>
944                    <div
945                id='yola-panel-background-I111'
946                            >
947                                            </div>
948                <div id='yola-panel-inner-I111'>
949            <div id="Panel_I111" style="text-align:left; vertical-align:top; margin:0 auto;" >&nbsp;</div>
950        </div>
951    </div>
952
953        
954</div><div id="I331" style="display:block;clear: both;text-align:center;" class="HTML_Default">
955    
956        <div id="I331_html" class="responsive_embed"><!-- Start of StatCounter Code for Yola -->
957<script type="text/javascript">
958var sc_project=9841975; 
959var sc_invisible=0; 
960var sc_security="03159eed"; 
961var scJsHost = (("https:" == document.location.protocol) ?
962"https://secure." : "http://www.");
963document.write("<sc"+"ript type='text/javascript' src='" +
964scJsHost+
965"statcounter.com/counter/counter.js'></"+"script>");
966</script>
966
967<noscript><div class="statcounter"><a title="free hit
968counters" href="http://statcounter.com/free-hit-counter/"
969target="_blank"><img class="statcounter"
970src="http://c.statcounter.com/9841975/0/03159eed/0/"
971alt="free hit counters"></a></div></noscript>
972<!-- End of StatCounter Code for Yola --></div>
973
974    </div></div>
975    </div>
976</div>
977                        </div>
978                    </div>
979
980                </div>
981            </div>
982            <div class="clear"></div>
983            <div class="sys_footer">
984                <div id="menu3" class="footer">
985                   <ul class='sys_navigation'>
986			<li id="ys_menu_0" class="first"><a href="./" title="Home">Home</a></li>
987			<li id="ys_menu_1"><a href="about.php" title="About">About</a></li>
988			<li id="ys_menu_2" class="selected"><a href="gallery.php" title="Photos">Photos</a></li>
989			<li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li>
990			<li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li>
991			<li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li>
992			<li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li>
993			<li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li>
994			<li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li>
995			</ul>
996
997                </div>
998            </div>
999        </div>
1000        
1000<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.3/fastclick.min.js"></script>
vendor: 1 bytes, line 1000
1000
1001<script type="text/javascript">
1002  window.addEventListener("load", function() {
1003    FastClick.attach(document.body);
1004  }, false);
1005</script>
1005
1006
1007
1008<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c9351a07de01351be12053454b" data-user="abf699fed9634df5842b84f36f63d5ac" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js">
1009  var _yts = _yts || [];
1010  var tracking_tag = document.getElementById('site_analytics_tracking');
1011  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
1012  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
1013  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
1014  _yts.push(["_trackPageview"]);
1015  (function() {
1016    var yts = document.createElement("script");
1017    yts.type = "text/javascript";
1018    yts.async = true;
1019    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
1020    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
1021  })();
1022</script>
1022
1023
1024<!-- Quantcast Tag -->
1025<script type="text/javascript">
1026var _qevents = _qevents || [];
1027
1028(function() {
1029var elem = document.createElement('script');
1030elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
1031elem.async = true;
1032elem.type = "text/javascript";
1033var scpt = document.getElementsByTagName('script')[0];
1034scpt.parentNode.insertBefore(elem, scpt);
1035})();
1036
1037
1038_qevents.push({
1039qacct:"p-b8x17GqsQ_656"
1040});
1041</script>
1041
1042
1043<noscript>
1044<div style="display:none;">
1045<img src="//pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" border="0" height="1" width="1" alt="" />
1046</div>
1047</noscript>
1048<!-- End Quantcast tag -->
1049
1050
1051    
1051<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"255a95d197744d579a89fb8843a41d62","r":1,"spa":2}' crossorigin="anonymous"></script>
1051
1052</body>
1053</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.