Okay. So I feel a little pathetic asking this, but I cannot think at…: component_help

Okay. So I feel a little pathetic asking this, but I cannot think at all what to do about this. It's about my navigation bar.

1) I want to shrink it down to either the same length as my components, or my head. Whichever would be the easiest or whatever.
2) I also want to give it the flat look that my components have (as in, no dark shaded area at the bottom of the bar).

Here are my codes. Is there anything that I can do? Thanks in advance for any help at all :)

layerinfo "type" = "theme";
layerinfo "name" = "_effervescent";
set calendar_inactive = "#4daab6";
set entry_link_visited = "#fcedb3";
set comp_friends = true;
set text_meta_mood = "feels";
set text_post_comment = "Comment";
set header_bgcolor = "#388E8E";
set main_bgcolor = "#4daab6";
set links_text = "links";
set header_fgcolor_lt = "#ffeec8";
set header_fgcolor = "#ffeec8";
set text_meta_music = "hears";
set nav_info_text = "information";
set nav_friends_text = "stalking is deck";
set show_summary = false;
set entry_link = "#fcedb3";
set header_link = "#fcedb3";
set calendar_active = "#4daab6";
set page_recent_items = 6;
set text_permalink = "link!";
set comp_fgcolor = "#ffeec8";
set comments_screened_bgcolor = "#4daab6";
set lineheight = 14;
set text_post_comment_friends = "Comment";
set calendar_link = "#ffeec8";
set font_family = "Verdana, sans-serif";
set show_free_text = true;
set nav_text_forward = "go forward";
set nav_calendar_text = "calendar";
set nav_entries_text = "recent entries";
set page_background_image = "";
set page_friends_items = 15;
set entry_bgcolor = "#4daab6";
set comment_divider = "•";
set free_text = "Summer Break?
Wanna do something?";
set comp_bgcolor = "#4daab6";
set entry_fgcolor = "#ffeec8";
set calendar_fgcolor = "#fcedb3";
set nav_text_back = "go back";
set free_text_text = "come and find me";
set profile_text = "get to know me";
set comp_navbar = false;
set comments_bgcolor = "#4daab6";
set text_reply_back = "Read";
set calendar_text = "archives";

layerinfo lang = "en";
layerinfo source_viewable = 1;
layerinfo is_public = 1;

###################################
#
#     DELETING THE TITLE COMPONENT
# uniquewonders, component-help/734925 
# overrides print_my_entries(Page p, string title)
#
###################################

function print_my_entries(Page p, string title) {

# Start the column for the body. Do not delete this line.
    """<td valign="top" width="100%">""";
    
   $p->print_body();
}

function page_layout(Page p) {
var string title = $p->title();
"""
<html>
<head>
<link rel="stylesheet" href="$p.stylesheet_url" type="text/css" />
$p.head_content
""";
$p->print_custom_head();
"""
<title>$title</title>
</head>
<body>
<td><center><img
src="http://img.photobucket.com/albums/v69/aimerzJD/21js-hanson.jpg"></td>
<body>
<table width="80%" cellspacing="0" cellpadding="0" valign="top" align="center">
<tr valign="top" width="80%">
<td width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0"></td>  
""";

if (not $*comp_navbar or $*comp_state=="none") {
    """
    <img src="http://www.livejournal.com/palimg/component/clear.gif">
    <div class="header">
    """;
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"recent"}+"\">$*nav_entries_text</a></span>";
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"friends"}+"\">$*nav_friends_text</a></span>";
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"archive"}+"\">$*nav_calendar_text</a></span>";
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"userinfo"}+"\">$*nav_info_text</a></span>";
    if ($p.journal.website_url != "") {
        print "<span class=\"header-item\"><a href=\"$p.journal.website_url\">$p.journal.website_name</a></span>";
    }
    $p->lay_viewspec_nav();  # prints previous / next links including arrow images
    """
    </div>
    <img src="http://www.livejournal.com/palimg/component/clear.gif">
    """;
  }

if ($*comp_state == "right") {
print_my_components($p);
"""
<td width="1">
<img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0">
</td>
""";
}

