Xanga Layouts by IamAce

Instructions:
1. Copy & Paste the code for the layout you want into the "Custom Heading" spot of your Customize Look & Feel page.
2. Change anything such as "USERNAME", "YOURUSERNAME", "Info about you here", or any other obvious things to be changed to what it says to.
3. Remove this "by Ace" if you see it and replace it with "by Ace".
Do Not
1. Remove any of the following things:
  A. The Title of the Stylesheet/Layout
  B. /* http://www.blogring.net */ or anything like that.
2. Take off or not change "by Ace (xanga.com/iamace)".

Settings for Look & Feel

Alignment: Middle Aligned & Full Screen.
Resolution: 1024 x 768

The Layouts are free to use as long as you follow the rules. Please note, some screenshots can be clicked to be enlarged.

Motion City Soundtrack (Ft: "The Future Freaks Me Out")

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 8pt verdana;
  color:black;
  }

b, strong {
/* edits bold text */
  color: red;
  }

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-family:impact;
  text-transform:uppercase;
  font-size:16pt;
  font-weight:normal;
  color:yellow;
  letter-spacing:1px;
  background-color: #ffffff;
  text-align: right;
  line-height: 8px;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:orange;
  text-decoration: none;
  font:8pt normal verdana;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:black; 
  text-decoration: none;
  font:bold 8pt verdana;
  }

a:hover {
/* edits when user mouseovers the links */
  color:yellow;
  text-decoration: underline;
  font:8pt normal terminal;
  font-family: terminal;
  text-transform: uppercase;
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #000000;
  font:normal 7pt verdana;
  background-color: #FFFFFF;
  letter-spacing:0px;
  color: orange;
  }

table.left { 
/* this edits the menu module */
  border: 2px solid black;
  width:160px;
  background-color: #FFFFFF;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 2px solid black;
  background-color: white;
  width:334px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image: url(http://url.com/to/the/site/image.gif);
  background-color: #FFFFCC;
  font: 8pt normal impact;
  text-transform: uppercase;
  color: #FF0000;
  border: none;
  }

table.left TD {
/* on your menu module, this edits the body part of it */
  background-image: url(http://url.com/to/the/site/image.gif);
  background-color: #FFFFFF;
  border: none;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: #FFFFFF; 
  border: 2px solid #000000;
  }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #c0c0c0;
  }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 500px;
  }

hr {
/* horizontal divider */
  border: 1px solid #000000;
  }
</style>
<center>
<img src="//img189.imageshack.us/img189/8123/mcskate2tt.png" alt="I'm on fire and now I think I'm ready to bust a move...">

The Cool Pink

Nokia 6010

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 8pt arial;
 color:black;
 letter-spacing:0px;
 }

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-family:Fixedsys;
 text-transform:uppercase;
 font-size:16pt;
 line-height:10px;
 font-weight:normal;
 color:black;
 letter-spacing:2px;
 background-color: silver;
 text-align: center;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:black;
 font:normal 6pt fixedsys;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#0080FF;
 font:normal 6pt fixedsys;
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 color:white;
 cursor: move;
 font:normal 8pt arial;
 background-color:#0080FF;
 text-decoration: none;
 letter-spacing:1px;
 filter: flipV;
 height:0px;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font:normal 8pt arial;
 background-color: silver;
 letter-spacing:0px;
 color: black;
 }

table.left, table.left TD, table.left TH, table.navigation, table.footer { 
/* this edits the menu module */
 display:none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid black;
 background-color: #ffffff;
 width:410px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #white; 
 border: 1px solid #000000;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid #0080FF;
 }
</style>
<center>

<IMG src="//img44.exs.cx/img44/6458/nokia2.png" USEMAP="#nokia2" BORDER=0>
<MAP NAME="nokia2">
 <AREA SHAPE=RECT COORDS="79,214,118,227" HREF="http://www.xanga.com/signin.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="149,212,176,228" HREF="http://www.xanga.com/logout.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="82,164,151,173" HREF="http://www.xanga.com/claf"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="82,174,115,186" HREF="http://www.xanga.com/"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="81,186,133,195" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="82,195,111,206" HREF="http://www.xanga.com/Private/home.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

<div style="margin-top: -435px; margin-left: 280px; position: static; width:445px; height:380px; border: 0px solid blue; overflow: auto; background-color:transparent;">

Super Saiyan 3 Gotenks

...Click to Enlarge

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 10pt verdana;
 color:black;
 }

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-family:impact;
 text-transform:uppercase;
 font-size:18pt;
 line-height:10px;
 font-weight:normal;
 color:#999acb;
 letter-spacing:2px;
 background-color: black;
 text-align: center;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#3c3e86;
 font:normal 10pt verdana;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#000000;
 font:bold 10pt verdana;
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 color:blue;
 font:normal 11pt impact;
 cursor: wait;
 text-decoration: line-through;
 text-transform: uppercase;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font:normal 10pt verdana;
 background-color: transparent;
 letter-spacing:0px;
 color: black;
 }

table.left, table.left TD, table.left TH, table.footer, table.navigation { 
/* this edits the menu module */
 display:none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 0px solid c0c0c0;
 background-color: #999acb;
 width:450px;
 filter:alpha(style=0,opacity=60);
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: transparent; 
 border: 1px solid transparent;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid #999acb;
 }
</style>
<center>

<IMG src="//img40.exs.cx/img40/593/GotenksLayout.png" USEMAP="#GotenksLayout2" BORDER=0>
<MAP NAME="GotenksLayout2">
 <AREA SHAPE=RECT COORDS="4,340,73,386" HREF="http://www.xanga.com/signin.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="10,396,114,433" HREF="http://www.xanga.com/claf"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="8,445,107,487" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="7,498,102,542" HREF="http://www.xanga.com/logout.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="6,549,103,596" HREF="http://www.xanga.com/Private/home.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="6,609,147,643" HREF="http://www.xanga.com/"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=POLY COORDS=& #34;288,157,308,190,325,199,362,182,366,173,375,158,375,132,
355,98,340,91,327,106,327,111,315,113,289,156,290,161" HREF="http://www.xanga.com/IamAce"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
</MAP>

<div style="margin-top: -410px; margin-left: 320px; position: static; width:500px; height:385px; border: 0px solid #000000; overflow: auto; background-color:transparent;">

Zebrahead

No Preview Sry. But if you Like Zebrahead, Youll like this layout

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 8pt verdana;
 color:black;
 }

b  {
 font:bold 8pt verdana;
 color:black;
 }

i  {
 font:normal 8pt verdana;
 color:black;
 font-style:italic;
 }

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-family:Georgia Ref;
 text-transform:lowercase;
 font-size:14pt;
 font-weight:normal;
 color:white;
 line-height:20px;
 letter-spacing:1px;
 background-color: black;
 text-align: center;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:white;
 font:normal 8pt verdana;
 text-decoration: none;
 background-color:black;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:white;
 background-color:black;
 font:normal 8pt verdana;
 text-decoration: line-through;
 }

