<body>
***<div id="rap">
<div id="navcontainer">
<ul id="navlist">
<li><a href="/journal/wp-admin/post.php?PHPSESSID=d4aa9d8ac818e34631c97b1e6e9e4685">Login</a></li>
<li><a href="http://www.cariadsrealm.net">Home</a></li>
<li><a href="/journal/rules.php?PHPSESSID=d4aa9d8ac818e34631c97b1e6e9e4685">FAQ</a></li>
<li><a href="/journal/About.php?PHPSESSID=d4aa9d8ac818e34631c97b1e6e9e4685">About </a></li>
<li><a href="http://cariadsrealm.net/web2mail/web2mail.php">Contact</a></li>
<li><a href="http://gallery.cariadsrealm.net">Gallery</a></li>
</ul>
</div>
<h1 id="header"><a href="http://cariadsrealm.net/journal"></a></h1>
<div id="content">
<!-- end header -->
***<div id="rap"><div id="content"><div class="storycontent">
You've got an extra "rap" ID stuck in there. "Content" is being pushed over by the value of margin: auto; width: 770px; twice.
Also, there are 2 unclosed DIVs, plus HTML and BODY aren't closed. Looks like the end of the page got cut off or something.
And ... it looks like you fixed it. I just refreshed your page and it's all centered now ...
I'll just be toddling along now .....