print_my_entries($p, $title);
if ($*comp_state == "left") {
"""
<td width="2">
<img src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0">
</td>
""";
print_my_components($p);
}
"""
<td width="1">
<img src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0">
</td>
</tr>
</table>
</body>
</html>
""";
}

function print_profile(Page p) {
print_comp_header($*profile_text);
var string ljusername = "_effervescent";
"""
<table cellspacing="0" cellpadding="0" border="0">
  <tr>
<td width="50%" align="center">
      <div class="shortLine"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
      <div class="shortLine"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
    </td>
    <td align="center">
      <a href="$*SITEROOT/allpics.bml?user=$p.journal.username"><br> $p.journal.default_pic</a>
    </td>
    <td width="50%" align="center">
      <div class="shortLine"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
      <div class="shortLine"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
   </td>
  </tr>
  <tr>
    <td colspan="3" class="compContent">
      <div><center><span class='ljuser' style='white-space:nowrap;'><lj user=_effervescent></a></span></center></div>
</center></div>
""";
if($p.journal.username == $ljusername) {
var string aimHandle   = "aimerzJD";
var string aimMessage  = "zomg+you're+so+cool!";
var string aimImgUrl   = "http://img.photobucket.com/albums/v69/aimerzJD/speechbubble.gif";
var string aimImgAlt   = "talk to moi";
var string emailHandle = "ketchup.girl@gmail.com";
var string emailImgUrl = "http://img.photobucket.com/albums/v69/aimerzJD/envelope2.gif";
var string emailImgAlt = "email me, punk";
""" 
     <div align="center">
        <div>
          <table>
            <tr>
              <td><a href="aim:goim?screenname=$aimHandle&message=$aimMessage"><img src="$aimImgUrl" alt="$aimImgAlt" title="$aimImgAlt" style="border: 0;" /></a></td>
              <td><a href="mailto:$emailHandle"><img src="$emailImgUrl" alt="$emailImgAlt" title="$emailImgAlt" style="border: 0;"/></td>
            </tr>
          </table>
        </div>
      </div>
""";
}
"""
      <div><b>Name:</b> Amy</div>
""";
if($p.journal.username == $ljusername) {
var string age           = "15";
var string location      = "Kentucky";
var string loves         = "Photoshop, Writing, Green";
var string k1Swidth  = "70%";
"""
      <div><b>Age:</b> $age</div>
      <div><b>Location:</b> $location</div>
      <div><b><3s:</b> $loves</div>
""";
}

"""
    </td>
  </tr>
</table>
""";
print_comp_footer();
}

function Page::print_custom_head() {
	"""
	<style media="screen" type="text/css">
     .dkLine { background-color: #388E8E; }
     .ltLine { background-color: $*header_bgcolor; }
     .medLine { background-color: $*header_bgcolor; }
     .divLine { background-color: $*header_bgcolor; }
     .tabBg { background-color: $*header_bgcolor; }

.date4 { line-height: 9px;
font-family: verdana;
font-size: 8pt;
color: #ffeec8;
letter-spacing: 3px;
text-align: center; }

.date2 { line-height: 9px;
font-family: verdana;
font-size: 8pt;
color: #ffeec8;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center; }

.date3 { line-height: 9px;
font-family: verdana;
font-size: 8pt;
color: #ffeec8; 
text-transform:uppercase;
letter-spacing: 3px;
text-align: center; }

.sideHeader { font-family: verdana;
font-size: 8pt;
color: #ffeec8;
text-transform: uppercase;
letter-spacing: 4px;
text-align: center; }

a:visited { color: #fcedb3; 
font-size:9pt; 
font-family: verdana; }

a:hover { color: #fcedb3;  
font-size:8pt; 
font-family:verdana; }

strong{ color: #fcedb3;
font-size:8pt; 
font-weight:bold;
font-family:verdana; }

B{ color: #fcedb3; 
font-size:8pt; 
font-weight:bold;
font-family:verdana; }

i{ color: #fcedb3; 
font-size: 7pt; 
font-family: verdana; }

em{ color: #fcedb3; 
text-transform: none; 
font-family:verdana;
font-size:8pt; }

u{ color: #fcedb3; 
font-family: verdana;
font-size:8pt; }

strike{ color: #fcedb3; 
font-size: 8pt; }

s{ color: #fcedb3; 
font-size: 8pt; }

body { background-color: #4daab6;
			font-family: Verdana;
			font-size: 9px; }
		
td, tr { font-family: Verdana;
			font-size: 9px;
			color: #ffeec8;
			line-height: 10px; }
		
a { color: #fcedb3;
			text-decoration: none;
                       font-size: 9px; }

.entryDate { text-align: center;
text-transform: uppercase; 
letter-spacing:2px; }

.entryHeader { text-transform: uppercase; }

a:visited { color: #fcedb3;
                       font-size: 9px; }
		
		.subject { font-weight: bold; }
		.small { margin-top: 3px;}
	
		.userTitle { font-size: 10px;
			text-weight: bolder;
			color: #fcedb3;
			line-height: 10px; }
		
		.userSubTitle { font-size: 10px;
			color: #fcedb3;
			line-height: 10px; }		
		
		.entryHolderBg { background-color: #4daab6;
			color: #ffeec8; }
		
		.entry { background-color: #4daab6;
			font-size: 9px; }
		
		.entryHeader {	font-size: 9px;
			font-weight: bold; }
		
		.entryComments { font-size: 9px;
			color: #ffeec8; }
		
		.entryDash { background-color: #4daab6;
			width: 100%;
			height: 0px; }
		
		.sideHeader { font-size: 10px;
			color: #FFeec8; }

.compBg { background-color: #4daab6; }

.compContent { line-height: 10px;
			color: #FFeec8; }
		
		.compFont { color: #ffeec8; }

.compList { line-height: 9px; }

a.info{ position:relative; /*this is the key*/
    z-index:24; background-color:#4daab6;
    color:#ffeec8;
    text-decoration:none}
		
	</style>
	""";
}

