Avatar The Last Airbender layout : for all account types (click on image for full view)
Temp Preview at river_testing.

RULES :
1) You may use the codes as it is, though I think it would be best if you upload them to your own server just in case I accidentally delete them or anything XD
2) You may replace the header and colours to suit your taste, but please don't repost them as your own. These babies are HARD to code, esp from someone who just learned the basics!
3) Credit is a must
4) Comment is love!
5) Like what you see? Want to keep up with updates? Then watch (do not join please~ This comm is 100% public) the community~!

INSTRUCTIONS

1) Go to Customize Journal
- Under number 2, you'll see the search bar ('theme, layout or designer')
- Type in 'Flexible Squares' and choose the BLUE layout
2) Click on 'Customize Your Theme'
- Under SIDEBAR, make sure all are set to 'NO' except for your BLURB
- You can create tables (as shown in the preview at river_testing) in the blurb to creat sections. Code provided below :B
- Go to CSS and make sure all the drop down menus are set to 'NO'
- Copy + Paste codes below 8D EASY YES?
3) CREDIT DUR

Codes :

Layout :

/*--------------------------------------------------- Name : Avatar TLA Layout Style Sheet based on the Flexible Squares layout For all accounts. By LarXy @ river_nile.livejournal.com -----------------------------------------------------*/ body { background-color: #c1c1c1; background-image:url("http://img31.picoodle.com/img/img31/5/12/26/f_bg442m_7a94958.png"); background-repeat: repeat; text-align: center; color: #9d9d9d; font-family: "Verdana", sans-serif; font-size: 9px; margin: 0px 0 0px 0; } a, a:link, a:visited { color: #9d9d9d; text-decoration: none; } a:hover { color: #3D3D3D; text-decoration: underline; } p, td, blockquote { font-size: 9px; } code, kbd, pre, tt { font-family: monospace; } /*--------------------------------------------------------------------- General ------------------------------------------------------------------------*/ #content { border: 0px solid #efefef; width: 700px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; padding: 0px; } #maincontent { margin-top: 15px; font-family: "Verdana", sans-serif; font-size: 9px; background-color: #FFFFFF; color: #9d9d9d; border-style: solid; border-color: #FFFFFF; border-width: 1px; margin-right: 2px; text-align: left; } #sidebar { width: 650px; padding: 25px 25px 25px 25px; margin-top: 0px; background: #FFFFFF; border-top: solid #FFFFFF 0px; border-left: solid #FFFFFF 0px; border-bottom: solid #FFFFFF 0px; border-right: solid #FFFFFF 0px; font-color: #777777; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 11pt; text-align: justify; float: right; } /*----------------------------------------------------------------------------- Header --------------------------------------------------------------------------------*/ #header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: center; font-family: "verdana", sans-serif; font-size: 11px; letter-spacing: 1px; background-color: #FFFFFF; color: #9d9d9d; } .headerimage { position: relative; width: 700px; height: 350px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url("http://img30.picoodle.com/img/img30/5/12/26/f_Avatarheadem_890c5d3.png"); background-repeat: no-repeat; } /*look and color of links (also partly for footer)*/ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #a4a4a4; } div#header a:hover, div#footer a:hover { color: #e7dcdc; text-decoration: none; } /*title and subtitle*/ .title { font-family: "times new roman", verdana; font-size: 20px; font-weight: normal; line-height: 200%; top: 10px; } .subtitle{ font-family: "Verdana", sans-serif; font-size: 9px; font-weight: normal; top: 10px; display:none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ .subcontent { } .entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #FFFFFF; color: #9d9d9d; font-family: "Trebuchet MS",tahoma, verdana, sans-serif; font-size: 11px; text-align: left; border-width: 0px; border-color: #FFFFFF; border-style: solid; } .userpic { position: relative; float: left; background-color: #FFFFFF; padding: 5px; margin: 10px; z-index: 15; border-width: 1px; border-color: #EDEDED; border-style: solid; } .date { line-height: 200%; top: 5px; color: #C1C1C1; font-family: "arial", sans-serif; font-size: 10px; text-transform: lowercase; } .subject { font-weight: bold; padding: 10px; border-bottom: 1px solid; border-color: #EDEDED; color: #a4a4a4; font-family: "times new roman", verdana; font-size: 20px; } .subject a, .subject a:link, .subject a:visited { color: #FFFFFF; } .subject a:hover { color: #898989; } .datesubject { background-color: #FFFFFF; padding: 5px; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .ljtags { font-size: 9px; font-weight: bold; margin-top: 15px; margin-bottom: 0px; display: yes; } .replytoposter { text-align: left; font-weight: normal; font-size: 10px; text-transform: uppercase; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .currents, .currentmood, .currentmusic { font-family: "Verdana", sans-serif; font-size: 9px; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { font-family: "Verdana", sans-serif; font-size: 9px; text-align: center; background-color: #FFFFFF; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #9d9d9d; } div.comments a:hover { color: #898989; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator {width: 100%; height: 75px; align: center; background-image: url('http://img31.picoodle.com/img/img31/5/12/26/f_Airbenddivim_d6385a5.png'); background-position: center} /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: #C1C1C1; font-family: "Verdana", sans-serif; font-size: 9px; z-index: 15; } /*--------------------------------------------------------------------- Sidebar ------------------------------------------------------------------------*/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #c1c1c1; font-family: "times new roman", verdana; text-decoration: none; font-size: 8pt; } div#sidebar a:hover { text-decoration: none; color: #999; } .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 02px; border: 0px solid #EEE; background: #252525; text-align: center; font-family: "Verdana", Helvetica, sans-serif; color: #888888; font-size: 7pt; } .sbarcalendarposts { padding: 02px; border: 0px solid #EEE; background: #252525; text-align: center; font-family: "Verdana", Helvetica, sans-serif; font-size: 7pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 2px 2px 2px; padding: 2px 2px 2px 10px; list-style: none; background-color: #252525; background-image: url(''); background-repeat: repeat; border-bottom: 1px #444444 solid; } li.sbaritem:hover { background-color: #dddddd; background-image: url(''); background-repeat: repeat; } li.sbartitle { padding-left: 0px; padding-right: 0px; padding: 2px; list-style: none; margin-bottom: 2px; margin-top: 2px; color: #aaaaaa; font-family: "times new roman", verdana, sans-serif; font-size: 12pt; text-align: left; border-bottom: solid 1px #444444; font-weight: none; text-transform: normal; background-color: #252525; background-image: url(' '); background-repeat: repeat; letter-spacing: 0pt; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { position: relative; text-transform: uppercase; width: 700px; height: 173px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url("http://img29.picoodle.com/img/img29/5/12/26/f_Avatarfootem_a4d9f31.png"); background-repeat: no-repeat; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #FFFFFF; } table.yeartable td.yearday { background-color: #FFFFFF; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { background-color: #FFFFFF; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border-width: 5px; border-style: solid; border-color: #FFFFFF; background-color: #FFFFFF; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: #c1c1c1; border-style: solid; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #a4a4a4; padding: 10px; clear: left; } input, textarea, select { background-color: #FFFFFF; background: url('http://img33.picoodle.com/img/img33/5/12/26/f_Avatarcommem_a659097.png'); font-family: verdana, tahoma, sans-serif; font-size: 10px; color: #222222; border: 1px solid #eeeeee; margin: 1px; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", sans-serif; font-size: 9px; line-height: 125%; background-color: #a4a4a4; color: #9d9d9d; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 9px; font-family: "Verdana", sans-serif; color: #9d9d9d; } .commentbox { border-color: #C1C1C1; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #FFFFFF; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9d9d9d; } .datesubjectcomment a:hover { color: #b0b9c8; } .commentboxpartial { border-color: #FFFFFF; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #FFFFFF; } .commentinfo { background-color: #FFFFFF; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; } #summary .summaryList img[src="http://stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background: url(http://pics.livejournal.com/river_nile/pic/000c2ek9);} #summary .summaryList img[src="http://stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background: url(http://pics.livejournal.com/river_nile/pic/000c2ek9);} .entryHeaderSubject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background: url(http://pics.livejournal.com/river_nile/pic/000c2ek9);} .entryHeaderSubject img[src="http://stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background: url(http://pics.livejournal.com/river_nile/pic/000c2ek9);} .daysubjects img[src="http://stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background: url(http://pics.livejournal.com/river_nile/pic/000c2ek9);} .daysubjects img[src="http://stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background: url(http://pics.livejournal.com/river_nile/pic/000c2ek9);} .ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent; background-image: url(http://img30.picoodle.com/img/img30/5/12/26/f_Airbenduserm_a9cc10e.png); padding: 15px 15px 0px 0px !important;} .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {background-color: transparent; background-image: url(http://img30.picoodle.com/img/img30/5/12/26/f_Airbenduserm_a9cc10e.png); padding: 15px 15px 0px 0px !important;} .ljuser img[src="http://stat.livejournal.com/img/community.gif"] {background-color:transparent; background-image: url(http://img30.picoodle.com/img/img30/5/12/26/f_Airbenduserm_a9cc10e.png); padding: 15px 15px 0px 0px !important;}

Sidebar (OPTIONAL) :

<center><table width="450" cellpadding="1" cellspacing="2"><tr><td width="140" align="justify" valign="top"><font color="#222222">Title</font> Zuko, you have to look within yourself, to save yourself from your other self. Only then will your true self, reveal itself. ... Listen, Avatar, I can join your group or I can do something unspeakably horrible to you and your friends. Your choice. <td width="140" align="justify" valign="top"><font color="#222222">Title2</font> You make one step backward, one slip up, give me one reason to think you might hurt Aang, and you won't have to worry about your destiny anymore, because I'll make sure your destiny ends. Right then and there. Permanently. <td width="100" align="justify" valign="top"><font color="#222222">Navigation</font> <font color="#dddddd">•</font> <font color="#444444"><a href="http://your journal here.livejournal.com/friends?show=P&filter=0L">Friends</a></font> <font color="#dddddd">•</font> <font color="#444444"><a href="http://your journal here.livejournal.com/friends?show=C&filter=0">Communities</a></font> <font color="#dddddd">•</font> <font color="#444444"><a href="http://your journal here.livejournal.com/44944.html">Intro</a></font> <font color="#dddddd">•</font> <font color="#444444"><a href="http://your journal here.livejournal.com/44436.html">Blogcrew</a></font> <font color="#222222">Exit</font> <font color="#dddddd">•</font> <font color="#444444"><a href="http://community.livejournal.com/r_w_umbrella">R_W_Umbrella</a></font> <font color="#dddddd">•</font> <font color="#444444"><a href="http://deviantart.com">Deviantart</a></font> <font color="#dddddd">•</font> <font color="#444444"><a href="http://twitter.com/">Twitter</a></font> </td></td></tr></table></center>


Enjoy!

llLarXyll