Here's my test journal
http://testclalyan.livejournal.com/CODE
GLOBAL_HEAD<=
<style type="text/css">
<!--
/*GETS RID OF ICON*/
.shadowed img{
display:none;
}
/*HIDES YOUR NAVIGATION*/
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
body{
margin-top:400px;
}
tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;top:0px;
width: 419px;
left:40%;
margin-left:-412px;
height: 500px;
}
/*YOUR SIDEBAR*/
#sidebar{
position:absolute;
top:px;
left: 50%;
margin-left: 50px;
width: 225px;height: 100%;
visibility: visible;
z-index:2;
font-size:8pt;
text-align:justify;
}
#sidebar img{
display:inline;
}
/*BACKGROUND IMAGE*/
body {
background-color:#000000;
background-image: url(http://img59.imageshack.us/img59/3206/swbg34hy.jpg);
background-attachment:fixed;
background-repeat: repeat-y;
background-position: top center;
}
/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}
table {
width: 450px;
left:50%;
margin-left:-400px;}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}
/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD
LASTN_WEBSITE<=
<!--YOUR SIDEBAR STUFF HERE-->
<div id="sidebar">
<br />
<br />
<br />
<center>
<img src=" http://img222.imageshack.us/img222/5742/swsb1vl.jpg">
</center>
</div>
<!--This fixes a bug in Internet Explorer-->
<div> </div>
<div id="x">
<!--HEADER IMAGE-->
<img src=" http://img216.imageshack.us/img216/714/swbg0qj.jpg" style="display:inline;">
</div>
<=LASTN_WEBSITE