Borrar espacio entremedio del titulo y el slogan

[LucMAN]

Hola estoy haciendo un proyecto (es el proyecto final que estoy haciendo para un curso de la facultad), la verdad que se usar un poco hojas de estilo y tengo un pequeño problema, aver si me pueden ayudar

Mi logo se ve así:


Y la verdad que no se vé muy bien :(
Entonces queria ver si hay alguna manera para sacar ese "espacio" intermedio para que se vea mejor.
dejo el código CSS que controla esa sección:

Código:

.header{
	color: white;
}

.header h1 a{
	color: white;
	font-size: 30pt;
	font-family: "Trebuchet MS", arial, helvetica, Sans-serif;
	font-weight: normal;
	text-decoration:none;
}

Y este es el código HTML (uso HTML 4 Trans y no xhtml) de la sección que me generó el script php:

Código:

<div class="header"> 
			<div align="right"> 
				<img src="../img/icons/user.png" width="16" height="16" alt="user">Logeado como admin
			</div> 
			<h1><a href="index.php">GreenPants</a></h1> 
			<i><img src="../img/icons/wrench_orange.png" width="16" height="16" alt="wrench_orange">Panel de Admin</i> 
		</div> 
		<hr>

Saludos, (seguramente era una tontería pero remarco mi ignorancia en CSS )
Luciano.

[metacortex]

Código CSS:

.header h1 {
    margin-bottom: 6px;
}