a:hover {
/* edits when user mouseovers the links */
 color:black;
 cursor: move;
 font:bold 8pt georgia ref;
 text-decoration: none;
 background-color:transparent;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font:normal 8pt verdana;
 background-color: transparent;
 letter-spacing:0px;
 color: #000000;
 }

table.left, table.left TD, table.left TH, table.footer, table.navigation { 
/* this edits the menu module */
 display:none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid none;
 background-color: transparent;
 width:480px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: transparent; 
 border: 1px solid black;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid black;
 }
</style>
<center>

<IMG src="//img50.exs.cx/img50/56/zebraheadlayout2.png" USEMAP="#zebraheadlayout3" BORDER=0>
<MAP NAME="zebraheadlayout3">
 <AREA SHAPE=RECT COORDS="35,454,153,486" HREF="http://www.xanga.com/"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="180,448,306,485" HREF="http://www.xanga.com/signin.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="339,447,411,486" HREF="http://www.xanga.com/claf"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="440,450,511,486" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="544,450,697,486" HREF="http://www.xanga.com/logout.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
</MAP>

<div style="margin-top: -430px; margin-left: -20px; position: static; width:545px; height:385px; border: 0px solid #000000; overflow: auto; background-color:transparent;">

Guitar Devotioin

<style type="text/css"> /* Guitar - Devotion Stylesheet / / by Ace (xanga.com/IamAce) / / http://BlogRing.Net / body { border:10px solid white; background-color: #000000; scrollbar-arrow-color: silver; scrollbar-track-c olor: #000000; scrollbar-darkshadow-color: black; scrollbar-face-color: black; scrollbar-3dlight-color: black; scrollbar-shadow-color: white; scrollbar-highlight-color: white; ; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { / edits main text / font:normal 8pt verdana; color:white; } 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-family:DymaxionScript, Freestyle Script, Impact; font-size:20pt; line-height:10px; font-weight:normal; color:white; letter-spacing:0px; background-color: black; text-align: center; border:1px solid white; border-width: 0px 0px 1px 0px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { / edits all links / color:silver; font:normal 8pt verdana; text-decoration: none; } a:visited, a.footernav:visited, { / edits the links that the user has visited / color:gray; font:normal 8pt verdana; text-decoration: underline; } a:hover { / edits when user mouseovers the links / color:brown; cursor: crosshair; font:normal 8pt verdana; text-decoration: none; font-style:italic; } input, select, textarea, .textfield, .button { / this edits the buttons, dropdowns, etc. / border: 1px solid white; font:normal 8pt verdana; background-color: black; letter-spacing:0px; color: white; } table.left, table.left TD, table.left TH, table.footer, table.navigation { / this edits the menu module / display:none; } table.blogbody { / this edits the other the place where the blog is / border: 0px solid c0c0c0; background-color: transparent; width:500px; } table.search TD, table.search, table.announcements { / border of search bar (if you have it) / background-color: transparent; border: 1px solid white; } table.search TD, table.announcements TH { / this should be left alone / / unless you know what to do / border: 0px solid #c0c0c0; } table.navigation, table.main, table.footer { / the width of your blog with modules / width: 100%; } hr { / horizontal divider */ border: 1px solid white; } </style> <center>   <IMG src="//img35.imageshack.us/img35/1066/myguitarlayout.jpg" style="border:1px solid white;" USEMAP="#myguitarlayout"> <MAP NAME="myguitarlayout"> <AREA SHAPE=RECT COORDS="168,465,314,498" HREF="http://www.xanga.com/claf" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true"> <AREA SHAPE=RECT COORDS="324,468,381,496" HREF="http://www.xanga.com/signin.aspx" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true"> <AREA SHAPE=RECT COORDS="391,464,477,499" HREF="http://www.xanga.com/" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true"> <AREA SHAPE=RECT COORDS="487,467,545,497" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true"> <AREA SHAPE=RECT COORDS="559,468,614,494" HREF="http://www.xanga.com/logout.aspx" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true"> <AREA SHAPE=RECT COORDS="624,467,675,497" HREF="http://www.xanga.com/Private/home.aspx" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true"> <AREA SHAPE=RECT COORDS="682,462,744,499" HREF="http://www.xanga.com/iamace" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true"> </MAP>  <div style="margin-top: -320px; margin-left: 150px; position: static; width:550px; height:260px; border: 1px solid white; overflow: auto; background-color:transparent;">

Green Day - American Idiot

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 10pt arial;
 color:black;
 }

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-family:courier new;
 font-size:16pt;
 font-weight:bold;
 color:#cc0000;
 letter-spacing:0px;
 background-color:#000000;
 text-align: center;
 line-height:10px;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#ee0000;
 font:normal 10pt arial;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#224b7c; 
 text-decoration: line-through;
 font:normal 10pt arial;
 }

a:hover {
/* edits when user mouseovers the links */
 color:white;
 font:bold 10pt courier new;
 text-decoration: none;
 background-color:black;
 cursor:crosshair;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid black;
 font:normal 10pt courier new;
 background-color: #cc0000;
 letter-spacing:0px;
 color: white;
 }

table.left, table.left TD, table.left TH, table.footer, table.navigation { 
/* this edits the menu module */
 display:none
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid black;
 background-color:transparent;
 width:440px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: transparent; 
 border: 1px solid c0c0c0;
 align:center;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid #224b7c;
 }
</style>
<center>

<IMG src="//img55.exs.cx/img55/8365/AI2.png" USEMAP="#abc" BORDER=0>
<MAP NAME="abc">
 <AREA SHAPE=RECT COORDS="279,310,328,345" HREF="http://www.xanga.com/signin.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="345,314,426,347" HREF="http://www.xanga.com/claf"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="442,317,504,348" HREF="http://www.xanga.com/Private/home.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="526,316,682,344" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="700,315,801,346" HREF="http://www.xanga.com/logout.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="289,354,306,373" HREF="http://www.xanga.com/iamace"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
</MAP>

<div style="margin-top:-580px; margin-left: 300px; position: static; width:490px; height:290px; border: 0px solid #000000; overflow: auto; background-color:transparent;">

Alkaline Trio

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 8pt verdana;
 color:gray;
 }

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-family:Georgia;
 text-transform:normal;
 font-size:16pt;
 line-height:10px;
 font-weight:normal;
 color:red;
 letter-spacing:1px;
 background-color: transparent;
 text-align: left;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:red;
 font:normal 8pt verdana;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:black;
 font:normal 8pt verdana;
 text-decoration: none;
 border:1px solid red;
 border-width: 0px 0px 1px 0px;
 }

a:hover {
/* edits when user mouseovers the links */
 color:gray;
 cursor:vertical-text;
 text-decoration: none;
 filter: blur(strength=15);
 height: 0px;
 border:1px solid red;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #ff0000;
 font:normal 8pt verdana;
 background-color: #000000;
 letter-spacing:0px;
 color: gray;
 }

