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>katie stephenson</title> 13 14 15 16<meta name="description" content="Katie Stephenson is a drummer / percussionist / teacher. She is the founding member of well known junk percussion duo Bang On! and a session drummer based in London." /> 17<meta name="keywords" content="Katie Stephenson Drums / Katie Stephenson / Drums / Drummer / Drum teacher / Percussionist / Bang On! / Kingston" /> 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 <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1000862" /> 312 313 314 315 316 317 318 319 320 321 322 323 324 </head> 325 <body id="sys_background"> 326 <div id="border-top"> 327 328 <div class="sys_heading"> 329 <div class="ys_heading"> 330 <h1 style="text-align:left;"><a id="sys_heading" href="./" style="color:#000000;font-size:44px;font-style:normal;font-weight:bold;font-family:Gill Sans MT,sans-serif;text-decoration:none;">Katie Stephenson - Drummer/Percussionist</a></h1> 331 </div> 332 </div> 333 <div class="container"> 334 335 <div class="container2"> 336 <div class="sys_navigation"> 337 <div id="menu" class="ys_nav"> 338 <div class="ys_nav_wrap"> 339 <ul class='sys_navigation'> 340 <li id="ys_menu_0" class="selected first"><a href="./" title="Home">Home</a></li> 341 <li id="ys_menu_1"><a href="about.php" title="About">About</a></li> 342 <li id="ys_menu_2"><a href="gallery.php" title="Photos">Photos</a></li> 343 <li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li> 344 <li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li> 345 <li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li> 346 <li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li> 347 <li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li> 348 <li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li> 349 </ul> 350 351 </div> 352 </div> 353 </div> 354 355 <div class="content_container"> 356 <div class="ys_nav2_wrap"> 357 <div class="sys_navigation ys_nav2"> 358 </div> 359 </div> 360 <div id="content"> 361 <style media="screen"> 362 .layout_1-column { 363 width: 100%; 364 padding: 0; 365 margin: 0; 366 } 367 368 .layout_1-column:after { 369 content: ""; 370 display: table; 371 clear: both; 372 } 373 374 .zone_top { 375 margin: 0; 376 padding: 5px; 377 vertical-align: top; 378 line-height: normal; 379 min-width: 100px; 380 } 381</style> 382 383<div class="layout_1-column sys_layout"> 384 <div id="layout_row1"> 385 <div id="sys_region_1" class="zone_top" ><div id="I206" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I206 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I206:after {content: "";display: table;clear: both;}.column_I206 .left {text-align: left;vertical-align: top;width: 50.78740157480315%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I206 .right {vertical-align: top;width: 49.21259842519685%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I206 column_divider" ><div id="Left_I206" class="left" ><div id="I176" style="display:block;clear: both;text-align:left;margin:0 0 0 0;" class="Image_Default"><style>#I176_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 403px;border:none;max-width: 100%;height: auto;}</style><img id="I176_img" src="resources/DSC05198.JPG.opt389x515o0%2C0s389x515.JPG" /></div></div><div id="Right_I206" class="right" ><div id="I294" style="display:block;clear: both;text-align:left;margin:0 0 0 1rem;" class="Image_Default"><style>#I294_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 348px;border:none;max-width: 100%;height: auto;}</style><img id="I294_img" src="resources/Drum%20kit%20big.jpg.opt348x270o0%2C0s348x270.jpg" /></div><div id="I311" style="display:block;clear: both;text-align:left;margin:10px 0 0 12px;" class="Image_Default"><style>#I311_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 349px;border:none;max-width: 100%;height: auto;}</style><img id="I311_img" src="resources/bONGOS%20SMALL.jpg.opt349x233o0%2C0s349x233.jpg" /></div></div></div></div><div id="I275" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Panel_Default"> 386 <style id='yola-panel-style-I275' type='text/css'> 387 388 div#yola-panel-inner-I275, 389 div#yola-panel-inner-I275 .sys_txt, 390 .content div#yola-panel-inner-I275 p, 391 #content div#yola-panel-inner-I275 p, 392 div#yola-panel-inner-I275 .HTML_Default p, 393 div#yola-panel-inner-I275 .Text_Default p, 394 div#yola-panel-inner-I275 .sys_txt p, 395 div#yola-panel-inner-I275 .sys_txt p a, 396 div#content div#yola-panel-inner-I275 p{ 397 color:#333; 398 } 399 400 div#yola-panel-inner-I275 h1, 401 div#yola-panel-inner-I275 h2, 402 div#yola-panel-inner-I275 h3, 403 div#yola-panel-inner-I275 h4, 404 div#yola-panel-inner-I275 h5, 405 div#yola-panel-inner-I275 h6, 406 div#yola-panel-inner-I275 .sys_txt h1, 407 div#yola-panel-inner-I275 .sys_txt h2, 408 div#yola-panel-inner-I275 .sys_txt h3, 409 div#yola-panel-inner-I275 .sys_txt h4, 410 div#yola-panel-inner-I275 .sys_txt h5, 411 div#yola-panel-inner-I275 .sys_txt h6{ 412 color:#333; 413 } 414 415 div#yola-panel-inner-I275 a, 416 div#yola-panel-inner-I275 .sys_txt a{ 417 color:#2D76B9; 418 } 419 420 div#yola-panel-inner-I275 a:hover, 421 div#yola-panel-inner-I275 .sys_txt a:hover{ 422 color:#2D76B9; 423 } 424 425 426 #yola-panel-I275 { 427 -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; 428 } 429 430 #yola-panel-inner-I275 { 431 -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; 432 } 433 434 #yola-panel-background-I275 { 435 background:#e1e1e1;background:#e1e1e1 -webkit-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1 -khtml-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1 -moz-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1 -ms-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1 -o-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1 linear-gradient(bottom, #e1e1e1 0%, #ffffff 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; 436 } 437 438 439 </style> 440 <div id='yola-panel-I275'> 441 <div 442 id='yola-panel-background-I275' 443 > 444 </div> 445 <div id='yola-panel-inner-I275'> 446 <div id="Panel_I275" style="text-align:left; vertical-align:top; margin:0 auto;" ><div id="I317" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default"> <div style='border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#555555;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div> 447</div><div id="I312" style="display:block;clear: both;" class="Text_Default"> 448 <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="I312_sys_txt" class="sys_txt old_text_widget clear_fix"><p style="text-align: center;"><font class="Apple-style-span" face="Gill Sans MT, sans-serif" size="4"><b>DRUMMER / PERCUSSIONIST / BACKING VOCALIST / TEACHER </b></font></p></div> 449 450 451</div><div id="I314" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default"> <div style='border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#555555;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div> 452</div></div> 453 </div> 454 </div> 455 456 457</div><div id="I5" style="display:block;clear: both;margin:30px 10px 30px 10px;" class="Horizontal_Line_Default"> <div style='border-bottom-width:10px;border-bottom-style:solid;border-bottom-color:#000000;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div> 458</div><div id="I329" style="display:block;clear: both;text-align:center;" class="HTML_Default"> 459 460 <div id="I329_html" class="responsive_embed"><!-- Start of StatCounter Code for Yola -->
461<script type="text/javascript"> 462var sc_project=9841975; 463var sc_invisible=0; 464var sc_security="03159eed"; 465var scJsHost = (("https:" == document.location.protocol) ? 466"https://secure." : "http://www."); 467document.write("<sc"+"ript type='text/javascript' src='" + 468scJsHost+ 469"statcounter.com/counter/counter.js'></"+"script>"); 470</script>
470 471<noscript><div class="statcounter"><a title="free hit 472counters" href="http://statcounter.com/free-hit-counter/" 473target="_blank"><img class="statcounter" 474src="http://c.statcounter.com/9841975/0/03159eed/0/" 475alt="free hit counters"></a></div></noscript> 476<!-- End of StatCounter Code for Yola --> 477</div> 478 479 </div></div> 480 </div> 481</div> 482 </div> 483 </div> 484 485 </div> 486 </div> 487 <div class="clear"></div> 488 <div class="sys_footer"> 489 <div id="menu3" class="footer"> 490 <ul class='sys_navigation'> 491 <li id="ys_menu_0" class="selected first"><a href="./" title="Home">Home</a></li> 492 <li id="ys_menu_1"><a href="about.php" title="About">About</a></li> 493 <li id="ys_menu_2"><a href="gallery.php" title="Photos">Photos</a></li> 494 <li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li> 495 <li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li> 496 <li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li> 497 <li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li> 498 <li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li> 499 <li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li> 500 </ul> 501 502 </div> 503 </div> 504 </div> 505
505<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.3/fastclick.min.js"></script>
vendor: 1 bytes, line 505
505
506<script type="text/javascript"> 507 window.addEventListener("load", function() { 508 FastClick.attach(document.body); 509 }, false); 510</script>
510 511 512
513<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c9351a07de01351be12053454b" data-user="abf699fed9634df5842b84f36f63d5ac" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js"> 514 var _yts = _yts || []; 515 var tracking_tag = document.getElementById('site_analytics_tracking'); 516 _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]); 517 _yts.push(["_userId", tracking_tag.getAttribute('data-user')]); 518 _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]); 519 _yts.push(["_trackPageview"]); 520 (function() { 521 var yts = document.createElement("script"); 522 yts.type = "text/javascript"; 523 yts.async = true; 524 yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url'); 525 (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); 526 })(); 527</script>
527 528 529<!-- Quantcast Tag -->
530<script type="text/javascript"> 531var _qevents = _qevents || []; 532 533(function() { 534var elem = document.createElement('script'); 535elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; 536elem.async = true; 537elem.type = "text/javascript"; 538var scpt = document.getElementsByTagName('script')[0]; 539scpt.parentNode.insertBefore(elem, scpt); 540})(); 541 542 543_qevents.push({ 544qacct:"p-b8x17GqsQ_656" 545}); 546</script>
546 547 548<noscript> 549<div style="display:none;"> 550<img src="//pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" border="0" height="1" width="1" alt="" /> 551</div> 552</noscript> 553<!-- End Quantcast tag --> 554 555 556
556<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>
556 557</body> 558</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.