#Once we've done that we can proceed to edit the entries so that they apply these new classes #and do all that stuff that we want them to ;).

### Override the printing of entries. This affects the Recent/Day pages, Friends pages, and Entry pages.

function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor, bool hide_text) {

# Print the anchor to be used in the page summary.

if ($p.view=="friends") {
      """<a name="$e.journal.username$e.itemid"></a>""";
  } else { # for recent, day, entry pages.
      """<a name="item$e.itemid"></a>""";
  }

var string noscroll ;
  if ($p.view == "recent" or $p.view == "friends") {
     $noscroll = "class=\"fixed\"" ;
  }

var string content_top = """<td class="entryHolderBg" width="100%" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="100%">
<table cellspacing="0" cellpadding="0" border="0" width="100%" $noscroll>
<tr>
<td width="1" class="medLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td width="1" class="medLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td width="1" class="medLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="entry">
""";

# Print the header for the entry. It prints in the default form "[<icon> ]<time> <date>" where:
#   <icon> is the security icon (ie. lock if protected, eye if private, or none if public)
#   <time> is in the default time format (eg: 03:46 am)
#   <date> is bold and in the "long" format (eg: November 25th, 2003)
# The ordering can be adjusted however needed, and you can also modify the formats that date and time print in.
# This can all be done in the pink section below. For specifications of available formats or how to construct
#   your own formats, you can see: http://www.livejournal.com/doc/s2/siteapi.core1.html#siteapi.core1.dateformats

print_entry_header((defined $e.security_icon?"$e.security_icon ":"")+$e.time->time_format()+" <b>"+$e.time->date_format("long")+"</b>");

print_system_box_top();
"""<table cellspacing="0" cellpadding="0" border="0" width="100%"><tr>""";
# Check to see if we need to display a usericon and/or journal names, and if so, then print them
 # Cases - 1. We are viewing a friends page, so we need to display icons if they exist and journal/poster names
  #         2. We are viewing a recent/day/entry page, so we display only the icon if it exists and
  #            the user has set recent userpics on
  # The code in red is the logic to decide whether or not to show the userpics. You can modify it as you see fit.

if ($p.view=="friends" or ($*show_entry_userpic and defined $e.userpic) or $e.journal.journal_type=="C") {

# Start the table that will hold the icon and/or names
     """
     <td valign="top" style="padding-right: 8px;">
     <table cellspacing="0" cellpadding="0" border="0" align="center">
       <tr>
         <td><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
       </tr>
     """;

# Display the icon if it exists

if (defined $e.userpic) { """
       <tr>
         <td><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="2" alt="" border="0" /></td>
         """;

# If we are on the friends view, then we want to print the extra border around the image that have the colors
         # which are custom defined.
         #

if ($p.view=="friends") {
            """ <div style="padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; background-color: """; print $bgcolor.as_string; """ ;" align="center">
            <img border="1" src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="" style="border-color: """; print $fgcolor.as_string; """ ;" />
            </div> """;
         }else{
            """ <td align="center" class="userpic"><img border="1" src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="" /></td> """;
         }

"""
       </tr>
     """; }
 
    # Display the journal and possibly poster name if we are viewing the friends page or any page on a community
     # This code will print the journal the entry was made on, and if the poster is different, will print the poster under it.
     # I made the names centered under the image.
     if ($p.view=="friends" or $e.journal.journal_type=="C") { """
       <tr>
         <td><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="2" alt="" border="0" /></td>
         <td align="center" class="ljuser">$e.journal""";
         if ($e.journal.username!=$e.poster.username) {"""
           <div align="center" class="ljuser">$e.poster</div>""";
         } """
         </td>
       </tr>""";
     }
     """
     </table>
     </td>
  """; }

# Start the main entry text area.
#ATTENTION ALL THOSE ALREADY USING THE PRINT_ENTRY FUNCTION
#YOU HAVE TO REPLACE THIS PART OF YOUR CODE, NOT JUST ADD IT OR IT WON'T WORK.

print $content_top;

# If the subject is not empty, then print it followed by the line to seperate it from the entry text

if ($e.subject!="") { """
        <div class="entryHeader">$e.subject</div>
        <div class="entryDash"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
      </td>
      <td width="1" class="medLine"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    </tr>
    <tr>
      <td width="1" class="medLine"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      <td class="entry">
  """; }

# Print Mood and/or Music Fields:

# If we have a mood to print

if ($e.metadata{"mood"}!="") {

# first we need a spacer after the entry text

#  """<br/><br/>""";

# and then we print the mood label and the mood

"""<b> $*text_meta_mood : </b>"""; print $e.metadata{"feels"};

# followed by the mood icon if one exists. If you don't want the mood icons to show, remove the line below

if (defined $e.mood_icon) { """ $e.mood_icon """; }

"""<br/>""";

if (($e.metadata{"hears"}=="") and (size$e.tags <= 0)) { """<br/>"""; }

}

# If we have music to print

if ($e.metadata{"music"}!="") {

# If we didn't print a spacer because the mood was empty, then print one

# if ($e.metadata{"feels"}=="") { """<br/><br/>"""; }

# then print the actual music label and the music

"""<b> $*text_meta_music : </b>"""; print $e.metadata{"music"};

"""<br/>""";

}

# Tags

if ((size $e.tags > 0) and $*tags_aware) {

var string tags_header          = "tags";

var string tags_joiner          = ":";

var int    tcount               = 0;

var string entry_tag_manage_url = "$*SITEROOT/edittags.bml?journal=$p.journal.username&itemid=$e.itemid";

"""<b>$tags_header$tags_joiner</b> """;

foreach var Tag t ($e.tags) {

"""<a rel="tag" href="$t.url">$t.name</a>""";

$tcount++;

if ($tcount != size $e.tags) { ", "; }

}

"<br/><br/>";

}

# """ $e.text """;

"""<div class="scrollentry">""";
  # Print the entry text.
  """ $e.text """;

# Close off the entry text area

"""</div>""";

print_content_bottom();

# This is where the fun stuff is!
  # Now we begin the area underneath the entry that holds the comments, link, and entry related buttons.

"""
  <table width="100%">
    </tr>
      <td width="50%" align="left" valign="center">
        <div class="entryComments">
        """;
        # First we print the comment links if the entry allows comments
        if ($e.comments.enabled) {
          $e.comments->print();
        }
        """
        </div>
      </td>
      <td align="center" valign="center">""";

# Then print a permanent link to the entry.
        #

"""
<div class="entryComments"><span style="white-space:nowrap;"><b>( <a href="$e.permalink_url" class="commentLinks">$*text_permalink</a> )<b></span></div>
      </td>

<td width="50%" align="right" valign="center">""";

# Then the entry related buttons

"""<div class="entryComments">

""";

$e->print_linkbar();

# var Link prevlink = $e->get_link("nav_prev");

# if ($p.view=="entry" and defined $prevlink and $prevlink.url!="") { """<a href="$prevlink.url"><img border='0' width="$prevlink.icon.width" height="$prevlink.icon.height" alt="" src="$prevlink.icon.url" /></a>"""; }
          # var Link editlink = $e->get_link("edit_entry");
          # if (defined $editlink and $editlink.url!="") { """<a href="$editlink.url"><img border='0' width="$editlink.icon.width" height="$editlink.icon.height" alt="" src="$editlink.icon.url" /></a>"""; }
          # var Link memlink = $e->get_link("mem_add");
          # if (defined $memlink and $memlink.url!="") { """<a href="$memlink.url"><img border='0' width="$memlink.icon.width" height="$memlink.icon.height" alt="" src="$memlink.icon.url" /></a>"""; }
          # var Link nextlink = $e->get_link("nav_next");
          # if ($p.view=="entry" and defined $nextlink and $nextlink.url!="") { """<a href="$nextlink.url"><img border='0' width="$nextlink.icon.width" height="$nextlink.icon.height" alt="" src="$nextlink.icon.url" /></a>"""; }

"""
        <div>
      </td>
    </tr>
  </table>
  """;

# End the entry component and put a spacer after it so that entry components are seperated.

"""</tr></td></table>""";
  print_system_box_bottom();
  """ <div><img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="3" alt="" border="0"></div> """;

} # end of Function print_entry