table.left, table.left TD, table.left TH, table.navigation, table.footer { 
/* this edits the menu module */
  display: none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid red;
 background-color: transparent;
 width:350px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: black; 
 border: 1px solid red;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid red.;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid red;
 }
</style>
<center>

<IMG src="//img30.exs.cx/img30/2996/alk3.jpg" USEMAP="#alk3" BORDER=0>
<MAP NAME="alk3">
 <AREA SHAPE=RECT COORDS="786,346,848,388" HREF="http://www.xanga.com/claf"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="844,390,932,432" HREF="http://www.xanga.com/signin.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="781,437,851,488" HREF="http://www.xanga.com"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="853,487,947,530" HREF="http://www.xanga.com/SubscribeTo.aspx?user=USERNAMEHERE"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="780,523,827,572" HREF="http://www.xanga.com/Private/home.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="836,574,946,621" HREF="http://www.xanga.com/logout.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
</MAP>

<div style="margin-top: -620px; margin-left: -550px; position: static; width:400px; height:600px; border: 1px solid #ff0000; overflow: auto; background-color:transparent; background-image: url(http://img47.exs.cx/img47/5893/alktrio2.png); background-attachment: fixed; background-position:center center; background-repeat: no-repeat;">

Bored in Math Class

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
  font:normal 10pt verdana;
  color:black;
  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-family:Brush Script MT, Script MT Bold, Forte, Comic Sans MS;
  font-size:18pt;
  font-weight:normal;
  color:#000000;
  letter-spacing:4px;
  line-height:10px;
  background-color: white;
  text-align: center;
  border:none;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  font:normal 10pt verdana;
  color:#00DDDD;
  text-decoration: none;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  font:normal 10pt verdana;
  color:#00BBBB; 
  text-decoration: none;
  }

a:hover {
/* edits when user mouseovers the links */
  font:normal 10pt verdana;
  color:#00FFFF;
  cursor: crosshair;
  text-decoration: none;
  font-style:italic;
  }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #00FFFF;
  font:normal 10pt verdana;
  background-color: transparent;
  letter-spacing:0px;
  color: #000000;
  }

table.left { 
/* this edits the menu module */
  display: none;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 1px solid #00FFFF;
  background-color: white;
  width:350px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  display:none;
  }

table.left TD {
/* on your menu module, this edits the body part of it */
  display: none
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent; 
  border: 1px solid #00FFFF;
  }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #c0c0c0;
  }

table.navigation, table.footer {
/* the width of your blog with modules */
  display: none;
  }

table.main {
/* the width of your blog with modules */
  width: 100%;
  }

hr {
/* horizontal divider */
  border: 1px solid #00FFFF;
  }

li {
  color: #00FFFF;
  }
</style>

<IMG src="//img12.imageshack.us/img12/3817/graphpaper2jpg.JPG" USEMAP="#graphpaper2jpg" BORDER=0 WIDTH="820px">
<MAP NAME="graphpaper2jpg">
  <AREA SHAPE=RECT COORDS="37,284,143,342" HREF="http://www.xanga.com/claf"  ALT="CLAF"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='CLAF'; return true">
  <AREA SHAPE=RECT COORDS="148,325,264,373" HREF="http://www.xanga.com"  ALT="Xanga.com"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Xanga.com'; return true">
  <AREA SHAPE=RECT COORDS="192,398,287,442" HREF="http://www.xanga.com/logout.asxp"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Sign Out'; return true">
  <AREA SHAPE=RECT COORDS="15,361,131,407" HREF="http:/www.xanga.com/signin.asxp"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Sign In'; return true">
  <AREA SHAPE=RECT COORDS="30,432,153,475" HREF="http://www.xanga.com/Private/Home.aspx"  ALT="Your Xanga"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Your Xanga'; return true">
  <AREA SHAPE=RECT COORDS="158,469,259,509" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT="Subscribe"  TARGET="_blank"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Subscribe'; return true">
  <AREA SHAPE=RECT COORDS="1,173,60,247" HREF="http://www.xanga.com/IamAce"  ALT="IamAces Xanga"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='IamAces Xanga'; return true">
</MAP>

<div style="margin-top: -367px; margin-left: 365px; position: static; width:400px; height:300px; border: 1px solid #000000; overflow: auto; background-color:transparent;">

iNTENSE

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
  font:normal 10pt courier new;
  color:white;
  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-family:Courier;
  text-transform:lowercase;
  font-size:13pt;
  color:white;
  background-color: #000000;
  text-align: right;
  border-bottom:1px solid white;
  border-top:none;
  border-left:none;
  border-right:none;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#ffffff;
  text-decoration: none;
  font: normal 10pt courier;
  color: #cccccc;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#cccccc; 
  text-decoration: none;
  font: normal 10pt courier;
  color: black;
  }

a:hover {
/* edits when user mouseovers the links */
  cursor: vertical-text;
  text-decoration: none;
  font: normal 10pt courier;
  color: white;
  }

input, select, textarea, .textfield, .button, .htmleditor, iframe.htmleditor {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #000000;
  font:normal 10pt courier new;
  background-color: #000000;
  letter-spacing:0px;
  color: #FFFFFF;
  }

table.left { 
/* this edits the menu module */
  display: none;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 0px solid c0c0c0;
  background-color: #000000;
  width:650px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  display:none;
  }

table.left TD {
/* on your menu module, this edits the body part of it */
  display:none;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  border:none;
  }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #c0c0c0;
  }

table.navigation, table.footer {
/* the width of your blog with modules */
  display:none;
  }

table.main{
/* the width of the whole thing */
  width:95%;
  }

hr {
/* horizontal divider */
  border: 1px solid #FFFFFF;
  }

li {
  color:white;
  }
</style>

