HTML - Ayuda con código para mi Tumblr

Buenas tardes. Tengo un problemilla con el código de mi tema (no lo he creado yo) de Tumblr.
No tengo ni idea de programar, pero me puse a darle vueltas al coco, y conseguí modificar un par de cositas que quería meter en mi página. Pero al modificarlas, se movió el botón del reproductor de audio y ahora no se como conseguir ponerlo en el centro.
Mi blog es este:
Como podéis ver, el botón donde hacer click, para que suene la música, está levemente movido hacia la derecha y me gustaría tenerlo en el centro.
Y el trozo de código donde tengo el problema, es el siguiente

{block:Audio}
<div class="post-body post-type-audio">
<div class="post-content">
<!-- .r-entry -->
<div class="r-object r-entry">
<div class="r-top r-top-right"><div class="r-top r-top-center"></div><div class="r-top r-top-left"></div></div>
<div class="r-content">
{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" alt="" width="150" height="150"/></div>{/block:AlbumArt}
<div class="audio-player-container">
<div class="track-area">
{block:Artist}<span class="track-artist"><span class="track-artist-inner"><span class="text">{Artist}</span></span></span>{/block:Artist}
{block:TrackName}<span class="track-title"><span class="track-title-inner">{TrackName}</span></span>{/block:TrackName}
<span class="player-control-play"></span>
</div>
<div class="player-area"><div class="player-area-inner">
<script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
<span id="audio_player_{PostID}" class="audio_player">[<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash 9</a> is required to listen to audio.]</span>
<script type="text/javascript" src="/api/read/json?id={PostID}"></script>
<script type="text/javascript">
var color = "f15a24";
var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color);
replaceIfFlash(9, "audio_player_{PostID}", player);
</script>
</div></div>
<a class="post-notes notes-button">{PlayCount}&nbsp;Plays</a>
<div class="image-info">
{block:Caption}<div class="image-description">{Caption}</div>{/block:Caption}
</div>
</div>
<div class="r-content-border r-content-border-left"></div>
<div class="r-content-border r-content-border-right"></div>
</div>
<div class="r-bottom r-bottom-right"><div class="r-bottom r-bottom-center"></div><div class="r-bottom r-bottom-left"></div></div>
</div>
<!--/ .r-entry -->

</div>
</div>
{/block:Audio}

Gracias de ante mano. Si me lo pudieseis resolver, sería el tío mas feliz del mundo. Muchísimas gracias.

¿es el que tiene la flecha negra y se repite en todos los reproductores?

Saludos.

SSL | Qué es SSL | Geotrust | Thawte

Exacto!!! Es ese botón. Como puedes ver, está desplazado hacia la derecha y me gustaría hacerlo coincidir con el símbolo de PLAY naranja y blanco.
Ayer ya me volví loco, cambiando código y probando los cambios... Pero no daba con la tecla.
Si me podéis echar un cable, os lo agradecería.
Saludos.