<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dubstep / mp3s and music from the best music blogs</title>
<meta name="description" content="Listen to Dubstep songs, find tour dates and read music blogs about Dubstep" />
<meta property="fb:app_id" content="149376585092829"/>
<meta name="verify-v1" content="qwbaObdzdZWrdu9G4KvAUGD+eLPZj38HYoLP/rhlBYo=" />
<link rel="canonical" href="/search/dubstep" /><link rel="icon" href="http://static-ak.hypem.net/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://static-ak.hypem.net/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" media="screen" href="http://static-ak.hypem.net/rev_1306363702/css/stylish.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="http://static-ak.hypem.net/rev_1291778387/css/ie6.css" />
<script src="/js/dropdown.js" type="text/javascript"></script>
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<!-- Cant do an IE8 stylesheet because we're in IE7 mode, don't forget -->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="http://static-ak.hypem.net/rev_1292557908/css/ie7.css" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://hypem.com/feed/search/dubstep/1/feed.xml" />
<link rel="search" type="application/opensearchdescription+xml" href="/hypemachine.xml" title="The Hype Machine" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script>if(!Prototype) document.write(unescape('%3Cscript src="js/libs/prototype-1.7.0.0.js"%3E%3C/script%3E'));</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js"></script>
<script type="text/javascript" src="http://static-ak.hypem.net/js/soundmanager2.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://static-ak.hypem.net/js/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="http://static-ak.hypem.net/js/jquery.sparkline.min.js"></script>
<!-- Unfortunatly including this on iphone.php doesn't actually include it, so adding it here, minified -->
<script type="text/javascript" src="http://static-ak.hypem.net/js/jquery.nivo-slider.2.5.1.js"></script>
<script src="http://static-ak.hypem.net/js/tooltip.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<!--<script src="http://static-ak.hypem.net/js/libs_combined.js" type="text/javascript"></script>-->
<script src="http://static-ak.hypem.net/rev_1308667830/js/hype_functions_min.js" type="text/javascript"></script>
<script src="http://static-ak.hypem.net/js/lightbox.js" type="text/javascript" defer="defer"></script>
<script type="text/javascript" src="http://cdn.extensions.buzznet.com/topscript.js.php?siteToken=HM"></script>
<script type="text/javascript">
soundManager.debugMode = false;
soundManager.url = '/';
soundManager.flashVersion = 9; // optional: shiny features (default = 8)
soundManager.consoleOnly = true;
soundManager.flashLoadTimeout = 5000;
//soundManager.ontimeout(function() {
// document.getElementById('flash-warning').style.display = '';
//});
// setup the page as it's loaded. there are also functions in footer that complete load
var pageTracker;
Event.observe(window, 'load', function() {
Event.observe(document, 'keypress', function(e){
var code;
if (!e) var e = window.event;
if (e.keyCode) code = e.keyCode;
else if (e.which) code = e.which;
// filter out ctrl shortcuts and etc
if (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) { return false; }
t_elt = e.target || e.srcElement;
if (t_elt.tagName==="INPUT") { return false; } // filter textbox
else if (t_elt.tagName==="TEXTAREA") { return false; } // filter textbox
var character = String.fromCharCode(code);
if (character == 'n') nextTrack(this);
else if (character == 'p') prevTrack(this);
else if (character == 'j') nextTrack(this); // like gmail/vim
else if (character == 'k') prevTrack(this);
//else if (character == ' ') togglePlaySimple();
});
});
function handle_click(event) {
if (!event) { // this seems to happen in IE
var event = window.event;
}
t_elt = event.target || event.srcElement;
if(t_elt.tagName != 'A') {
while(t_elt.tagName!='A') {
t_elt = t_elt.parentNode;
}
url = t_elt.href;
} else {
url = t_elt.href;
}
if (url.match(/random$/)) { load_random_track(); }
else if (url.match(/random_search$/)) { load_random_search(); }
else { load_url(url); }
return false;
}
function update_page_contents() {
// debug("update_page_contents() caller is: " + arguments.callee.caller.toString());
if (document.location.pathname=="/" || is_html5_history_compat()) {
head = $$('head')[0];
// don't run this if google is indexing
if (document.location.href.search(/_escaped_fragment_/) == -1) {
$('player-loading').show();
if(is_html5_history_compat()){
url = document.location.pathname + document.location.search;
} else {
url = document.location.hash;
}
debug("update_page_contents() going to process " + url);
if (url=="") { url = "/"; }
// url = decodeURIComponent(unescape(url));
url = url.replace(/\?ax=1/,'');
url = url.replace(/^#!?/,'');
debug("update_page_contents() about to load " + url);
// trackList[document.location.href].page_name == 'index' || (trackList[document.location.href].page_name == "profile" && trackList[document.location.href].page_mode == "subscriptions")
var custom_css = [
{
match: /\/zeitgeist\/2008/,
id: "css_zeitgeist08",
href: "http://static-ak.hypem.net/rev_1291778387/css/zeitgeist-2008.css"
},
{
match: /\/zeitgeist\/2009/,
id: "css_zeitgeist09",
href: "http://static-ak.hypem.net/rev_1291778387/css/zeitgeist-2009.css"
},
{
match: /\/zeitgeist\/2010/,
id: "css_zeitgeist10",
href: "http://static-ak.hypem.net/rev_1295220328/css/zeitgeist-2010.css"
},
{
match: /\/fast-forward/,
id: "css_fast_forward",
href: "http://static-ak.hypem.net/rev_1307432724/css/fast-forward.css"
}
];
for(i = 0; i < custom_css.length; i++) {
var page = custom_css[i];
if ( document.location.href.match(page.match)) {
if(! $(page.id)) {
css_sheet = new Element('link', { id: page.id, href: page.href, type: 'text/css', rel: "stylesheet" });
head.appendChild(css_sheet);
}
} else if ( !document.location.href.match(page.match) && $(page.id)) {
$(page.id).remove();
}
}
page_updater = new Ajax.Updater('content-wrapper', url,
{ parameters: 'ax=1&ts=' + get_unix_time(),
method: 'get',
onComplete: function(transport){
$('player-loading').hide();
if ( $('top-notice') && !url.match(/^\/blogs\//)) { $('top-notice').scrollTo(); }
else if (!url.match(/^\/blogs\//)) { $('header').scrollTo(); }
set_ad_vars();
if(document.location.href.search('\\?forgot=1&email=') != -1) {
key = document.location.href.replace(/.+key=/,'');
show_lightbox("reset",'/inc/lb_reset_pw.php?key=' + key);
}
rewrite_links();
},
onFailure: function(){
//is_loading = 0;
$('player-loading').hide();
setup_player_bar(); // will hide it if nothing is playing
},
asynchronous: true,
evalScripts: true }
);
}
}
}
function refresh_728x90() {
new_iframe = new Element('iframe', { id: "ad-leaderboard-iframe", width: "728", height: "90", scrolling: "no", frameborder: "no", src: "http://static-ak.hypem.net/ads/dyn-dart-728x90.html?ord=" + master_ord + dfp_extras_var_passthru() + "&passback=" + dfp_extras_passback("US") });
$('ad-leaderboard').innerHTML = '';
if ( $('ad-leaderboard') ) { $('ad-leaderboard').appendChild(new_iframe); }
}
function ga_pageview() {
var pv_addr;
// execute GA track
try {
pageTracker = _gat._getTracker("UA-97430-1");
if (document.location.href.search(/\/#!?\//)!=-1) { pv_addr = document.location.hash; pv_addr = pv_addr.replace(/#!?\//,'/'); }
else { pv_addr = document.location.pathname; }
pageTracker._trackPageview(pv_addr);
if (is_logged_in) { pageTracker._setVar('logged_in'); }
else { pageTracker._setVar('logged_out'); }
if (/Firefox/.test(navigator.userAgent) || /Chrome/.test(navigator.userAgent)) {
setTimeout(function(){
if ( $$('.gmlink').length || $$('.cext').length || $$('.section-player a[href*=serve]').length ) {
var head;
var script;
head = $$('head')[0];
if (head) {
script = new Element('script', { id: "ext_adview", type: 'text/javascript', src: '/js/ext_adview.js' });
head.appendChild(script);
}
pageTracker._setVar('ext_check');
}
}, 5000);
}
/*if(vis && /Firefox/.test(navigator.userAgent) {
setTimeout(function(){
if ($('ad-leaderboard-iframe').className != "") {
r = new Ajax.Request('/inc/user_action.php?act=vis_check', {method:'get'});
pageTracker._setVar('vis_check');
}
}, 5000);
}*/
//ext_load(1, 1);
} catch(err) {}
// quantcast
try {
if(__qc && __qc.qpixelsent && __qc.qpixelsent.length) { __qc.qpixelsent = []; }
_qevents.push( { qacct:"p-f66q2dQu9xpU2"} );
} catch(err) {}
// experimental
// FB.XFBML.parse();
}
</script>
<!-- Google A -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- Start Hypem.com Quantcast tag -->
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
</script>
<!-- end -->
<style type="text/css">
#sticky {
width:980px;
}
#sticky-anchor {
position:relative;
top:-32px;
}
#sticky.stick {
position: fixed;
top: 0;
z-index: 9999;
}
</style>
<script type="text/javascript">
//jQuery.noConflict(); // this is now in the combined file
function sticky_relocate() {
var window_top = jQuery(window).scrollTop();
if(jQuery('#sticky-anchor')) {
var div_top = jQuery('#sticky-anchor').offset().top;
if (window_top > div_top)
jQuery('#sticky').addClass('stick')
else
jQuery('#sticky').removeClass('stick');
}
}
jQuery(function() {
jQuery(window).scroll(sticky_relocate);
sticky_relocate();
});
</script>
</head>
<body id="search">
<div id="player-loading" style="display:none"><span>LOADING</span></div>
<div id="player-container" style="display:none">
<div id="player-inner">
<div id="player-page">PLEASE CLEAR CACHE / UPDATE FLASH / DISABLE ADBLOCK</div>
<a href="#" onclick="prevTrack(this);return false;" id="playerPrev">Prev<span></span></a>
<a href="#" onclick="togglePlaySimple();return false;" id="playerPlay">Play<span></span></a>
<a href="#" onclick="nextTrack(this);return false;" id="playerNext">Next<span></span></a>
<div id="player-nowplaying"></div>
<div id="player-links"></div>
<div id="player-timebar">
<div id="player-time-position">0:00</div>
<div id="player-time-total"></div>
<div id="player-progress-outer">
<div id="player-progress-loading"> </div>
<div id="player-progress-playing"> </div>
</div>
<div id="player-volume-mute" class="player-volume-mute-inactive"><span> </span></div>
<div id="player-volume-outer">
<div id="player-volume-ctrl"> </div>
</div>
</div><!-- player-timebar -->
</div><!-- player-inner -->
</div><!-- player-container -->
<!--[if lt IE 7]>
<div id="wrapper">
<![endif]-->
<div id="header">
<div id="header-inner">
<a id="logo" href="/" title="The Hype Machine"><em>MP3 & Music Blog Aggregator</em>
<em>THE</em> HYPE <br />MACHINE<span></span></a>
<!-- start ad-leaderboard -->
<div id="ad-leaderboard"></div>
<form action="/contact" method="post" name="ad_report_leaderboard" id="ad_report_leaderboard">
<input type="hidden" name="ad_position" id="ad_position_leaderboard" value="Top Leaderboard" />
<input type="hidden" name="ad_code" id="ad_code_leaderboard" value="" />
<a style="cursor:pointer;" onclick="
if ($('ad-leaderboard')) { ad_feedback_code = $('ad-leaderboard').innerHTML; }
if ($('ad-leaderboard-iframe')) { ad_feedback_code += $('ad-leaderboard-iframe').contentDocument.body.innerHTML; }
ad_feedback_position = 'Top Leaderboard';
load_url('/contact');
"><img src="http://static-ak.hypem.net/images/flag-ad.gif" width="96" height="5" alt="Flag Ad For Review" /></a>
</form>
<!-- end ad-leaderboard -->
<ul class="menu">
<li id="menu-item-latest" ><a href="/" title="Latest songs from music blogs">Latest</a></li>
<li id="menu-item-popular" ><a href="/popular" title="Most popular songs on Hype Machine">Popular</a></li>
<li id="menu-item-spy" ><a href="/spy" title="Spy on Users">Spy</a></li>
<li id="menu-item-radio" ><a href="/radio" title="The Hype Machine Radio Show">Radio Show</a></li>
<li id="menu-item-directory" ><a href="/blogs" title="Directory of blogs and users">Blog Directory</a></li>
<li id="filter" class="user-menu"></li><!-- filter -->
<script type="text/javascript"> refresh_user_menu();</script>
</ul><!-- menu -->
<div id="sticky">
<div id="search">
<form action="/search.php" method="get" onSubmit="load_search(); return false;" name="searchform">
<input name="q" type="text" id="q" value="dubstep"
onload="if (this.value=='Artist or Track') { this.style.color = '#999999'; }"
onfocus="if (this.value=='Artist or Track') { this.value=''; this.style.color = '#000000'; }"
onblur ="if (this.value=='') { this.style.color = '#999999'; this.value='Artist or Track'; }"
/>
<input type="submit" id="g" value="Search Blogs" />
</form>
<a href="/random_search" id="shuf" onclick="load_random_search();return false;" title="Do the search shuffle"><img alt="Do the search shuffle" width="25" height="20" src="/images/icon-shuffle.gif" /></a>
</div><!-- search -->
<script type="text/javascript">//document.getElementById('q').focus();
</script>
</div>
</div><!-- header-inner -->
</div><!-- header -->
<div id="sticky-anchor"></div>
<div id="content-wrapper">
<div class="message-push">
<div id="message-intro" style="background-color:#FFABAB;border-color:#9E0000;">
<p>
<strong>You have not confirmed your email address.</strong> Some things here won't work until then! :(<br/>
Check your inbox, or <a onclick="show_lightbox('account');return false;" href="">click here to change your email address, or to resend the confirmation message</a>.
</p>
</div>
</div>
<div class="message-push" id="flash-warning" style="display: none">
<div id="message-intro">
<p>You seem to be missing <a href="http://www.adobe.com/support/flashplayer/downloads.html">Adobe's Flash Player</a>, please install it before attempting to listen to music on the Hype Machine.</p>
</div>
</div>
<script type="text/javascript">
if (playerStatus!="PLAYING") { document.title = "Dubstep / mp3s and music from the best music blogs"; }
trackList[document.location.href] = new Array();
trackList[document.location.href]['title'] = "Dubstep / mp3s and music from the best music blogs";
trackList[document.location.href]['page_name'] = "search";
trackList[document.location.href]['page_num'] = "1";
trackList[document.location.href]['url'] = document.location.href;
refresh_728x90(); </script>
<div id="message">
<a id="player" href="" onclick="togglePlay();return false;">Play<span id="player-main-button"></span></a>
<h1>Play "<a href="/search/dubstep/1/">Dubstep</a>"
<!-- <a title="Follow this artist" id="fav_query_ZHVic3RlcA==" class="follow" onclick="toggle_favorite('query','dubstep');return false;" href=""><em>+</em> Subscribe</a>-->
</h1>
</div><!-- message -->
<div id="container">
<!-- google_ad_section_start -->
<div id="content-left">
<div id="recently-posted">
<ul id="submenu">
<li id="submenu-filter"><span>Sort ↓</span>
<ul>
<li><a href="/search/dubstep/1/" id="submenu-filter-active">Newest First</a></li>
<li><a href="/search/dubstep/1/?sortby=fav" >Most Favorites</a></li>
<li><a href="/search/dubstep/1/?sortby=blogged" >Most Reblogged</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">set_nav_item_active();</script>
<div class="section section-track section-even">
<div class="section-player" >
<h3 class="track_name">
<a class="artist" title="ill.Gates - search hype machine for this artist" href="/artist/ill.Gates">
ill.Gates</a>
-
<a title="That Look (Niko Dubstep Remix) - go to page for this track" href="/item/1cbb1/ill.Gates+-+That+Look+%28Niko+Dubstep+Remix%29">
That Look (Niko Dubstep Remix)
</a>
</h3>
<ul class="tools">
<li class="playdiv">
<a id="play_ctrl_1cbb1" class="play-ctrl play"
onclick="togglePlayByItemid('1cbb1');return false;"
title="Play"
href="">Play<span></span>
</a>
</li>
<li class="favdiv">
<a title="Favorited by 13 others" class="favcount-off"
id="favcount_1cbb1"
onclick="toggle_item_activity('favorites', '1cbb1', 1);return false;"
href="">13 </a>
<a id="fav_item_1cbb1"
class="fav-off"
onclick="toggle_favorite('item','1cbb1');return false;"
title = "Favorite"
href="">Favorite<span></span>
</a>
</li>
</ul>
<div class="meta">
<span class="buy">
Download Artist:
<a rel="nofollow" href="/go/emusic_search/ill.Gates">eMusic (<strong>$10 FREE</strong>)</a> •
<a rel="nofollow" href="/go/amazon_mp3_search/ill.Gates">Amazon</a> •
<a rel="nofollow" href="/go/itunes_search/ill.Gates">iTunes</a>
</span>