<div align="center"></div>
<div align="center">
  <TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR> 
      <TD width="11" height="1"> <IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1></TD>
      <TD width="51"> <IMG SRC="images/spacer.gif" WIDTH=51 HEIGHT=1></TD>
      <TD width="98"> <IMG SRC="images/spacer.gif" WIDTH=98 HEIGHT=1></TD>
      <TD width="96"> <IMG SRC="images/spacer.gif" WIDTH=96 HEIGHT=1></TD>
      <TD colspan="2"> <IMG SRC="images/spacer.gif" WIDTH=60 HEIGHT=1></TD>
      <TD colspan="2">original layout concept by <a href="http://www.designz4you.com/" target="new">Designz4You</a></TD>
    </TR>
    <TR> 
      <TD COLSPAN=6 height="72"> <IMG src="//img11.imageshack.us/img11/6408/top_left.gif" WIDTH=316 HEIGHT=72></TD>
      <TD colspan="2"> <IMG src="//img11.imageshack.us/img11/9206/top_right.gif" WIDTH=484 HEIGHT=72></TD>
    </TR>
    <TR> 
      <TD COLSPAN=8 height="16"> <IMG src="//img15.imageshack.us/img15/1417/separator.gif" WIDTH=800 HEIGHT=16></TD>
    </TR>
    <TR> 
      <TD COLSPAN=3 rowspan="3"> <IMG src="//img16.imageshack.us/img16/833/left.gif" WIDTH=160 HEIGHT=20></TD>
      <TD rowspan="3"> <IMG src="//img11.imageshack.us/img11/8118/nav1.gif" WIDTH=96 HEIGHT=20></TD>
      <TD width="5" height="4"></TD>
      <TD width="55"></TD>
      <TD width="292"></TD>
      <TD width="192"></TD>
    </TR>
    <TR> 
      <TD height="12"></TD>
      <TD colspan="3" valign="top"> 
        <div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">>> 
          <a href="http://www.xanga.com/claf">claf</a> | <a href="http://www.xanga.com">xanga</a> 
          | <a href="http://www.xanga.com/signin.aspx">sign on</a> | <a href="http://www.xanga.com/logoff.aspx">sign off</a> 
          | <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE" target="new">subscribe</a> | <a href="http://www.xanga.com/Private/home.aspx">yours</a></font></div>
      </TD>
    </TR>
    <TR> 
      <TD height="4"></TD>
      <TD></TD>
      <TD></TD>
      <TD></TD>
    </TR>
    <TR> 
      <TD COLSPAN=8 height="9"> <IMG src="//img16.imageshack.us/img16/6769/line.gif" WIDTH=800 HEIGHT=9></TD>
    </TR>
    <TR> 
      <TD height="23"></TD>
      <TD rowspan="2"> <IMG src="//img13.imageshack.us/img13/233/shape.gif" WIDTH=51 HEIGHT=39></TD>
      <TD></TD>
      <TD></TD>
      <TD></TD>
      <TD></TD>
      <TD></TD>
      <TD></TD>
    </TR>
    <TR> 
      <TD height="16"></TD>
      <TD colspan="6" rowspan="2" valign="top">
<div style="overflow:auto; height: 300px; width: 100%; border-top: 1px solid white; border-bottom:1px solid white; border-left: none; border-right: none;">

Yellowcard - Only One

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 8pt arial;
 color:black;
 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-family:impact;
 text-transform:uppercase;
 font-size:16pt;
 font-weight:normal;
 color:black;
 letter-spacing:3px;
 background-color: yellow;
 text-align: center;
 border-bottom: 0px solid black;
 border-left: 2px solid black;
 border-right: 2px solid black;
 border-top: 2px solid black;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#000000;
 font:bold 8pt arial;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#000000; 
 font:bold italic 8pt arial;
 text-decoration: underline;
 }

a:hover {
/* edits when user mouseovers the links */
 color:yellow;
 font:normal 9pt arial;
 cursor: crosshair;
 text-decoration: none;
 filter:blur(add="0",direction="0",strength="5"); 
 height:0;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid black;
 font:normal 8pt arial;
 background-color: yellow;
 letter-spacing:0px;
 color: #ffdd35;
 }

table.left { 
/* this edits the menu module */
display: none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 background-color: #ffffff;
 width:560;
 border: 2px solid black
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
display:none;
 }

table.left TD {
/* on your menu module, this edits the body part of it */
display:none;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: white; 
 border: 2px solid black;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.footer {
/* the width of your blog with modules */
 display:none;
 }

table.main {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 2px solid black;
 }
</style>

<IMG src="//img17.imageshack.us/img17/6188/abc1.JPG" USEMAP="#abc" BORDER=0>
<MAP NAME="abc">
 <AREA SHAPE=RECT COORDS="520,336,628,396" HREF="http://www.xanga.com/claf"  ALT="Look and Feel"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="636,336,777,397" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="729,127,780,323" HREF="http://www.xanga.com/Subscribeto.aspx?user=USERNAMEHERE"  ALT="Subscribe"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="728,5,779,123" HREF="http://www.xanga.com/"  ALT="Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="533,4,719,52" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="507,54,565,116" HREF="http://www.xanga.com/iamace"  ALT="IamAces Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="512,133,565,230" HREF="http://www.xanga.com/Private/subs.aspx"  ALT="Subs"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="508,241,567,333" HREF="http://www.xanga.com/profile.aspx?user=USERNAMEHERE"  ALT="Profile"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

AOL 9.0 Write Email

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 10pt arial;
 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-family:arial;
 font-size:12pt;
 line-height:10px;
 font-weight:bold;
 color:blue;
 letter-spacing:0px;
 background-color: transparent;
 text-align: left;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:blue;
 font:normal 10pt arial;
 text-decoration:underline;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:purple; 
 font:normal 10pt arial;
 text-decoration: underline;
 }

a:hover {
/* edits when user mouseovers the links */
 color:black;
 cursor: text;
 font:normal 10pt arial;
 text-decoration: none;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid blue;
 font:normal 10pt arial;
 background-color: #FFFFFF;
 letter-spacing:0px;
 color: #000000;
 }

table.left, table.left TD, table.left TH, table.navigation, table.footer { 
/* this edits the menu module */
 display:none
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border:none;
 background-color: #ffffff;
 width:540px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: white; 
 border: 1px solid blue;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid blue;
 }
</style>
<center>

<IMG src="//img14.exs.cx/img14/8426/aolemail.png" USEMAP="#aolemail2" BORDER=0>
<MAP NAME="aolemail2">
 <AREA SHAPE=RECT COORDS="141,210,185,226" HREF="http://www.xanga.com/signin.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="192,209,247,226" HREF="http://www.xanga.com/logout.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="258,211,322,224" HREF="http://www.xanga.com/Private/home.aspx"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="331,208,404,226" HREF="http://www.xanga.com/claf"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="411,209,473,226" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="480,210,519,225" HREF="http://www.xanga.com"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="525,208,575,225" HREF="http://www.xanga.com/iamace"  ALT=""  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

<div style="margin-top: -345px; margin-left:-127px; position: static; width:600px; height:287px; border: 0px red solid; overflow: auto; background-color:transparent;">

Black Game Boy Advance

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:bold 8pt arial;
 color:black;
 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-family:arial;
 text-transform:uppercase;
 font-size:11pt;
 font-weight:bold;
 color:#cccccc;
 letter-spacing:0px;
 background-color: black;
 text-align: center;
 font-style:italic;
 border:1px solid #cccccc;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#aaaaaa;
 font:bold 8pt arial;
 text-decoration: underline;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:gray;
 font:bold 8pt arial;
 font-style:italic;
 text-decoration: none;
 font-style:italic;
 }

a:hover {
/* edits when user mouseovers the links */
 color:black;
 cursor: crosshair;
 font:bold 8pt arial;
 text-decoration: overline underline;
 filter:blur(add="0",direction="90",strength="7"); 
 height:0;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid gray;
 font:bold 8pt arial;
 background-color: black;
 letter-spacing:0px;
 color:gray;
 }

