HTML HELL

I'm trying really hard to get the hang of coding, but while I learn, can you please help me out with this problem?

I'm trying to get this header to align properly with the rest, I can't seem to figure it out.

First look at teh blog

Then look at this code (I've bolded what I think is the trouble spot):

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
* <title><$BlogPageTitle$></title>

* <$BlogMetaData$>

* <style type="text/css">
#b-navbar{
height:0px;
visibility:hidden;
}

body {
* background:#000;
* margin:0;
* padding:40px 20px;
* font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
* text-align:center;
* color:#ccc;
* font-size/* */:/**/small;
* font-size: /**/small;
* }
a:link {
* color:#666;
* text-decoration:none;
* }
a:visited {
* color:#333;
* text-decoration:none;
* }
a:hover {
* color:#888;
* text-decoration:underline;
* }
a img {
* border-width:0;
* }

/* Header
----------------------------------------------- */
#header {
* width:660px;
* margin:0 auto 10px;
* border:1px solid #333;
* }
#blog-title {
* margin:5px 5px 0;
* padding:20px 20px .25em;
* border:1px solid #222;
* border-width:1px 1px 0;
* font-size:200%;
* line-height:1.2em;
* color:#ccc;
* text-transform:uppercase;
* letter-spacing:.2em;
* }
#blog-title a {
* color:#ccc;
* text-decoration:none;
* }
#blog-title a:hover {
* color:#ad9;
* }
#description {
* margin:0 5px 5px;
* padding:0 20px 20px;
* border:1px solid #222;
* border-width:0 1px 1px;
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.2em;
* color:#777;
* }

/* Content
----------------------------------------------- */
#content {
* width:660px;
* margin:0 auto;
* padding:0;
* text-align:left;
* }
#main {
* width:410px;
* float:left;
* }
#sidebar {
* width:220px;
* float:right;
* }

/* Headings
----------------------------------------------- */
h2 {
* margin:1.5em 0 .75em;
* font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.2em;
* color:#777;
* }

/* Posts
----------------------------------------------- */
.date-header {
* margin:1.5em 0 .5em;
* }
.post {
* margin:.5em 0 1.5em;
* border-bottom:1px dotted #444;
* padding-bottom:1.5em;
* }
.post-title {
* margin:.25em 0 0;
* padding:0 0 4px;
* font-size:140%;
* line-height:1.4em;
* color:#b2b2b2;
* }
.post-title a {
* text-decoration:none;
* color:#b2b2b2;
* }
.post-title a:hover {
* color:#fff;
* }
.post div {
* margin:0 0 .75em;
* line-height:1.6em;
* }
p.post-footer {
* margin:-.25em 0 0;
* color:#333;
* }
.post-footer em, .comment-link {
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
.post-footer em {
* font-style:normal;
* color:#777;
* margin-right:.6em;
* }
.comment-link {
* margin-left:.6em;
* }
.post img {
* padding:4px;
* border:1px solid #222;
* }
.post blockquote {
* margin:1em 20px;
* }
.post blockquote p {
* margin:.75em 0;
* }

/* Comments
----------------------------------------------- */
#comments h4 {
* margin:1em 0;
* font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.2em;
* color:#999;
* }
#comments h4 strong {
* font-size:130%;
* }
#comments-block {
* margin:1em 0 1.5em;
* line-height:1.6em;
* }
#comments-block dt {
* margin:.5em 0;
* }
#comments-block dd {
* margin:.25em 0 0;
* }
#comments-block dd.comment-timestamp {
* margin:-.25em 0 2em;
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
#comments-block dd p {
* margin:0 0 .75em;
* }
.deleted-comment {
* font-style:italic;
* color:gray;
* }

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
* margin:0 0 1.5em;
* padding:0 0 1.5em;
* border-bottom:1px dotted #444;
* list-style:none;
* }
#sidebar li {
* margin:0;
* padding:0 0 .25em 15px;
* text-indent:-15px;
* line-height:1.5em;
* }
#sidebar p {
* color:#999;
* line-height:1.5em;
* }

