This layout is for Christine.  She requested it.

<img src=" http://www.sanclementejournal.com/images/2004_03/Ryan.jpg "</img src>
<BR>
<font color=blue face="lucida console" size=7><b>I <3</b></font> <BR><font color=orange face="lucida console" size=5><i><u>SKATEBOARDING</u></i></font> </div>

<style type="text/css">
/* greatunknown_artists layouts */
/* by ross from the_Greatunknown_artists */
body {
 background-color: #000000;
 scrollbar-arrow-color: #FF9F40;
 scrollbar-track-color: #0000FF;
 scrollbar-shadow-color: #FFFFFF;
 scrollbar-face-color:#FF9F40;
 scrollbar-highlight-color: #0000FF;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-3dlight-color: #FF9F40;
background: url("http://tinypic.com/amtgg3.jpg");
background-repeat: repeat in all directions;
background-attachment: fixed;
background-position: Centered;
 }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 10px lucida console;
 line-height:12px;
 color: #FFBF80;
 letter-spacing:0px;
 text-align:left;
 }
table.footer TD {
/* this makes the footer at the top centered */
/* leave it alone unless you know what to do*/
 text-align: center;
 }
div.blogheader, .caption {
/* edits the dates */
font-family: arial bold;
text-transform: lowercase;
font-size:14pt;
font-weight: bold;
letter-spacing: 0px;
color: #FFBF80;
background-color: #0000FF;
text-align: center;
border: 1px solid #0000FF;
border-bottom: 3px solid #0000FF;
width: justify;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#FF8000;
 border:3px solid #FF0000;
font:normal 11px arial narrow;
 text-decoration: none;
 }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#00FFFF;
 border:1px solid #000000;
font:normal 9px times new roman;
 line-height:9px;
 text-decoration: underline;
 }
a:hover {
/* edits when user mouseovers the links */
 color:#0080FF; border: 0px solid #000000;
font: 13pt lucida console;
background-color: #000000;
  font-size:13pt;
line-height: 9pt;
cursor: resize;
  height: 2;
 }
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 3px solid #FF0000;
 font:normal 10px arial narrow;
color: #FFFFFF;
 background-color: #000000;
 letter-spacing:0px;
 }
table.left {
/* this edits the menu module */
 border: 0px solid #FF8000;
font-weight: normal;
 width:170px;
  background-color: #000000;
 }
table.blogbody {
/* this edits the other the place where the  blog is */
 background-color: #000000;
border: 1px solid #000000;
border-top: none;
 width: justify;
 }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family: lucida console;
text-transform: lowercase;
font-size:9pt;
font-weight: bold;
letter-spacing: 0px;
color: #E79F58;
background-color: #0000FF;
text-align: left;
border: 1px solid #FF8000;
border-bottom: none;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: #000000;
border:  1px solid #000000;
border-top: 3px dotted #FF8000;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #0000FF;
 border: 1px solid #0000FF;
 }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 1px solid #FF0000;
 }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 480px;
 }
hr {
/* horizontal divider */
 border: 1px solid #0000FF;
 }
</style>