table.left, table.left TH, table.left TD, table.navigation, table.footer { 
/* this edits the menu module */
display:none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 0px solid black;
 background-color: #ffffff;
 width:210px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: white; 
 border: 1px solid #000000;
 width:100%;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 width:100%;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid black;
 }
</style>
<center>

<IMG src="//img10.imageshack.us/img10/710/GBABlack2.jpg" USEMAP="#GBABlack" BORDER=0>
<MAP NAME="GBABlack">
 <AREA SHAPE=CIRCLE COORDS="409,135,15" HREF="http://www.xanga.com/claf"  ALT="Look & Feel"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=CIRCLE COORDS="452,119,17" HREF="http://www.xanga.com/private/home.aspx"  ALT="Your Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=CIRCLE COORDS="106,194,8" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=CIRCLE COORDS="106,221,8" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="64,137,82,155" HREF="http://www.xanga.com/USERNAMEHERE"  ALT="Refresh"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="82,117,104,138" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT="Subscribe"  TARGET="_blank"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="43,117,63,135" HREF="http://www.blogring.net/"  ALT="blogring.net"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="63,98,84,116" HREF="http://www.xanga.com/"  ALT="Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=POLY COORDS="387,21,475,55,469,41,453,30,387,20,387,23,390,22" HREF="http://www.xanga.com/iamace"  ALT="IamAce"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

<div style="margin-left: 2px; margin-top: -333px; width:250px; height:143px; border: 0px solid #000000; overflow: auto; background-color:transparent;  scrollbar-arrow-color: black; scrollbar-track-color: black; scrollbar-darkshadow-color: black; scrollbar-face-color: black; scrollbar-3dlight-color: black; scrollbar-shadow-color:black; scrollbar-highlight-color:black; ">

Do It eBay!

<IMG src="//img38.imageshack.us/img38/2223/eBay2.png" USEMAP="#eBay3" BORDER=0>
<MAP NAME="eBay3">
 <AREA SHAPE=RECT COORDS="8,18,182,106" HREF="http://www.ebay.com/"  ALT="eBay!"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="417,83,466,99" HREF="http://www.xanga.com/iamace"  ALT="IamAce"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="268,16,308,35" HREF="http://www.xanga.com/"  ALT="Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="347,19,394,34" HREF="http://www.xanga.com/register.aspx"  ALT="Get A Xanga!"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="398,16,444,34" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="429,36,495,60" HREF="http://www.xanga.com/private/home.aspx"  ALT="Your Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="514,39,589,60" HREF="http://www.xanga.com/groups/"  ALT="Blogrings"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="388,37,419,58" HREF="http://www.xanga.com/claf"  ALT="Look & Feel"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="509,17,561,35" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="246,37,301,60" HREF="http://www.xanga.com/Private/subs.aspx"  ALT="Subs"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="315,18,340,36" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT="Subscribe"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="448,18,500,34" HREF="http://main.xanga.com/amazon/xangatop50.aspx"  ALT="Top 50"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="319,39,369,60" HREF="http://www.xanga.com/guestbook.aspx?user=USERNAMEHERE"  ALT="Guest Book"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="666,29,746,54" HREF="http://www.xanga.com/"  ALT="Xanga...Again"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="566,17,597,34" HREF="http://www.blogring.net/"  ALT="blogring.net"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

<div class="linkLeft">
Put Links Here. Do Not put more then can fit in this little box, otherwise it will run out of the yellow border and look funny.</div>
<div class="navLeft">
Put things here like your subscriptions, chatterbox, info about u, etc. Dont put more than can fit in this box because it will run out of the yellow border and look funny. If you need this to have a scrollbar, add overflow:auto; to the navLeft code in the stylesheet. Examples:<br />
<b>Name:</b>  Ace<br />
<b>Location:</b>  Cal<br />
<b>My Subs:</b><br />
<a href="blah">BLAH</a><br />
<a href="blah">BLAH</a><br /></div>
<div class="blogArea">
<style type="text/css">
/* eBay Stylesheet */
/* <span class='searchlite'>by Ace</span> (xanga.com/IamAce) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
 background-color: #FFFFFF;
 scrollbar-arrow-color: black;
 scrollbar-track-color: #FFFFFF;
 scrollbar-shadow-color:#ffcc00;
 scrollbar-face-color: white;
 scrollbar-highlight-color: #000099;
 scrollbar-darkshadow-color: #99cc00;
 scrollbar-3dlight-color: red; 
 }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 10pt arial;
 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-family:arial;
 font-size:12pt;
 font-weight:bold;
 color:black;
 letter-spacing:0px;
 background-color: #ffcc00;
 text-align: left;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:blue;
 font:normal 10pt arial;
 text-decoration:underline;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:purple; 
 font:normal 10pt arial;
 text-decoration: underline;
 }

a:hover {
/* edits when user mouseovers the links */
 color:black;
 cursor: move;
 font:normal 12pt fixedsys;
 text-decoration: none;
 border:1px solid #000099;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px outset lightgray;
 font:normal 10pt arial;
 background-color: lightgray;
 letter-spacing:0px;
 color: #000000;
 }

table.left, table.left TD, table.left TH, table.navigation, table.footer { 
/* this edits the menu module */
 display:none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 background-color: #ffffff;
 width:380px;
 border-bottom: 2px solid #99cc00;
 border-right: 2px solid #99cc00;
 border-left: 2px solid #99cc00;
 border-top: 0px solid #ffcc00;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #ffcc00; 
 border: 1px solid #ffcc00;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid red;
 }

.linkLeft {
 /* The Little Links Spot Above Other Stuff */
 margin-top: -344px;
 margin-left: -522px;
 width:199px;
 height:82px;
 border: 0px solid #000000;
 background-color:transparent;
 text-align:justify;
 font:normal 10pt arial;
 color:black;
 }

.navLeft {
 /* The Other Stuff Spot */
 margin-top: 33px;
 margin-left: -525px;
 width:200px;
 height:145px;
 border: 0px solid #000000;
 background-color:transparent;
 text-align:justify;
 font:normal 10pt arial;
 color:black;
 }

.blogArea {
/* The Blog */
 margin-top: -208px;
 margin-left: 144px;
 position: static;
 width:425px;
 height:210px;
 border: 0px solid #000000;
 overflow: auto;
 background-color:transparent;
 }
</style>

Metallica

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 10pt verdana;
 color:#bb0000;
 }

table.footer TD {
/* this makes the footer at the bottom cente#bb0000 */
/* leave it alone unless you know what to do*/
 text-align: center;
 }

div.blogheader, .caption {
/* edits the dates */
 font-family:impact;
 font-variant:small-caps;
 font-size:12pt;
 font-weight:normal;
 color:#Cc0000;
 letter-spacing:6px;
 background-color: transparent;
 text-align: left;
 border-right: 1px solid #bb0000;
 border-top: 1px solid #bb0000;
 border-left:1px solid #bb0000;
 border-bottom:none;
 width: 280px;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#cc0000;
 font:normal 10pt verdana;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 font:normal 10pt verdana;
 color:#Bb0000; 
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 font:normal 10pt verdana;
 color:red;
 cursor: wait;
 text-decoration: overline;
 filter: flipV;
 height:2;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #bb0000;
 font:normal 10pt verdana;
 background-color: #000000;
 letter-spacing:0px;
 color: #bb0000;
 }

