tag:blogger.com,1999:blog-29452053214064782562024-03-08T04:06:30.367-08:00Gusti AlbustomiGustihttp://www.blogger.com/profile/13061875554307814956noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-2945205321406478256.post-17571444155988580692013-04-16T15:58:00.003-07:002013-04-16T15:58:56.901-07:00SONG<br />
<ul class="soundList sc-list-nostyle" style="background-color: white; color: #333333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px;">
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
Look my souncloud</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-dirty-dutch-mix" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DJ UTI - DIRTY DUTCH MIX!" class="image__full g-opacity-transition" height="100%" src="https://i3.sndcdn.com/artworks-000037754256-6gs8h9-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">Mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-dirty-dutch-mix" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DJ UTI - DIRTY DUTCH MIX!</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2013-01-07T11:35:11.000Z" title="7 January 2013">3 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
16.37</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (22.8MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-dirty-dutch-mix/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="40 plays"> 40</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="9 downloads"> 9</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-defjam-song" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DJ UTI - Mixtape (DEFJAM Song)" class="image__full g-opacity-transition" height="100%" src="https://i3.sndcdn.com/artworks-000035966879-6bs1dn-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">Mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-defjam-song" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DJ UTI - Mixtape (DEFJAM Song)</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-12-11T09:10:01.000Z" title="11 December 2012">4 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
29.20</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (40.3MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-defjam-song/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="55 plays"> 55</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="4 downloads"> 4</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 185px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-benny-song-on" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DJ UTI - Mixtape (Benny song, On the floor, Broken Angel)" class="image__full g-opacity-transition" height="100%" src="https://i2.sndcdn.com/artworks-000035964643-aymd29-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">Mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-benny-song-on" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DJ UTI - Mixtape (Benny song, On the floor, Broken Angel)</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-12-11T07:49:27.000Z" title="11 December 2012">4 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
22.21</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (30.7MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-benny-song-on/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="46 plays"> 46</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="4 downloads"> 4</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/let-me-down-house-musik" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="Let me down ( House Musik )" class="image__full g-opacity-transition" height="100%" src="https://i2.sndcdn.com/artworks-000035158674-m9r6co-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/house" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">House</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/let-me-down-house-musik" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">Let me down ( House Musik )</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-11-29T16:02:34.000Z" title="29 November 2012">4 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
4.09</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (4.8MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/let-me-down-house-musik/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="49 plays"> 49</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="1 download"> 1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/defjam-feat-dj-uti-megamix" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DEFJAM feat DJ UTI - MEGAMIX" class="image__full g-opacity-transition" height="100%" src="https://i1.sndcdn.com/artworks-000033032659-t3n612-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/defjam-feat-dj-uti-megamix" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DEFJAM feat DJ UTI - MEGAMIX</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-10-28T12:49:18.000Z" title="28 October 2012">5 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: visible; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
30.53</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: visible; width: 490px;">Click to play</span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive sc-button-selected sc-button-icon" style="-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 3px, rgba(0, 0, 0, 0.0470588) 0px 2px 2px inset, rgba(0, 0, 0, 0.0784314) 0px 1px 1px inset, rgba(0, 0, 0, 0.027451) -2px 0px 2px inset, rgba(0, 0, 0, 0.0196078) 0px -1px 0px inset, rgba(0, 0, 0, 0.027451) 2px 0px 2px inset; -webkit-user-select: none; background-color: #eeeeee; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(200, 200, 200); box-shadow: rgba(0, 0, 0, 0) 0px 1px 3px, rgba(0, 0, 0, 0.0470588) 0px 2px 2px inset, rgba(0, 0, 0, 0.0784314) 0px 1px 1px inset, rgba(0, 0, 0, 0.027451) -2px 0px 2px inset, rgba(0, 0, 0, 0.0196078) 0px -1px 0px inset, rgba(0, 0, 0, 0.027451) 2px 0px 2px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (42.4MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: visible;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/defjam-feat-dj-uti-megamix/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: visible; white-space: nowrap;" target="_blank">Edit</a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: visible; white-space: nowrap;">Delete</button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;"></ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
Gustihttp://www.blogger.com/profile/13061875554307814956noreply@blogger.com0tag:blogger.com,1999:blog-2945205321406478256.post-74901737965887037782013-04-16T15:58:00.001-07:002013-04-16T15:58:35.443-07:00SONG<br />
<ul class="soundList sc-list-nostyle" style="background-color: white; color: #333333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px;">
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
Look my souncloud</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-dirty-dutch-mix" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DJ UTI - DIRTY DUTCH MIX!" class="image__full g-opacity-transition" height="100%" src="https://i3.sndcdn.com/artworks-000037754256-6gs8h9-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">Mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-dirty-dutch-mix" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DJ UTI - DIRTY DUTCH MIX!</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2013-01-07T11:35:11.000Z" title="7 January 2013">3 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
16.37</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (22.8MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-dirty-dutch-mix/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="40 plays"> 40</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="9 downloads"> 9</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-defjam-song" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DJ UTI - Mixtape (DEFJAM Song)" class="image__full g-opacity-transition" height="100%" src="https://i3.sndcdn.com/artworks-000035966879-6bs1dn-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">Mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-defjam-song" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DJ UTI - Mixtape (DEFJAM Song)</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-12-11T09:10:01.000Z" title="11 December 2012">4 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
29.20</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (40.3MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-defjam-song/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="55 plays"> 55</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="4 downloads"> 4</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 185px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-benny-song-on" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DJ UTI - Mixtape (Benny song, On the floor, Broken Angel)" class="image__full g-opacity-transition" height="100%" src="https://i2.sndcdn.com/artworks-000035964643-aymd29-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">Mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-benny-song-on" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DJ UTI - Mixtape (Benny song, On the floor, Broken Angel)</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-12-11T07:49:27.000Z" title="11 December 2012">4 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
22.21</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (30.7MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/dj-uti-mixtape-benny-song-on/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="46 plays"> 46</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="4 downloads"> 4</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/let-me-down-house-musik" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="Let me down ( House Musik )" class="image__full g-opacity-transition" height="100%" src="https://i2.sndcdn.com/artworks-000035158674-m9r6co-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/house" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">House</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/let-me-down-house-musik" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">Let me down ( House Musik )</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-11-29T16:02:34.000Z" title="29 November 2012">4 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
4.09</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: hidden; width: 490px;"></span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (4.8MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: hidden;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/let-me-down-house-musik/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;" target="_blank"></a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: hidden; white-space: nowrap;"></button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;">
<li class="sc-ministats sc-ministats-small sc-ministats-plays" style="border-right-color: rgba(180, 180, 180, 0.498039); border-right-style: solid; border-right-width: 1px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding-right: 4px;" title="49 plays"> 49</li>
<li class="sc-ministats sc-ministats-small sc-ministats-downloads" style="border-right-width: 0px; color: #999999; display: inline-block; float: left; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding-right: 0px;" title="1 download"> 1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="soundList__item" style="clear: both; margin: 0px 0px 25px; padding: 10px 0px 0px; position: relative;"><div class="userStreamItem">
<div class="sound g-all-transitions-300 streamContext owned" style="-webkit-transition: all 300ms ease-in-out; box-sizing: border-box; height: 170px; left: 0px; padding-left: 136px; position: relative; right: 0px; top: 0px; transition: all 300ms ease-in-out;">
<a class="sound__coverArt g-all-transitions-300" href="https://soundcloud.com/dj-uti-gusti-albustomi/defjam-feat-dj-uti-megamix" style="-webkit-transition: all 300ms ease-in-out; background-position: 50% 50%; background-repeat: no-repeat no-repeat; color: #0066cc; height: 120px; left: -12px; padding: 10px 10px 12px 12px; position: absolute; text-decoration: none; top: -10px; transition: all 300ms ease-in-out; width: 120px; z-index: 2;"><div class="image image__hasPlaceholder image__hasPlaceholder-track" style="background-color: #f2f2f2; background-image: url(https://a2.sndcdn.com/assets/images/default/cloudx200-1ec56ce9.png); background-position: 50% 50%; background-repeat: no-repeat no-repeat; background-size: 100%; position: relative; text-align: center;">
<img alt="DEFJAM feat DJ UTI - MEGAMIX" class="image__full g-opacity-transition" height="100%" src="https://i1.sndcdn.com/artworks-000033032659-t3n612-t120x120.jpg?e48997d" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; opacity: 1; position: relative; transition: opacity 0.2s linear;" width="100%" /></div>
</a><div class="sound__header g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; margin: 0px 0px 6px; min-height: 43px; padding-top: 7px; position: relative; transition: all 300ms ease-in-out; z-index: 2;">
<div class="soundTitle sc-clearfix sc-hyphenate sc-type-h2" style="-webkit-hyphens: auto; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 16px; line-height: 1.3; margin: 0px; word-break: break-word;">
<div class="sc-type-light" style="color: #999999; font-size: 14px;">
<a class="soundTitle__username sc-link-light" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #999999; margin-left: 34px; text-decoration: none;">Dj Uti Gusti Albustomi </a><div class="soundTitle__info" style="display: inline-block; font-size: 11px; vertical-align: baseline;">
</div>
</div>
<div>
<div class="sc-media-image soundTitle__playButton" style="float: left; height: 20px; margin-right: 5px; margin-top: -15px;">
<button class="sc-button sc-button-play sc-button-large" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgba(255, 255, 255, 0.701961) 0px 1px 0px inset, rgba(255, 255, 255, 0.701961) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgba(255, 255, 255, 0.701961) 1px 0px 0px inset; -webkit-user-select: none; background-color: #ff6600; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6) 40%, rgba(255, 17, 0, 0.6)); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-color: rgba(255, 102, 0, 0.74902) rgba(255, 51, 0, 0.247059) rgba(255, 17, 0, 0.247059); border-style: solid; border-top-left-radius: 50%; border-top-right-radius: 50%; border-width: 0px 1px 1px; box-shadow: rgba(255, 51, 0, 0.34902) 0px 0px 2px, rgba(255, 51, 0, 0.45098) 0px -1px 3px inset, rgba(0, 0, 0, 0.14902) 0px 0px 3px, rgba(102, 51, 0, 0.2) 0px 1px 0px inset, rgba(255, 255, 255, 0.247059) 0px 2px 2px inset, rgba(255, 255, 255, 0.2) 0px -2px 2px inset; color: #333333; cursor: pointer; height: 28px; line-height: 42px; margin: 1px 0px 1px 1px; overflow: hidden; padding: 0px; position: relative; text-indent: 30px; vertical-align: baseline; white-space: nowrap; width: 28px;" title="Play">Play</button></div>
<div class="sc-media-content" style="overflow: hidden;">
<div class="sc-media" style="overflow: hidden;">
<div class="sc-media-extra soundTitle__tagContainer" style="float: right; line-height: 12px; margin-left: 10px;">
<a class="soundTitle__tag sc-tag sc-tag-small" href="https://soundcloud.com/tags/mixtape" style="-webkit-user-select: none; background-color: #999999; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px 6px 0px 8px; position: relative; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; white-space: nowrap;">mixtape</a></div>
<div class="sc-media-content" style="overflow: hidden;">
<a class="soundTitle__title sc-link-dark" href="https://soundcloud.com/dj-uti-gusti-albustomi/defjam-feat-dj-uti-megamix" style="color: #333333; display: inline-block; max-width: 100%; text-decoration: none;">DEFJAM feat DJ UTI - MEGAMIX</a></div>
</div>
</div>
</div>
</div>
<div class="sound__uploadTime" style="color: #cccccc; position: absolute; right: 0px; top: 8px;">
<time class="relativeTime" datetime="2012-10-28T12:49:18.000Z" title="28 October 2012">5 months</time></div>
</div>
<div class="sound__body g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__waveform" style="height: 60px;">
<div class="waveform waveform__visibleLayers" style="height: 60px; position: relative; visibility: visible; width: 490px;">
<div class="waveform__layer waveform__progressBar" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar" style="height: 60px; overflow: hidden; position: relative; width: 490px;">
<div class="progressBar__upperPart" style="background-color: #575757; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="progressBar__upperPartBottomLine" style="background-color: #111111; background-position: initial initial; background-repeat: initial initial; bottom: 0px; height: 1px; left: 0px; position: absolute; width: 490px;">
</div>
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ff6600; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-upper-active-b563eee0.png); background-position: initial initial; background-repeat: repeat no-repeat; background-size: 101% 100%; border-bottom-color: rgb(235, 33, 0); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; height: 42px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
<div class="progressBar__progressLoad sc-border-box g-all-transitions-1000" style="-webkit-transition: all 1000ms ease-in-out; background-color: white; box-sizing: border-box; height: 42px; max-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 1000ms ease-in-out; width: 490px;">
</div>
</div>
<div class="progressBar__lowerPart" style="background-color: #969696; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; height: 18px; left: 0px; overflow: hidden; position: absolute; top: 70%; width: 490px;">
<div class="progressBar__progressPlay sc-border-box" style="background-color: #ffb686; background-image: url(https://a2.sndcdn.com/assets/images/waveform/waveform-lower-active-b563eee0.png); background-position: 0px 0px; background-repeat: repeat no-repeat; box-sizing: border-box; height: 18px; left: 0px; position: absolute; top: 0px; width: 0px;">
</div>
</div>
</div>
</div>
<div class="waveform__layer waveform__highlight" style="background-color: rgba(0, 0, 0, 0.2); background-position: initial initial; background-repeat: initial initial; height: 42px; left: 0px; position: absolute; top: 0px; visibility: visible; width: 490px;">
</div>
<div class="waveform__layer waveform__scrubberPosition" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="scrubberPosition" style="height: 42px; overflow: hidden; position: relative; width: 490px;">
</div>
</div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<canvas class="g-box-full waveformCanvas" height="60" style="display: block; height: 60px; position: relative; width: 490px;" width="490"></canvas></div>
<div class="waveform__layer" style="height: 60px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="waveformComments" style="cursor: pointer; height: 60px; position: relative; width: 490px;">
<div class="commentBubble" style="height: 60px; position: absolute; width: 490px;">
<div class="commentBubble__wrapper g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s linear;">
<img class="commentBubble__avatar g-opacity-transition" height="20" src="https://soundcloud.com/dj-uti-gusti-albustomi" style="-webkit-transition: opacity 0.2s linear; border: 0px; display: block; left: -20px; position: absolute; top: 100%; transition: opacity 0.2s linear;" width="20" /><div class="commentBubble__username g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; color: #ff6600; padding: 2px 6px; position: absolute; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
<a class="commentBubble__link" href="https://soundcloud.com/dj-uti-gusti-albustomi" style="color: #0066cc; text-decoration: none;"></a></div>
<div class="commentBubble__body has-links-dark sc-truncate sc-border-box g-opacity-transition" style="-webkit-transition: opacity 0.2s linear; background-color: #333333; box-sizing: border-box; color: #e5e5e5; margin-bottom: 10px; margin-top: 20px; overflow: hidden; padding: 2px 6px; position: absolute; text-overflow: ellipsis; top: 100%; transition: opacity 0.2s linear; white-space: nowrap;">
</div>
</div>
</div>
<div class="commentPlaceholder g-z-index-content" style="height: 20px; position: relative; top: 70%; width: 490px; z-index: 10;">
<div class="commentPlaceholder__avatar" style="cursor: move; margin-left: -9999em; opacity: 0; position: absolute;">
<img class="" height="20" src="https://i1.sndcdn.com/avatars-000030354713-mw7d7x-large.jpg?e48997d" style="border: 0px; display: block;" width="20" /></div>
</div>
<canvas class="g-box-full waveformCommentsCanvas" height="60" style="display: block; height: 60px; position: absolute; top: 0px; width: 490px;" width="490"></canvas></div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<div class="timeIndicator" style="height: 42px; position: relative; width: 490px; z-index: 2;">
<div class="timeIndicator__total" style="background-color: rgba(0, 0, 0, 0.901961); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; bottom: 0px; color: #999999; font-size: 10px; padding: 1px; position: absolute; right: 0px;">
30.53</div>
</div>
</div>
<div class="waveform__layer" style="height: 42px; left: 0px; position: absolute; top: 0px; width: 490px;">
<span class="waveform__playHint sc-font sc-type-light" style="bottom: 5px; color: #999999; font-family: Interstate, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Garuda, Verdana, Tahoma, sans-serif; font-size: 11px; position: absolute; text-align: center; text-shadow: none; visibility: visible; width: 490px;">Click to play</span></div>
<div class="waveform__layer waveform__scrubber" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 42px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 490px; z-index: 2;">
<div class="scrubber" style="background-color: rgba(0, 0, 0, 0); background-position: initial initial; background-repeat: initial initial; height: 42px; overflow: hidden; position: relative; width: 490px; z-index: 2;">
<div class="scrubber__positionIndicator">
</div>
</div>
</div>
</div>
</div>
<div class="commentForm sc-media commentForm__transition small" style="-webkit-transition: opacity 300ms, height 300ms, margin 300ms; background-color: #e5e5e5; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(205, 205, 205); height: 0px; margin-top: 0px; opacity: 0; overflow: hidden; padding: 5px 5px 0px; position: relative; transition: opacity 300ms, height 300ms, margin 300ms; z-index: 3;">
</div>
</div>
<div class="sound__footer sc-border-light-bottom g-all-transitions-300" style="-webkit-transition: all 300ms ease-in-out; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-bottom-width: 1px; height: 25px; overflow: hidden; padding: 10px 0px 11px; position: relative; transition: all 300ms ease-in-out;">
<div class="sound__soundActions" style="float: left; position: relative; z-index: 1;">
<div class="soundActions sc-button-toolbar soundActions__small" style="margin: 0px 0px 7px;">
<div class="sc-button-group sc-button-group-small" style="border-left-style: none; clear: none; display: inline-block; float: left; padding-left: 0px; padding-right: 5px; vertical-align: middle;">
<button class="sc-button sc-button-like sc-button-small sc-button-responsive sc-button-selected sc-button-icon" style="-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 3px, rgba(0, 0, 0, 0.0470588) 0px 2px 2px inset, rgba(0, 0, 0, 0.0784314) 0px 1px 1px inset, rgba(0, 0, 0, 0.027451) -2px 0px 2px inset, rgba(0, 0, 0, 0.0196078) 0px -1px 0px inset, rgba(0, 0, 0, 0.027451) 2px 0px 2px inset; -webkit-user-select: none; background-color: #eeeeee; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(200, 200, 200); box-shadow: rgba(0, 0, 0, 0) 0px 1px 3px, rgba(0, 0, 0, 0.0470588) 0px 2px 2px inset, rgba(0, 0, 0, 0.0784314) 0px 1px 1px inset, rgba(0, 0, 0, 0.027451) -2px 0px 2px inset, rgba(0, 0, 0, 0.0196078) 0px -1px 0px inset, rgba(0, 0, 0, 0.027451) 2px 0px 2px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; vertical-align: baseline; white-space: nowrap;" title="Like">Like</button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtoset" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to set"><span title="Add to set">Add to set</span></button><button aria-haspopup="true" aria-owns="dropdownMenuId" class="sc-button sc-button-small sc-button-addtogroup" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 20px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Add to group"><span title="Add to group">Add to group</span></button><button class="sc-button sc-button-small sc-button-share" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Share">Share</button><button class="sc-button sc-button-download sc-button-small sc-button-responsive" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; white-space: nowrap;" title="Download this sound (42.4MB)">Download</button></div>
<div class="soundActions__mine sc-button-group" style="border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; clear: none; display: inline-block; float: left; padding-left: 5px; padding-right: 0px; vertical-align: middle; visibility: visible;">
<a class="soundActions__edit sc-button sc-button-small sc-button-icon sc-button-edit" href="https://soundcloud.com/dj-uti-gusti-albustomi/defjam-feat-dj-uti-megamix/edit" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; float: left; font-size: 11px; height: 22px; margin: 0px 5px 0px 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-align: center; text-decoration: none; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: visible; white-space: nowrap;" target="_blank">Edit</a><button class="sc-button sc-button-icon sc-button-delete sc-button-small" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; -webkit-user-select: none; background-color: #fcfcfc; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.298039) 60%, rgba(225, 225, 225, 0.6)); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(225, 225, 225); box-shadow: rgba(0, 0, 0, 0.0196078) 0px 1px 2px, rgb(255, 255, 255) 0px 1px 0px inset, rgb(255, 255, 255) -1px 0px 0px inset, rgba(255, 255, 255, 0.498039) 0px -1px 0px inset, rgb(255, 255, 255) 1px 0px 0px inset; color: #333333; cursor: pointer; float: left; font-size: 11px; height: 22px; line-height: 16px; margin: 0px; min-width: 25px; overflow: hidden; padding: 2px 8px; position: relative; text-indent: -400px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline; visibility: visible; white-space: nowrap;">Delete</button></div>
</div>
</div>
<div class="sound__footerRight" style="bottom: 17px; position: absolute; right: 0px; z-index: 0;">
<div class="sound__soundStats" style="float: right; position: relative; top: 5px;">
<ul class="sc-ministats-group" style="list-style: none; margin: 0px; padding: 0px;"></ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
Gustihttp://www.blogger.com/profile/13061875554307814956noreply@blogger.com0tag:blogger.com,1999:blog-2945205321406478256.post-65567598597866240132013-04-15T07:50:00.002-07:002013-04-15T07:50:18.491-07:00Tips langgengSebelum ane lanjut cerita kemarin mending kita mengasah pengetahuan tentang tips tips buat kita langgeng sama pacar, langsung aja ya guys :)<br />
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<span style="color: #444444;"><span style="font-family: Verdana;">Pacaran merupakan pendekatan untuk menuju ke jenjang pernikahan. Namun dalam pacaran terkadang sering kali diwarnai konflik yang akhirnya membuat hubungan menjadi renggang. Berikut ini ada 10 tips Cinta agar pacaran menjadi langgeng dan awet:</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>1. Jujur</b><br />Kalau memang ada yang kamu ga suka dari dia, kamu ngomong aja langsung berdua. Ga apa2 kok, dia juga pasti ngertiin kamu. kalian terus terang aja, daripada saling sindir ato malah berantem kan gak enak.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>2. Be Yourself</b><br />Jadi diri sendiri paling baik. Gak perlu mengubah diri kita menjadi orang laen hanya karena dia.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>3. Tulus</b><br />Kalo kamu mencintai dia, ya tulus aja. Jangan berharap dia akan membalas dengan jumlah sama. Jangan suka mengungkit-ungkit atau perhitungan, bisa jadi kamu malah di cap jelek.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>4. Terbuka</b><br />Ngga perlu bohong soal teman-teman kamu. Terbuka aja, selama ini kita deket sama siapa dan biasa menghabiskan waktu dimana. Selain doi jadi gak was-was, kamu juga enak gak perlu sembunyi-sembunyi.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>5. Kata “Maaf”</b><br />Maaf memang ada batasnya. Namun gak ada salahnya juga kamu selalu siapkan kata maaf. Namanya juga manusia, pasti ada salah dan gak sempurna. Kita sendiri gak “perfect”.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>6. Kejutan</b><br />Jangan segan kita memberi kejutan buat si dia. Misalnya, kita buatkan makanan kesukaannya atau bawakan sekotak coklat. Mmmmmm … doi pasti tambah care sama kamu.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>7. Care (Perhatian)</b><br />Perhatian ! Pasti. Ngga perlu mengorbankan rupiah, tapi perhatian sekecil apapun berguna banget. Misalnya, doi sakit. Cek dech, sudah makan apa blom, Atau tengok sebentar aja, bagaimana dengan pelajaran dia yang tertinggal.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>8. Dekat Keluarga</b><br />Awas ! Pacaran dengan doi, berarti kita juga wajib dekat dengan keluarganya. Minimal, kamu kenal dengan mereka. Jadi kalo ada apa-apa, komunikasinya mudah. Kamupun bisa mendapat dukungan dari mereka loh.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>9. Gak Posesif</b><br />Memang sih gak enak kalo ngeliat doi kita akrab dengan banyak orang. Tapi gak perlu posesif, kamu slalu memantau dia ada dimana, sama siapa, dan lagi ngapain. Wah, lama-lama bete juga loh, diawasi seperti pesakitan.</span></span></div>
</div>
</div>
<div class="bbcode_container" style="background-color: #fafafa; color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_quote" style="background-color: #f2f6f8; background-image: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(65, 115, 148); font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-style: italic; margin: 0px 10px 10px; padding: 0px; position: relative; top: 0px;">
<div class="quote_container" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0px; padding: 5px 10px;">
<div class="bbcode_quote_container" style="background-color: transparent; background-image: url(http://forum.kompas.com/images/misc/quote-left.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; height: 13px; left: -9px; margin: 0px; padding: 0px; position: absolute; width: 9px;">
</div>
<span style="color: #444444;"><span style="font-family: Verdana;"><b>10. Hargai Privacy</b><br />Meskipun kita dan doi terbuka, gak smua hal bisa dibicarakan berdua. Hargai juga privacy dia. Apa yang perlu kita ketahui dan apa yang sebaiknya jangan kita campuri</span></span></div>
</div>
</div>
Gustihttp://www.blogger.com/profile/13061875554307814956noreply@blogger.com0tag:blogger.com,1999:blog-2945205321406478256.post-7796341356228857382013-04-14T12:16:00.001-07:002013-04-14T12:16:52.414-07:00KEHIDUPAN<p>Kehidupan adalah sesuatu yang kita pahami sabagai jalur hidup seseorang. pada umumnya kehidupan tampak sebagai kisah seseorang, namun pada sempatan kali ini gua akan menceritakan tentang kehidupan seseorang, sapa saja dia 'Z'... <br>
Z adalah seorang laki2 yang penuh dengan kebahagiaan, dalam segi materi maupun ilmu. namun di balik itu semua ia mempunyai sebuah kisah yang mampu menyentuh hati pembacannya,.. <br>
Z sekarang berumur 16 menuju 17, masa2 hidup rentan bukan? <br>
namun Z tetap berpegang dengan prisipnya yg kuat itu.. Prinsipnya bisa di bilang bagus soalnya ia mempunyai prinsip yakni jauh dari yg haram dan selalu menyayangi orang tuanya.. <br>
Di mulai pada awal bulan februari, Z memiliki seorang kekasih yg begitu cantik(maklum model). <br>
Z merasa ia adalah lelaki paling beruntung di dunia. di karenakan kekasihnya ini kita sebut saja 'D' penuh kasih sayang yg tulus dan raut wajah penuh dengan keterbukaan. <br>
Z sangat senang dan bahagia menjalani hubungan dengan D, baru saja 3 minggu Z sering di ajak makan malan dengan orang tua D. <br>
namun kesenangan dan kebahagiaan tersebut sirna sudah. hanya karna kesalahan yg tidak ringan. Z bercerita tentang keputusannya menunggalkan D, berawal dari asal usulnya. setelah di selidiki oleh Z sendiri, ternya D adalah seorang kupu2 malah. atau bahasa kasarnya pelacur. awalnya Z membuntuti tempat pemotretan D. maaf saya tidak bisa memberi tahukan tempat persisnya. Z membuntuti D dari kejauhan, hingga akhirnya D sampai di suatu hotel berbintang di bandung, tanpa mikir panjang lagi Z langsung masuk dan melihat D dari kejauhan, Z melihat D sedang berbicara dengan seseorang ibu sexy ya mungkin itu MAMInya hehe. karna penasaran Z terus membuntuti D hingga lantai 3, yang lebih mengejutkan lagi adalah D masuk sebuah kamar vvip dan otomatis Z makin penasaran penotretan ga mungkin di kamar hotel dan tanpa crew pemotretan... <br>
Z menunnggu dari kerjauhan sambil melihat ke arah pintu kamar tersebut, karna Z sangat penasaran dan bergegas untuk melihat keadaab di dalam, namun belum sempat Z melangkah terdengar suara pintu terbuka, setelah Z menegaskan ternyata ada seorang laki2 separu baya keluar dari kamar yg di masuki D tadi, dan lebih terkejutnya lagi D menyusul keluar kamar yg hanya menggunakan handuk mini -_- ... <br>
Z masih bersabar dan masih menunggu keadaan benar2 memungkinkan... <br>
namun apa daya Z melihat D mencium kakek sial itu. tanpa pikir panjang Z berlari dan memukul si kakek tadi.. <br>
D terlihat sangat terkejut dan masih saja memasah wajah polosnya. Z bertanya keras kepada D "KAMU ITU SEBENERNYA KERJA APA?!!" dengan akting nangisnya D menjawab " aku tadi lagi apa pemotretan yang" <br>
Z terdiam sejenak lalu berbicara lagi. " bisa aku lihat crew pemotretan kamu?" D menjawab "nanti aja yang kalo aku jawab sekarang kasian penulisnya capek kepanjangan" teteo ikutin ceritanya ya guys. lumayan nambah pengalaman hidup supaya ga ter jerumus. mungkin besok atau lusa guys saya menulis kelanjutannya. salam manis saya -Gusti Albustomi :-*</p>
Gustihttp://www.blogger.com/profile/13061875554307814956noreply@blogger.com0