Cómo reducir el espaciado vertical en el widget de registro de mi blog

Estimados Colegas

Estoy colocando un codigo para agregar un formulario de registro en un widget de mi blog pero al agregarlo de un espaciado bastante largo verticalmente hacia arriba. No se como reparar esa falla.

Adjunto El codigo y el link del blog para que vean a lo que me refiero.

CODIGO:
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//ivancalletoledo.us12.list-manage.com/subscribe/post?u=2fb182dcaa2b18c01a875f6ab&amp;id=b59417bc34" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Ingresa tus Datos y Descarga Aqui</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-FNAME">Nombre Completo <span class="asterisk">*</span>
</label>
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Tu correo principal <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2fb182dcaa2b18c01a875f6ab_b59417bc34" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>




<div align=center><img src="http://comocontrolarlapresion.com/wp-content/uploads/2016/01/flecha-animadaroja.gif" border="0" width="150" height="100"></div>
<p align="center">DESCARGA totalmente GRATIS el reporte "Milagro para la Hipertension" sobre las verdades de esta enfermedad y las soluciones alternativas disponibles</p>
<div align=center><img src="http://comocontrolarlapresion.com/wp-content/uploads/2016/01/reporte-milagro-para-la-presion.jpg" border="1" width="280" height="227">
</div>

BLOG URL:
COMO CONTROLAR LA PRESION ARTERIAL - Todo lo que necesitas saber para tratar y controlar la presión arterial.

Gracias por su aporte.

Saludos Cordiales

Ivan

No entendí realmente tu pregunta por lo tanto no te entiendo y no te puedo dar una solucion, si me la explicarias con mas detalles lo que quieres hacer te lo diría.

Calculo que sera algo así...

Porfa entra a: COMO CONTROLAR LA PRESION ARTERIAL - Todo lo que necesitas saber para tratar y controlar la presión arterial. y comprenderas mi duda.
Saludos.

Separá de contenedor el widget
Elimina el contenedor superior del lado derecho
y añade tu botón de suscripción
Luego verifica el codigo de tu primer mensaje de descarga que tienes ahí

hola

Gracias por tu respuesta. Pero la verdad no comprendo lo que me indicas. si pudieras darme un poco mas de detalles seria genial amigo.

Saludos Cordiales.