table.left { 
/* this edits the menu module */
display: none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid #bb0000;
 background-color: transparent;
 width:325px;
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
display:none;
 }

table.left TD {
/* on your menu module, this edits the body part of it */
display:none;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: transparent; 
 border: 1px solid #bb0000;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.footer {
/* the width of your blog with modules */
display: none;
 }

table.main {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid #bb0000;
 }

li {
color:#bb0000;
 }
</style>
<center>

<IMG src="//img13.imageshack.us/img13/8118/METLAYOUT.JPG" USEMAP="#METLAYOUT" BORDER=0>
<MAP NAME="METLAYOUT">
 <AREA SHAPE=POLY COORDS="592,232,676,269,664,295,648,308,576,276,576,251,596,233" HREF="http://www.xanga.com/claf"  ALT="CLAF"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=POLY COORDS="561,386,552,424,672,471,699,465,697,420,561,389" HREF="http://www.xanga.com/"  ALT="Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=POLY COORDS="574,338,582,379,671,349,677,322,668,316,619,320,576,341" HREF="http://www.xanga.com/subscribeto.aspx?user=USERNAMEHERE"  ALT="Subscribe"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=POLY COORDS="586,484,608,514,646,493,627,467,588,487" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=POLY COORDS="587,527,599,512,670,539,663,567,638,574,581,547,589,524" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=POLY COORDS=&  #34;355,489,433,422,518,504,522,514,444,595,403,581,346,511,<br />
358,486,358,486,357,486,359,486,358,486" HREF="http://www.xanga/IamAce"  ALT="IamAce"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

</center>
<div style="margin-top: -362px; margin-left: -160px; position: static; width:370px; height:350px; border: 1px solid #bb0000; overflow: auto; background-color:transparent;">

Zelda: The Wind Waker

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 9pt verdana;
 color:#2f9f32;
 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-family:Garamond;
 font-variant:small-caps;
 font-size:14pt;
 line-height:10px;
 font-weight:bold;
 color:#2f9f32;
 letter-spacing:3px;
 background-color: #2059a3;
 text-align: right;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#1b6d1d;
 font:normal 9pt verdana;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#2f9f32; 
 font:normal 9pt verdana;
 text-decoration: overline;
 }

a:hover {
/* edits when user mouseovers the links */
 color:#6d747d;
 cursor: move;
 font:normal 9pt verdana;
 text-decoration: underline;
 font-style:italic;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #2059a3;
 font:normal 8pt verdana;
 background-color: white;
 letter-spacing:0px;
 color: #2f9f32;
 filter:alpha(style=0,opacity=70);
 }

table.left, table.left th, table.left TD { 
/* this edits the menu module */
 display:none;
 }

table.blogbody {
/* this edits the other the place where the blog is */
 border: 1px solid #2059a3;
 background-color: white;
 width:350px;
 filter:alpha(style=0,opacity=70);
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: white; 
 border: 1px solid #2059a3;
 filter:alpha(style=0,opacity=70);
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.footer {
/* the width of your blog with modules */
display:none;
 }
table.main {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid #000000;
 }

li {
 color:#000000;
 }
</style>

<IMG src="//img10.imageshack.us/img10/5079/WWLayPNG3.png" USEMAP="#WWLayJPEG2" BORDER=0

STYLE="width:819px;">
<MAP NAME="WWLayJPEG2">
 <AREA SHAPE=RECT COORDS="551,399,583,426" HREF="http://www.xanga.com/Private/home.aspx"  ALT="Your Xanga"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="592,401,621,427" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="629,403,664,428" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="669,397,710,428"

HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT="Subscribe"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="715,398,751,425" HREF="http://www.xanga.com/claf"  ALT="Look and Feel"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="46,268,114,327" HREF="http://www.xanga.com/iamace"  ALT="IamAces Xanga"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

Zelda ft. Link

<center>
<IMG src="//img30.imageshack.us/img30/4917/ZldLy.PNG" USEMAP="#ZldLink" BORDER=0>
<MAP NAME="ZldLink">
  <AREA SHAPE=RECT COORDS="143,214,215,234" HREF="http://www.xanga.com"  ALT="Xanga"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="208,184,253,210"

HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE" ALT="Subscribe"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="237,161,336,186" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="146,79,220,104" HREF="http://www.xanga.com/Private/home.aspx"  ALT="Your Xanga"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="99,190,154,208" HREF="http://www.xanga.com/claf"  ALT="Look and Feel"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="35,164,113,186" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"

OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="534,339,640,380" HREF="http://www.xanga.com/iamace"  ALT="The Skins Creators

Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
  font:normal 8pt arial;
  color:#33cc00;
  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-family:Times New Roman;
  font-variant:small-caps;
  font-size:14pt;
  font-weight:bold;
  color:#ec4d40;
  background-color: transparent;
  text-align: right;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#ffcc00;
  font:normal 8pt arial;
  text-decoration: none;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#4d8949; 
  font:normal 8pt arial;
  text-decoration: none;
  }

a:hover {
/* edits when user mouseovers the links */
  color:#ec4d40;
  cursor: move;
  font:normal 8pt arial;
  text-decoration: none;
  border:1px solid #ec4d40;
  }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #ffcc000;
  font:normal 8pt arial;
  background-color: #000000;
  letter-spacing:0px;
  color: #4d8941;
  }

table.left, table.left th, table.left TD { 
/* this edits the menu module */
display: none;
  }

table.blogbody {
/* this edits the other the place where the blog is */
  border: 1px solid #4d8941;
  background-color: transparent;
  width:375px;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent; 
  border: 1px solid #ffcc000;
  }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #c0c0c0;
  }

table.navigation, table.footer {
/* the width of your blog with modules */
  display: none;
  }

table.main {
/* the width of your blog with modules */
  width: 100%;
  }

hr {
/* horizontal divider */
  border: 1px solid #ffcc00;
  }

li {
color: #4d8941;
  }
</style>

Primus

