Help with Journal layout?

I'm trying to simplify my journal layout and would like to fix a few things but don't know how.

When viewing a single post (before comments are opened) the Varibles [comment_list] and [comment_box] are shown instead of that area being blank. I would like to hide these until the link to the comments has been clicked.

Also I would like to align single post to the left like my main journal is. Does anyone know how to help?

Here's the codes I'm using. Page layout: <style type="text/css"> body {color:dark grey} h1 {color:} p.ex {color:} body{background-color:;} p{background-color:;} p{border-color:; border-style:solid; border-width:1px;} p{width: 900px;}


a:link,a:active,a:visited {color:;
font-family:trebuchet ms;font-size:15pt;font-weight:none;
text-decoration:none;text-transform:none;cursor:crosshair;}
a:hover{color:;font-family:trebuchet ms;font-size:15pt;
font-weight:none;text-decoration:none;text-transform:none;
letter-spacing:none;cursor:crosshair;}
p.padding
{
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
}
</style>
<div id="jt_wrapper">		
<div id="jt_main">
<div id="jt_head"></div>
<div id="jt_content">
		&lt;div id=&quot;jt_title&quot;&gt;&lt;h1&gt;Necolasa's Journal&lt;/h1&gt;&lt;/div&gt;

[journal]
<ul>
[comment_list]
</ul>
<hr>
[comment_box]
</div>
<div id="jt_foot"></div>
</div>
<div id="jt_nav">
<ul> </ul>
</div>			
</div>

</hr>

Post: <div class="jt_post"> <div class="jt_title"><h1>[subject=link]</h1></div> <div class="jt_info"> </div> <div class="jt_text"> <p><p class="padding">[post]</p> </div> <div class="jt_comments">Comments: [comments] </div> </div>

Comments: <li>[author]: [comment] </li>

Logged Out

Help with Journal layout?

Replies