########################################
#          SQUARE COMPONENTS           #
# kunzite1, component-help/277527      #
# overrides:                           #
#   print_my_entries(Page p)           #
#   print_entry_header(string content) #
#   print_bottom_nav(RecentPage p)     #
#   print_comp_header(string content)  #
#   print_nav_comp(Page p)             #
#   print_free_text(Page p)            #
########################################

# Make Global Title/Subtitle box have square corners
### Override the print_my_entries so we can make a custom titles and/or title sub components
function print_my_entries(Page p, string title) {

# Set to be your welcome note title, if you want one
    var string welcome_title = "Welcome Note Title";

# Set to be your welcome note. HTML is taken, so make sure it's valid and is all properly closed tagged. 
    # Use "<br/><br/>" for line breaks with space between
    var string welcome_note = "Welcome Note Line 1<br/><br/>Welcome Note Line 2 etc.";

# Because we are going to override the Page title, and there is no function to draw the component borders for such
    # a thing, we need to do it all by hand. For the curved corner pieces, we need to match the color to the rest of your
    # component. To do this, we need to set a variable to be used since it cannot be obtained from the stylesheet.
    var Color header        = $*header_bgcolor;
    var Color headerMinus5  = $header->darker(50);
    var Color headerPlus3   = $header->lighter(30);
    var string corner_color = "/p0"+$headerPlus3->substr(1,6)+"1"+$headerMinus5->substr(1,6)+"2"+$header->substr(1,6);

var string header_box_open  = """<table cellspacing="0" cellpadding="0" border="0"><tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px; left:2px;">""";
    var string header_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr></table>""";

# Start the column for the body. Do not delete this line
    """<td valign="top" width="100%">""";
    
    if($p.global_title != "" or $p.global_subtitle != "") {
      # Start the new title component.
      print $header_box_open;

# Now we put the actual title content in. You can put whatever you want here. As an example, I've the following lines
      # will insert the Title on all pages and Subtitle only on the recent page, and centered in the component. If you don't 
      # want something centered, remove the <center> and </center> tags surrounding it it.  
      # Also, as an example, the blue line shows how to add an image above your title, but it is commented since it is incomplete.
      # If you'd like to an an image above the title, decomment the line by removing the # in front it and complete the URL.
      # If you are curious, the different "views" for condition checking are {recent, friends, day, reply, entry, month, year}.
                        
                        #"""<center><img src="YOUR IMAGE URL" border="0" alt="" /></center>""";
                        # print the Full Title of the page [Journal title and Page specific title]:
                        """<div class="userTitle"><center>"""; print $p->title(); """</center></div>""";
                        # print the Journal Subtitle if it exists, and if we're on the recent page :
                        if ($p.global_subtitle!="" and $p.view=="recent") {
                           """<div class="userSubTitle"><center>"""; print $p.global_subtitle; """</center></div>""";
                        }

# Close off the title component and place a spacer after it.
      print $header_box_close;
    }
    $p->print_body();
}

# Make default entry component headers and default comment component headers have square corners
function print_entry_header(string content) {
"""
<table cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine"  colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine"  colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine"  colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine"  rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine"  rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="tabBg"   rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine"  rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
   <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine"  width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine"  width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" width="3"            ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="tabBg"   width="100%">
      <div class="entryDate" style="position:relative; top:-3px; left:2px;">$content</div>
    </td>
    <td class="tabBg"   width="3"            ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine"  width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
</table>""";
}

# Make prev/next link component at bottom of RecentPage have square corners
function print_bottom_nav(RecentPage p) {
  var string prev = "";
  var string next = "";

var string bottom_nav_box_open  = """<table cellspacing="0" cellpadding="0" border="0"><tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px; left:2px;">""";
  var string bottom_nav_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr></table>""";

var Color  ltLineColor   = $*header_bgcolor->lighter(30);
  var Color  dkLineColor   = $*header_bgcolor->darker(50);
  var string ltLineString  = $ltLineColor.as_string;
  var string medLineString = $*header_bgcolor.as_string;
  var string dkLineString  = $dkLineColor.as_string;

var string prevPalImg = "p1" + $ltLineString->substr(1,6) + "0" + $dkLineString->substr(1,6);
  var string nextPalImg = "p0" + $ltLineString->substr(1,6) + "1" + $dkLineString->substr(1,6) + "2" + $medLineString->substr(1,6);

if($p.nav.backward_url != "") {
    $prev = """<span class="header-item"><a href="$p.nav.backward_url" class="headerLinks"><img src="$*PALIMGROOT/component/back.gif/$prevPalImg" width="13" height="10" alt="$*nav_text_back" border="0" /> $*nav_text_back</a></span>""";
  }

if($p.nav.backward_url != "" and $p.nav.forward_url != "") {
    $prev = $prev + " ";
  }

if($p.nav.forward_url != "") {
    $next = """<span class="header-item"><a href="$p.nav.forward_url" class="headerLinks">$*nav_text_forward <img src="$*PALIMGROOT/component/forward.gif/$nextPalImg" width="13" height="10" alt="$*nav_text_forward" border="0"></a></span>""";
  }

if($prev != "" or $next != "") {
    print $bottom_nav_box_open;
    """<div style="position:relative; top:-5px; text-align:center;">$prev$next</div>""";
    print $bottom_nav_box_close;
  }
}

# Make side components have square corners
function print_comp_header(string content) {
var string style = ($*comp_state == "right") ? " style='margin-right:3px;'" : "";
"""
  <tr$style>
    <td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine"  colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine"  colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine"  colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine"  rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine"  rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="tabBg"   rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine"  rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine"  width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="ltLine"  width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="medLine" width="3"            ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="tabBg"   width="100%">
      <div class="sideHeader" style="position:relative; top:-3px; left:2px;">$content</div>
    </td>
    <td class="tabBg"   width="3"            ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="dkLine"  width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
    <td class="compBg" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="compBg" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="compBg"><div class="compFont">""";
}

# Make navigation component have square corners
function print_nav_comp(Page p) {
  var string nav_box_open  = """<tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px;">""";
  var string nav_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>""";
  var string compBR = """<div class="ltLine"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></div>""";

print $nav_box_open;

var string[] views_order = ["recent", "friends", "archive", "userinfo"]; # view order
                                                                           # "recent"   = recent   view
                                                                           # "friends"  = friends  view
                                                                           # "archive"  = calendar view
                                                                           # "userinfo" = userinfo link
  var string{} view_text   = { # build text hash
                              "recent"   => $*nav_entries_text,
                              "friends"  => $p.journal_type != "C" ? $*nav_friends_text : $*text_view_friends_comm,
                              "archive"  => $*nav_calendar_text,
                              "userinfo" => $*nav_info_text
                             };
  var string   base_url    = $p.journal->base_url(); # get base url
  var string{} view_url    = { # build url hash
                              "recent"   => "$base_url/",
                              "friends"  => "$base_url/friends/",
                              "archive"  => "$base_url/calendar/",
                              "userinfo" => "$*SITEROOT/userinfo.bml?user=$p.journal.username&mode=full"
                             };
  foreach var string v ($views_order) {
    if($v != "recent"){
      print $compBR;
    }
    print """<div class="compList"><a href="$view_url{$v}" class="headerLinks">$view_text{$v}</a></div>""";
  }

# to add your own links you can use these as a templates
  #    print $compBR + """<div class="compList"><a href="$*SITEROOT/tools/memories.bml?user=$p.journal.username" class="headerLinks">memories</a></span>""";
  #    print $compBR + """<div class="compList"><a href="http://www.yahoo.com/" class="headerLinks">yahoo!</a></span>""";

var string website_name = $p.journal.website_name ? $p.journal.website_name : $*text_website_default_name;
  if ($p.journal.website_url != "") {
    print $compBR;
    """<div class="compList"><a href="$p.journal.website_url">$website_name</a></div>""";
  }

$p->lay_viewspec_nav();

print $nav_box_close;
}
# New kinds of boxes that have square corners
function print_free_text(Page p){
var string free_text_header_box_open  = """<tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="sideHeader" style="position:relative; top:-3px; left:2px;">""";
var string free_text_header_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>""";
var string free_text_box_open  = """<tr><td class="dkLine" colspan="7"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg"><div class="compFont">""";
var string free_text_box_close = """</div></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="dkLine" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="8"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>""";

print_comp_header("LiveJournal Links"); # standard component with square corners
"""<center><a href="http://www.livejournal.com/update.bml?mode=full">update</a> • <a href="http://www.livejournal.com/customize/">customize</a> • <a href="http://www.livejournal.com/customize/advanced/">advanced</a> • <a href="http://www.livejournal.com/customize/advanced/styles.bml">styles</a> • <a href="http://www.livejournal.com/customize/advanced/layers.bml">layers</a> • <a href="http://www.livejournal.com/editjournal.bml">edit entries</a> • <a href="http://www.livejournal.com/editinfo.bml">edit info</a> • <a href="http://www.livejournal.com/friends/">edit friends</a> • <a href="http://www.livejournal.com/editpics.bml">edit pics</a> • <a href="http://www.livejournal.com/tools/memories.bml">memories</a> • <a href="http://www.livejournal.com/misc/whereami.bml">cluster</a> • <a href="http://www.livejournal.com/birthdays.bml">birthdays</a> • <a href="http://www.livejournal.com/support/faq.bml">FAQ</a> • <a href="http://www.livejournal.com/site/">site map</a> • <a href="http://www.livejournal.com/stats.bml">LJ stats</a> • <a href="http://www.livejournal.com/download/">clients</a> • <a href="http://www.livejournal.com/portal/">portal</a> • <a href="http://www.livejournal.com/users/news/50307.html">LJ song</a></center>""";
print_comp_footer();

print_comp_header("can't see any entries?"); 
  """Maybe you need to log in.
<br><form action='http://www.livejournal.com/login.bml' method='post'>
<div class="standout"><table class="container"><tr><td>
<table cellpadding='3'>
<tr><td>Username:</td><td><input type='text' name='user' size='10' maxlength='15' /></td></tr>
<tr><td valign='top'>Password:</td><td><input type='password' name='password' size='10' maxlength='30' /><br /></td></tr>
<tr valign='top'>
<td align='center'><input name='action:login' type='submit' value='Log In' /></td></tr>
</table>
</td></tr></table></div></form>""";
  print_comp_footer();

print_comp_header($*free_text_text); 
  """$*free_text""";
  print_comp_footer();
}

OH. Also, sorry for the other question, how can I get it so that the actual word of the mood shows up next to my mood image? Thanks again :/

Hiding Share (tell_friend) Icon from Linkbar and Separating Entry Icon from Entry Text

What Did LJ's Userhead Code Change To?

Ok, I'm no CSS expert...

Error