<center>
<IMG src="//img12.imageshack.us/img12/5620/PrimusLayoutPNG.PNG" USEMAP="#PrimusLayout" BORDER=0>
<MAP NAME="PrimusLayout">
 <AREA SHAPE=RECT COORDS="400,67,535,84" HREF="http://www.xanga.com/private/home.aspx"  ALT="Your Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="560,68,597,84" HREF="http://www.xanga.com/claf"  ALT="Look and Feel"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="620,68,747,84" HREF="http://www.xanga.com/"  ALT="Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="374,78,392,181" HREF="http://www.xanga.com/Private/subs.aspx"  ALT="Subs"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="371,204,392,449" HREF="http://www.xanga.com/IamAce"  ALT="IamAces Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="397,445,474,461" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="496,444,594,461" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="615,444,730,463" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAMEHERE"  ALT="Subscribe"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 8pt verdana;
 color:white;
 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-family:Times New Roman;
 text-transform:uppercase;
 font-size:14pt;
 line-height:10px;
 font-weight:normal;
 color:#ff7536;
 letter-spacing:0px;
 background-color: transparent;
 text-align: center;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#909083;
 font:normal 8pt verdana;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#909083; 
 font:normal 8pt verdana;
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 color:#ff7536;
 cursor: wait;
 font:normal 11pt Times New Roman;
 text-transform:uppercase;
 text-decoration: none;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #909083;
 font:normal 8pt verdana;
 background-color: transparent;
 letter-spacing:0px;
 color: #ff7536;
 }

table.left { 
/* this edits the menu module */
 display: none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid #909083;
 background-color: transparent;
 width:310px;
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 display:none;
 }

table.left TD {
/* on your menu module, this edits the body part of it */
 display: none;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: transparent; 
 border: 1px solid #909083;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.footer {
/* the width of your blog with modules */
 display: none;
 }

table.main {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px solid #909083;
 }

li {
 color: #ff7536;
 }
</style>

Green Day

No preview, but its white and green with Green Day

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 8pt verdana;
 color:black;
 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-family:impact;
 text-transform:uppercase;
 font-size:13pt;
 line-height:10px;
 font-weight:normal;
 color:#009900;
 letter-spacing:2px;
 background-color: transparent;
 text-align: right;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#009900;
 text-decoration: none;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:green; 
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 color:#000000;
 cursor: move;
 text-decoration: none;
 text-transform: all-caps;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #009900;
 font:normal 8pt verdana;
 background-color: #FFFFFF;
 letter-spacing:0px;
 color: #000000;
 }

table.left { 
/* this edits the menu module */
display: none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid #009900;
 background-color: white;
 width:100%;
 filter:alpha(style=0,opacity=60);
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
display:none;
 }

table.left TD {
/* on your menu module, this edits the body part of it */
display:none;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: transparent; 
 border: 1px solid #009900;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.main {
/* the width of your blog with modules */
 width: 100%;
 }

table.navigation, table.footer {
/* the width of your blog with modules */
display:none;
 }

hr {
/* horizontal divider */
 border: 1px solid #009900;
 }
</style>

<IMG src="//img38.imageshack.us/img38/4072/GDLAYOUT.png" USEMAP="#GDLAYOUT1" BORDER=0>
<MAP NAME="GDLAYOUT1">
 <AREA SHAPE=RECT COORDS="6,433,174,469" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME"  ALT="Subscribe"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="198,439,337,468" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="376,300,418,426" HREF="http://www.xanga.com/iamace"  ALT="IamAce"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="373,104,417,216" HREF="http://www.xanga.com"  ALT="Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="311,34,396,76" HREF="http://www.xanga.com/claf"  ALT="Look and Feel"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="171,32,284,77" HREF="http://www.xanga.com/private/home.aspx"  ALT="Your Xanga"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="7,34,134,76" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="100,394,311,429" HREF="http://www.greenday.com/"  ALT="Green Days Site"  OnMouseOut="window.status=''; return true"  onmouseover="window.status=''; return true">
</MAP>

<div style="margin-top: -415px; margin-left: 404px; position: static; width:360px; height:320px; border: 0px solid #000000; overflow: auto; background-color:transparent;">

Scratchy Stars and Arrows

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li {
/* edits main text */
 font:normal 8pt tahoma;
 color:white;
 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-family:script;
 font-size:25pt;
 font-weight:bold;
 color:red;
 letter-spacing:0px;
 background-color: transparent;
 text-align: center;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:red;
 font:normal 14pt script;
 text-decoration:underline;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#FFFFFF;
 font:normal 14pt script;
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 color:white;
 cursor: nw-resize;
 font:normal 14pt script;
 text-decoration: overline;
 filter:blur(add="0",direction="140",strength="3"); 
 height:2;
 }

input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor {
/* this edits the buttons, dropdowns, etc. */
 border: 1px dashed #FFFFFF;
 font:normal 8pt tahoma;
 background-color: black;
 letter-spacing:0px;
 color: #FFFFFF;
 }

table.left, table.left TD, table.left TH, table.navigation, table.footer { 
/* this edits the menu module */
display:none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px dashed white;
 background-color: #000000;
 width:450px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: black; 
 border: 1px dashed #FFFFFF;
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 100%;
 }

hr {
/* horizontal divider */
 border: 1px dashed white;
 }

li {
 color:white;
 }
</style>
<center>

<IMG src="//img35.imageshack.us/img35/6475/ScratchyStarsandArrows.png" USEMAP="#ScratchyStarsandArrows2" BORDER=0>
<MAP NAME="ScratchyStarsandArrows2">
 <AREA SHAPE=RECT COORDS="22,429,78,463" HREF="http://www.xanga.com/claf"  ALT="Look and Feel"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="158,430,222,462" HREF="http://www.xanga.com/"  ALT="Xanga"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="282,428,392,454" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="430,425,524,460" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=XANGANAMEHERE"  ALT="Subscribe"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="570,429,666,460" HREF="http://www.xanga.com/private/home.aspx"  ALT="Your Xanga"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="674,377,746,410" HREF="http://www.xanga.com/iamace"  ALT="IamAce"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="652,255,778,294" HREF="http://www.xanga.com/logout.aspx"  ALT="Sign Out"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="676,149,754,178" HREF="http://www.xanga.com/XANGANAMEHRE"  ALT="Refresh"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
 <AREA SHAPE=RECT COORDS="660,33,777,64" HREF="http://www.blogring.net/"  ALT="Blogring.net"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
</MAP>

<div style="margin-top: -440px; margin-left: -165px; position: static; width:500px; height:280px; border: 0px solid #DF2020; overflow: auto; background-color:transparent;">

The Incredible Hulk

<center>
<style type="text/css">
/* The Incredible Hulk Stylesheet */
/* by IamAce (xanga.com/IamAce) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
/* Edits the background color and scrollbar */
 background-color: #000000;
 scrollbar-arrow-color: #00cc00;
 scrollbar-track-color: #000000;
 scrollbar-shadow-color: #00cc00;
 scrollbar-face-color: green;
 scrollbar-highlight-color: #00cc00;
 scrollbar-darkshadow-color: #000000;
 scrollbar-3dlight-color: #000000; 
 }

