<div align=center>
<a href="HTTP://www.xanga.com/jack_off_layouts" title="JOL"><font size=2><font face=sylfaen>JOL</font></a><Br><Br><Br>
<style type="text/css">
/* i gotta get outta here */
body {
  background-color:black;
  background-image: url("http://img60.imageshack.us/img60/6908/tretex19l4tk.jpg"); 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  scrollbar-arrow-color: white;
  scrollbar-track-color: 66#BA3D1F;
  scrollbar-shadow-color: white;
  scrollbar-face-color: #BA3D1F;
  scrollbar-highlight-color: #C0D37A;
  scrollbar-darkshadow-color: white;
  scrollbar-3dlight-color: #AE0B0B;
  }
 
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font: normal 11px sylfaen;
  line-height: 10px;
  color: black;
  letter-spacing: 0px;
  text-align: justify;
  }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }
 
div.blogheader, .caption {
/* edits the dates */
  font: normal 17px sylfaen;
  line-height: 14px;
  color: black;
  background-color: black;
  background-image:  url("http://img60.imageshack.us/img60/9806/tretex191oi.jpg"); 
  text-align: center;
  border: 1px solid red;
  width: 250px;
  text-transform: none;
  }
 
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color: white;
  font: normal 10px sylfaen;
  background-color: transparent;
  line-height: 11px;
  text-decoration: underline;
  border: none;
  text-transform: none;
  }
 
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: white;
  font: normal 10px sylfaen;
  background-color: transparent;
  line-height: 11px;
  text-decoration: line-through;
  border: none;
  text-transform: none;
  }
 
a:hover {
/* edits when user mouseovers the links */
  color: black;
  font: normal 10px sylfaen;
  background-color: transparent;
  line-height: 11px;
  border: 1px solid #C0D37A;
  text-decoration: none;
  cursor: ;
  text-transform: none;
  }
 
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #BA3D1F;
  font: normal 11px sylfaen;
  background-color: #C0D37A;
  color: black;
  }
 
table.left {
/* this edits the menu module */
  border: 1px solid #C0D37A;
  width: 160px;
  background-color: #AE0B0B;
  }
 
table.blogbody {
/* this edits the other the place where the blog is */
  background-color:black;
  background-image: url("http://img60.imageshack.us/img60/9806/tretex191oi.jpg"); 
  background-attachment: fixed;
  background-position: bottom left;
  background-repeat: repeat;
  width: 250px;
  border: 1px solid #C0D37A;
  }
 
table.left th {
/* on your menu module, this edits the title part of it */
/* suscribes, suscribe, posting calendaretc */
  background-color: white;
  background-image:  url("http://img60.imageshack.us/img60/9806/tretex191oi.jpg"); 
 font: normal 13px sylfaen;
  color: black;
  border: 1px solid red;
  text-align: center;
  text-transform: none;
  }
 
table.left TD {
/* on your menu module, this edits the body part of it */
  background-color: black;
  border: 1 px solid #C0D37A;
  background-image: url("http://img60.imageshack.us/img60/9806/tretex191oi.jpg"); 
  text-align: left;
  color: black;
  }
 
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent;
  border: 1px solid #C0D37A;
  width: 250px;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #C0D37A;
  width: 250px;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 250px;
  }
hr {
/* horizontal divider */
  border: 1px solid black;
  width: 250px;
  }
</style>