Formatting location or Title/Tagline

(I posted this before but when I click it to add something it says the topic is closed or missing so pardon this repeat.)

For this theme I need the title and tagline at the bottom of the header pic, because as you can see, you can’t read it at all where it is. Help!!!

Blog address: http://www.eliandnikki.com/niksblog/

This is my css file. The code starts with /* begin Logo */

/* begin Page */

/* Generated with Artisteer version 2.1.0.16090, file checksum is D3CE162A. */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #FCE37D;
	background-image: url('images/Page-BgTexture.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.Main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 800px;
	min-width:35px;
	min-height:35px;
}

.Sheet-body
{
	position: relative;
	z-index:1;
	padding: 3px;
}

.Sheet
{
	margin-top: 50px !important;
}

.PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare
{
	min-width:800px;
}

/* end Box, Sheet */

/* begin Header */
div.Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 794px;
	height: 250px;
}

div.Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 794px;
	height: 250px;
	background-image: url('images/birdyinapeartreeheadercopy3.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
	display : block;
	position: absolute;
	left: 10px;
	top: 100px;
	width: 800px;
}

h1.logo-name
{
	display: block;
	text-align: center;
        vertical-align: bottom;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding:0;
	margin:0;
	color: #000000 !important;
}

.logo-text
{
	display: block;
	text-align: center;
        vertical-align: bottom;
}

.logo-text, .logo-text a
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	padding:0;
	margin:0;
	color: #FFFFFF !important;
}
/* end Logo */