body {
/* edits the background image */
background-image: url("http://imageshack.us/img1/8286/HULKSMALL1.PNG"); background-repeat: no-repeat; background-position: right bottom;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 10pt Verdana;
 color:00cc00;
 }

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-family:Franklin Gothic Heavy;
 font-variant: small-caps;
 font-size:16pt;
 color:#00ff00;
 letter-spacing:3px;
 text-align: center;
 background-image: url(http://imageshack.us/img2/5114/HulkEyes1.PNG);
 filter:alpha(style=0,opacity=70);
 border-top: 2px dashed #00cc00;
 border-left: 2px dashed #00cc00;
 border-right: 2px dashed #00cc00;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:green;
 text-decoration: none;
 font-family: Franklin Gothic Medium;
 font-size: 10pt;
 font-weight: bold;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:limegreen; 
 text-decoration: none;
 font-family: Franklin Gothic Medium;
 font-size: 10pt;
 text-transform:lowercase;
 font-weight: bold;
 }

a:hover {
/* edits when user mouseovers the links */
 color:#00cc00;
 cursor: move;
 text-decoration: none;
 font-family: Franklin Gothic Medium;
 font-size: 11pt;
 text-transform:uppercase;
 font-weight: bold;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 2px dashed #00cc00;
 font:normal 10pt franklin gothic heavy;
 background-color: #000000;
 color:limegreen;
 font-variant: small-caps;
 filter:alpha(style=0,opacity=80); 
 }

table.left { 
/* this edits the menu module */
 border: 2px dashed #00cc00;
 width:180px;
 }

table.blogbody {
/* this edits the other the place where the blog is */
 border: 2px dashed #00cc00;
 background-color: #ffffff;
 width:408px;
 filter:alpha(style=0,opacity=80); 
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-color: Green;
 font: bold 13pt franklin gothic medium;
 text-transform: uppercase;
 color: #00ff00;
 border-bottom: 2px dashed #00cc00;
 background-image: url(http://imageshack.us/img2/5114/HulkEyes1.PNG);
 height: 32px;
 }

table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: #FFFFFF;
 border: none;
 filter:alpha(style=0,opacity=80); 
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #000000; 
 border: 2px dashed #00cc00;
 background-image: url(http://imageshack.us/img2/1111/hulklong3.PNG);
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.navigation{
/* the width of your blog with modules */
 width: 700px;
 background-image: url(http://imageshack.us/img2/8532/hulklong1.PNG);
 background-color: #000000;
 border: 2px dashed #00cc00;
 }

table.footer {
/* the width of your blog with modules */
 width: 700px;
 background-image: url(http://imageshack.us/img2/8532/hulklong1.PNG);
 background-color: #000000;
 border: 2px dashed #00cc00;
 filter:alpha(style=0,opacity=80); 
 }

table.main {
width: 500px;
border: 3px dashed #00cc00;
}

hr {
/* horizontal divider */
 border: 1px solid #00cc00;
 color: green;
 height: 3px;
 }
</style>
<center>
<img src="//www.imageshack.us/img2/6936/TheHULKbanner1.png" alt="Image Hosted by ImageShack.us" style="border: 3px dashed #00cc00;"><br /><br />
</center>

Red and Black Stars

<META http-equiv="Page-Exit" content=progid:DXImageTransform.Microsoft.Iris(duration=2,irisStyle=STAR><META http-equiv="Page-Enter" content=progid:DXImageTransform.Microsoft.Iris(duration=2,irisStyle=STAR)>
<style type="text/css">
/* Red and Black Stars Stylesheet */
/* By IamAce <a href='http://www.xanga.com/IamAce' target='_blank'>http://www.xanga.com/IamAce</a> */
/* <a href='http://www.Blogring.net/' target='_blank'>http://www.Blogring.net/</a> */ 
body {
/* the scrollbar */
 scrollbar-arrow-color: #ff0000;
 scrollbar-track-color: #000000;
 scrollbar-shadow-color: #ff0000;
 scrollbar-face-color: #cc0000;
 scrollbar-highlight-color: #ff0000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-3dlight-color: #000000;
 }

body {
/* The background picture */
 background: url("http://imageshack.us/img1/2030/TiledStars1.PNG");
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 8pt verdana;
 line-height:10px;
 color: #cc0000;
 }

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-family: Lucida Calligraphy;
 font-varient: small-caps;
 font-size:18pt;
 line-height:20px;
 font-weight:normal;
 color:#ff0000;
 letter-spacing:0px;
 background-color: black;
 text-align: right;
 border-right: 1px solid #cc0000;
 border-left: 1px solid #cc0000;
 border-top: 1px solid #cc0000;
 filter:alpha(style=0,opacity=70);
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#cc0000;
 text-decoration: none;
 font-family: Lucida Calligraphy;
 font-size: 10pt;
 }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#dd0000; 
 text-decoration: none;
 font-family: Lucida Calligraphy;
 font-size: 10pt;
 }

a:hover {
/* edits when user mouseovers the links */
 color:#ff0000;
 cursor: crosshair;
 text-decoration: none;
 border: 1px dashed #ff0000;
 font-family: Lucida Calligraphy;
 font-size: 10pt;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #cc0000;
 font:normal 10pt Lucida Calligraphy;
 background-color: #000000;
 letter-spacing:0px;
 color: #cc0000;
 }

table.left { 
/* this edits the menu module */
 border: 1px solid #ff0000;
 width:160px;
 background-color: #000000;
 filter: alpha(style=0,opacity=70);
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid #ff0000;
 background: #ffffff;
 width:400px;
 filter: alpha(style=0,opacity=70);
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-color: #000000;
 font: bold 12pt Lucida Calligraphy;
 text-transform: lowercase;
 color: #ff0000;
 border: none;
 text-align: right;
 }

table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: #FFFFFF;
 border: none;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #000000; 
 border: 1px solid #cc0000;
 filter: alpha(style=0,opacity=90);
 }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #c0c0c0;
 }

table.main, {
/* the width of your blog with modules */
 width: 500px;
 }

table.navigation, table.footer {
/* the width of your blog with modules */
 display: none;
 }

hr {
/* horizontal divider */
 color: #cc0000;
 height: 3px;
 }

li {
/* list bullets */
 color: #cc0000;
 font-family: verdana;
 font-size: 10pt;
 font-color: #cc0000;
}
</style>
<center>
<table width=150 border="0" style=filter: alpha(opacity=100,finishopacity=10,style=1);">
<tr>
<td align=center bgcolor=black style="border: 1px solid #cc0000;">
<img src="//imageshack.us/img2/6403/redandblackstars1.gif">
</td>
</tr>
</table>
<br /><TABLE BORDER="0">
<TD><FORM>
<INPUT TYPE="button" onclick="parent.location='http://www.xanga.com'" Value="xanga">
</FORM>
<TD><FORM>
<INPUT TYPE="button" onclick="parent.location='http://www.xanga.com/signin.aspx'" Value="come in">
</FORM>
<TD><FORM>
<INPUT TYPE="button" onclick="parent.location='http://www.xanga.com/Private'" Value="yours">
</FORM>
<TD><FORM>
<INPUT TYPE="button" onclick="parent.location='http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAMEHERE'" Value="subscribe">
</FORM>
<TD><FORM>
<INPUT TYPE="button" onclick="parent.location='http://www.xanga.com/logout.aspx'" Value="leave">
</FORM>
</table>