/* Profile
----------------------------------------------- */
#profile-container {
* margin:0 0 1.5em;
* border-bottom:1px dotted #444;
* padding-bottom:1.5em;
* }
.profile-datablock {
* margin:.5em 0 .5em;
* }
.profile-img {
* display:inline;
* }
.profile-img img {
* float:left;
* padding:4px;
* border:1px solid #222;
* margin:0 8px 3px 0;
* }
.profile-data {
* margin:0;
* font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
.profile-data strong {
* display:none;
* }
.profile-textblock {
* margin:0 0 .5em;
* }
.profile-link {
* margin:0;
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }

/* Footer
----------------------------------------------- */
#footer {
* width:660px;
* clear:both;
* margin:0 auto;
* }
#footer hr {
* display:none;
* }
#footer p {
* margin:0;
* padding-top:15px;
* font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
* </style>

</head>

<body>

<div id="header">

* <h1 id="blog-title">
* * <align center.
* * <ItemPage><a href="<$BlogURL$>"></ItemPage>
http://img159.echo.cx/img159/6885/blogheadercopy3mb.gif
* * * * <ItemPage></a></ItemPage>
* * </align>
* </h1>
* <p id="description"><$BlogDescription$></p>


<div id="content">


<div id="main"><div id="main2">

<Blogger>

* * <BlogDateHeader>
* <h2 class="date-header"><$BlogDateHeaderDate$></h2>
* </BlogDateHeader>

*
* *
* 
* <div class="post"><a name="<$BlogItemNumber$>"></a>
* * * * <BlogItemTitle>
* * <h3 class="post-title">
* <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
* <$BlogItemTitle$>
* <BlogItemUrl></a></BlogItemUrl>
* * </h3>
* * </BlogItemTitle>

* * * * * <div class="post-body">
<div>
* * * <$BlogItemBody$>
* * </div>
* * </div>
* *
* * <p class="post-footer">
* * * posted by <$BlogItemAuthorNickname$> at <$BlogItemDateTime$>
* * * <MainOrArchivePage><BlogItemCommentsEnabled>

* * * * ><$BlogItemCommentCount$> comments
* * * </BlogItemCommentsEnabled></MainOrArchivePage>* <$BlogItemControl$>
* * </p>
*
* </div>
* 
*
*
*
* 
<ItemPage>
* <div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>
* * * * <h4><$BlogItemCommentCount$> Comments:</h4>
* * * * <dl id="comments-block">
* * * <BlogItemComments>
* * * <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
* * * * <$BlogCommentAuthor$> said...
* * * </dt>
* * * <dd class="comment-body">

* * * *

<$BlogCommentBody$></p>
* * * </dd>
* * * <dd class="comment-timestamp"><$BlogCommentDateTime$>
* <$BlogCommentDeleteIcon$>
* </dd>
* * * </BlogItemComments>
* * </dl>
* <p class="comment-timestamp">

* * <$BlogItemCreate$>
* * </p>
* * </BlogItemCommentsEnabled>
* <p class="comment-timestamp">
<< Home
* * </p>
* * </div>

</ItemPage>

* 

</Blogger>
</div></div>



<div id="sidebar"><div id="sidebar2">
*
*
* 

* <$BlogMemberProfile$>
*
* 
* *
* * * * <MainOrArchivePage>
* <h2 class="sidebar-title">Links</h2>
* *
* *
Google News
* *
Edit-Me
* *
Edit-Me
*

* </MainOrArchivePage>

*
* <h2 class="sidebar-title">Previous Posts</h2>
* * <ul id="recently">
* * <BloggerPreviousItems>
* * * *[*]<$BlogPreviousItemTitle$>
* * </BloggerPreviousItems>
*[/list]
* * <MainOrArchivePage>

* <h2 class="sidebar-title">Archives</h2>
* * <ul class="archive-list">
* * * <BloggerArchives>
* * [*]<$BlogArchiveName$>
* </BloggerArchives>

*[/list]
* </MainOrArchivePage>

* * * <p id="powered-by">http://buttons.blogger.com/bloggerbutton1.gif</p>
*
* 
*

</div></div>


</div>



<div id="footer"><hr />
*

<Religion is the opiate of the masses.></p>

</div>


</body>
</html>
[/quote]

i'm very confused. take a screenshot of what it looks like for you, and what you want it to look like...because everything looks like it's laid out fine to me.

NEVER mind.... I just changed the banner to normall text title, I used to have a graphic banner and it was all wierd and off-center.