<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
  <head>
    <meta name="description" content="Dubstep indie music">
    <meta name="keywords" content="dubstep, superman, indie, hollywood, maryland, soundtrack, a boy named su, a boy named sue, heart">
    <meta name="author" content="Mike Su">
    <script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <title>A Boy Named Su &hearts; the SoundCloud</title>
    <link type="text/css" media="screen" rel="stylesheet" href="../../slabText/css/slabtext.css">
    <link rel="stylesheet" href="../css/sc-player-artwork.css" type="text/css">
    <link rel="stylesheet" href="../../css/style.css" type="text/css">
      <style>
        @font-face 
            {                            
            font-family: 'LeagueGothicRegular';
            src: url('../../fonts/League_Gothic-webfont.eot');
            src: url('../../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
            url('../../fonts/League_Gothic-webfont.woff') format('woff'),
            url('../../fonts/League_Gothic-webfont.ttf') format('truetype'),
            url('../../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
            font-weight: normal;
            font-style: normal;
            }                                
        html,
        body
            {
            background:#000;
            color:#444;
            }
        body
            {
            font: 16px/1.8 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            width:80%;
            padding:20px 0;
            max-width:960px;
            margin:0 auto;
            }            
        hr 
            {
            border: 0;
            height: 1px;
            background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
            background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
            background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
            background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
            }
        .col-1
            {
            width:47.5%;
            margin:0 2.5% 0 0;
            float:left;
            }
        .col-2
            {
            width:47.5%;
            margin:0 0 0 2.5%;
            float:left;
            } 
        .col-1 p,
        .col-2 p
            {
            color:#888;
            font-size:80%;
            text-align:center;
            }       
        a
            {
            color:#111;             
            }
        h1 a
            {
            text-decoration:none;
            }
        p
            {
            margin:0 0 1.5em 0;
            line-height:1.5em;
            }
        dt
            {
            font-family:monospace;
            }
        pre
            {
            line-height:1.2;
            }
        footer
            {
            border-top:3px double #aaa;
            padding-top:1em;
            }
        footer section
            {
            border-bottom:3px double #aaa;
            padding-bottom:1em;
            margin-bottom:1em;
            }
        sup a
            {
            text-decoration:none;
            }
        #h4
            {
            clear:both;
            }
        .amp
            {
            font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;
            font-style:italic;
            font-weight:lighter;
            }
        /* Set font-sizes for the headings to be given the slabText treatment */
        h1
            {
            text-align:left;
            font-family:'LeagueGothicRegular', "Impact", Charcoal, Arial Black, Gadget, Sans serif;
            text-transform: uppercase;           
            line-height:1;   
            color:#222;             
            font-size:300%;
            /* Remember to set the correct font weight if using fontface */
            font-weight:normal;
            }
        /* Smaller font-size for the side-by-side demo */
        .col-1 h1,
        .col-2 h1
            {
            font-size: 32px;
            }
        h2
            {
            font-size: 25px;
            }
        /* Adjust the line-height for all headlines that have been given the
           slabtext treatment. Use a unitless line-height to stop sillyness */
        .slabtexted h1
            {
            line-height:.9;
            }
        /* Target specific lines in the preset Studio One demo */
        .slabtexted #studio-one span:nth-child(2)
            {
            line-height:.8;
            }
        .slabtexted #studio-one span:nth-child(3)
            {
            line-height:1.1;
            }
        /* Fun with media queries - resize your browser to view changes. */
        @media screen and (max-width: 960px) 
            {
                body
                    {
                    padding:10px 0;                                
                    min-width:20em;
                    }
                .col-1,
                .col-2
                    {
                    float:none;
                    margin:0;
                    width:100%;
                    }
                h1
                    {
                    font-size:36px;
                    }
                h2
                    {
                    font-size:22px;
                    }
            }        
        @media screen and (max-width: 460px) 
            {
                h1
                    {
                    font-size:26px;
                    }
                h2
                    {
                    font-size:18px;
                    }
            }   
    </style>   <div class="menu">
    <div id="logo"><a href="/">&hearts;</a></div>
</div>
  </head>
  <body>       
  <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
   <div class="menu">
    <div id="logo"><a href="../../">&hearts;</a></div>
    <a href="../../album">/Album</a>
    <a href="http://t.qkme.me/3st1se.jpg">ArchNemesis!</a>
    <a href="http://listen.boynamedsumusic.com/">BandCamp</a>
    <a href="../../covers">/Covers</a>              
    <a href="../../lekryptonite">/LeKryptonite</a>
    <a href="../../lightshow/14hearts/155bpm"><span class="red155">/Lightshow/14&hearts;</span></a>
    <a href="http://sudocoda.com">RillyThickGlasses</a>
    <a href="../../soundcloud/heart" class="active">/SoundCloud/&hearts;</a>
    <a href="../../album/heart/exit-music-for-a-hollywood-movie"><h1 style="padding:3px;">Exit</h1></a>
</div>   
<div class="social">
 <div class="footer-social"><a href="http://facebook.com/boynamedsumusic‎" target="_blank"><img src="../../images/footer_facebook.png" alt=""></a></div>
            <div class="footer-social"><a href="http://twitter.com/boynamedsumusic" target="_blank"><img src="../../images/footer_twitter.png" alt=""></a></div>
            <div class="footer-social"><a href="http://plus.google.com/u/3/109615451595602898651/" target="_blank"><img src="../../images/footer_google.png" alt=""></a></div>
        </div> 
                  <div class="fb-like" data-href="http://boynamedsumusic.com/soundcloud/heart" data-send="true" data-width="450" data-show-faces="true" data-font="lucida grande" data-colorscheme="dark"></div>
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="boynamedsumusic">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
    <h1>I &hearts; the SoundCloud. It was twue WubWubWub at first listen!</h1>
    <div class="post">
    <div class="sc-player">
        <a href="http://soundcloud.com/aboynamedsu/sets/heart" class="sc-player">Heart</a>
    </div>
    </div>

<script type="text/javascript">
    $(function(){
    
    var menu = $('.menu'),
        a = menu.find('a');
        
        a.wrapInner($('<span />'));
        
        a.each(function(){
            var t = $(this), span = t.find('span');
            for (i=0;i<2;i++){
                span.clone().appendTo(t);
            }
        });
        
        a.hover(function(){
            var t = $(this), s = t.siblings('a');
            t.toggleClass('shadow');
            s.toggleClass('blur');
        });
    
    
        $(a[0]).delay(500).queue(function(n) {
            $(this).mouseenter();
            n();
        });
    
    
        $(a[0]).delay(500).queue(function(n) {
            $(this).mouseleave();
            n();
        });
    
});
</script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript" src="../js/soundcloud.player.api.js"></script>
    <script type="text/javascript" src="../js/sc-player.js"></script>
  
  </body>

 </html>