What a pain making this layout was! Lots of things that didn't work in Internet Explorer. But when I tested in LJ, it worked, phew! I guess LJ must have some bug fixes for IE at work. :oD

Black Holes and Revelations
preview	Click here for live preview, then click on the layout's icon.
layout info	Based on Flexible Squares. Works for all account types. Tested in Firefox 16, Google Chrome 22 and Internet Explorer 9. This layout's width is flexible.
how to implement this layout	Go to the Customize Journal page. Make sure Style System is S2. Choose the Flexible Squares layout. Go to Custom CSS » Use layout's stylesheet(s): No » Use layout's stylesheet(s) when including custom external stylesheet: No » Use external stylesheets: No insert custom stylesheet /* Black Holes and Revelations http://fuesch.livejournal.com/34860.html */ @font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; src: local('Anton'), url(http://themes.googleusercontent.com/static/fonts/anton/v3/tilmJBBU81h1G7ZsdY3Hmw.woff) format('woff'); } @font-face { font-family: 'Pinyon Script'; font-weight: 400; src: local('Pinyon Script'), local('PinyonScript'), url(http://themes.googleusercontent.com/static/fonts/pinyonscript/v3/TzghnhfCn7TuE73f-CBQ0BEVhAA1gnTRu3Am0EzDRlM.woff) format('woff'); } body { margin: 0px; padding: 60px 0px 0px 0px; text-align: center; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #C8AD9E; font-size: 12px; background: url(http://fatfrog.info/Ma/A/layout/bhar/bg.png) center fixed; } a, a:link { color: #A84937; text-decoration: none; } a:visited { color: #933727; text-decoration: none; } a:hover { color: #DC7B5E; text-decoration: none; } a:active { color: #E14C38; text-decoration: none; } code, kbd, pre, tt { font-family: "Courier New", Courier, monospace; font-size: 12px; } p, td, blockquote { font-size: 12px; } q { font-style: italic; } q i { font-style: normal; } /* ------- GENERAL ------- */ .clear { display: none; } .headerimage { position: absolute; left: 50%; width: 285px; height: 199px; margin: 0px 0px 0px 165px; background: url(http://fatfrog.info/Ma/A/layout/bhar/horsemen.png) top right no-repeat; z-index: 10; } #content { width: 900px; margin: 0px auto; } #header { margin: 71px 0px 0px 0px; padding: 0px 0px 35px 0px; text-align: left; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; background: url(http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png); } ul.navheader { position: absolute; left: 50%; width: 615px; margin: -33px 0px 0px -450px; padding: 10px 285px 5px 0px; text-align: right; z-index: 100; } ul.navheader a, ul.navheader a:link { padding: 10px 15px 5px 15px; color: #933727; text-decoration: none; background: url(http://fatfrog.info/Ma/A/layout/bhar/nav.png) bottom; border-top-left-radius: 10px; border-top-right-radius: 10px; } ul.navheader a:hover { color: #A84937; background: url(http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png); } ul.navheader a:active { color: #EBDDDB; } ul.navheader li { display: inline; margin: 0px 0px 0px 1px; } ul.navheader li.view { padding: 10px 15px 5px 15px; background: url(http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png); border-top-left-radius: 10px; border-top-right-radius: 10px; } .title { position: relative; top: 24px; left: 15px; display: inline; font-size: 18px; z-index: 100; } .subtitle { position: relative; top: 25px; left: 20px; display: inline; font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 24px; text-transform: capitalize; letter-spacing: 0px; z-index: 100; } #sidebar { float: right; width: 180px; margin: -6px 0px 0px 0px; padding: 0px 15px 15px 15px; text-align: left; background: url(http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png); } .sbarbody { margin: 25px 0px 0px 0px; position: relative; z-index: 100; } .sbarbody2 { position: relative; padding: 5px 7px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; z-index: 100; } ul.sbarlist { margin: 0px; padding: 0px; list-style: none; } ul.sbarlist + ul.sbarlist { margin: 0px; padding: 5px 7px; color: #A84937; list-style: disc inside; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; } li.sbartitle { margin: 0px; padding: 0px; list-style: none; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } .tagcloud { padding: 0px; list-style: none; } li.sbaritem { margin: 0px; padding: 0px; } li.sbaritem + li.sbaritem { padding: 3px 0px 0px 0px; } .count { color: #C8AD9E; } .defaultuserpic { margin: 25px 0px 0px 0px; padding: 10px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; } table.calendar { margin: 3px auto; color: #C8AD9E; } .sbarcalendar { padding: 2px 3px; text-align: center; border: 1px solid #330B04; } .sbarcalendarposts { padding: 2px 3px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/bhar/nav.png) top; border: 1px solid #330B04; } .sbarcalendarposts a { display: block; } #maincontent { margin: 0px 210px 0px 0px; padding: 15px; text-align: left; background: url(http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png); } #footer { margin: 5px 0px 0px 0px; padding: 0px 0px 25px 0px; text-align: left; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; clear: both; } ul.navfooter{ margin: 0px; padding: 0px; } ul.navfooter li { display: inline; margin: 0px 1px 0px 0px; } div#footer a, div#footer a:link { padding: 5px 15px 10px 15px; color: #933727; text-decoration: none; background: url(http://fatfrog.info/Ma/A/layout/bhar/nav.png) bottom; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } div#footer a:hover { color: #A84937; background: url(http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png); } div#footer a:active { color: #EBDDDB; } ul.navfooter li.viewing { padding: 5px 15px 10px 15px; background: url(http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .clearfoot { display: none; clear: both; } /* ------- ENTRIES & FRIENDS ------- */ .subcontent { margin-bottom: 35px; } .userpic { position: relative; float: right; margin: 0px 10px 10px 10px; z-index: 50; } .userpicfriends { position: relative; float: right; margin: 0px 10px 10px 10px; text-align: right; font-size: 10px; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; background: none!important; float: right; } .userpicfriends img { padding-bottom: 3px; } .userpicfriends font { color: #A84937; } .userpicfriends font:hover { color: #DC7B5E; } .datesubject { position: relative; margin: 0px 120px 2px 0px; z-index: 30; } .date, .replytoposter { padding: 2px 3px 0px 0px; float: left; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } .subject, .replytosubject { font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 24px; text-transform: capitalize; text-shadow: 1px 1px 0px #330B04; } .entry { margin-top: -10px; padding: 15px 15px 0px 15px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; } .ljtags { margin-top: 10px; font-size: 10px; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } .currents { margin-top: 10px; font-size: 10px; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } .currents strong { font-weight: normal; } .comments { width: 100%; margin: 15px 0px -15px -15px; padding: 0px 15px; text-align: right; font-size: 0px; background: url(http://fatfrog.info/Ma/A/layout/bhar/bg2.png) center fixed; border-top: 1px solid #330B04; } .comments a { position: relative; top: -15px; right: -5px; padding: 0px 0px 0px 10px; font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 24px; text-transform: capitalize; text-shadow: 1px 1px 0px #330B04; } .comments a + a { margin-left: 10px; } .separator { display: none; } /* ------- COMMENTS ------- */ .lj-view-entry .subcontent { margin-bottom: 20px; } .skiplinks { margin-bottom: 10px; padding-bottom: 5px; text-align: center; font-size: 0px; border-bottom: 1px solid #330B04; } .skiplinks a { margin: 0px 5px; padding: 5px 7px; font-size: 12px; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-left: 1px solid #330B04; border-right: 1px solid #330B04; border-top-left-radius: 10px; border-top-right-radius: 10px; } .box { font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; } .box b, .box strong { font-weight: normal; } .box center { margin-bottom: 25px; } .box + .box center { margin-top: 10px; } .commentbox { margin: 0px 0px 20px 0px; } .datesubjectcomment { position: relative; z-index: 30; } .datesubjectcomment strong { position: relative; bottom: -8px; font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 24px; text-transform: capitalize; letter-spacing: 0px; text-shadow: 1px 1px 0px #330B04; } .userpiccomment { position: relative; float: left; margin: 0px 5px 5px 0px; padding: 0px 5px 5px 0px; z-index: 15; } .commentreply { padding: 15px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: 0px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; } .commentreply b, .commentreply strong { font-weight: bold; } .commentreply + div { position: relative; top: -10px; padding: 0px; text-align: right!important; font-size: 0px!important; letter-spacing: 0px; } .commentreply + div a { margin-right: 10px; font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 16px!important; text-transform: capitalize; } .commentreply + div div { padding: 0px 10px 0px 0px!important; text-align: right!important; font-size: 12px!important; } .commentreply + div div a { margin-right: 0px; margin-left: 3px; } .commentreply + div div img { width: 15px; height: 15px; } .commentboxpartial { margin: 0px 0px 20px 0px; padding: 5px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; } .separator + .clear, .separator + .clear + div { display: none; } .box { display: block!important; } #content + div { background-color: transparent!important; border: none!important; } #postform, #qrform { margin-bottom: 35px; padding: 15px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: 0px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04!important; border-bottom: 1px solid #330B04!important; } postform table, #qrform table { border: none!important; } .commentreply + div div div { margin-right: -10px; padding: 0px!important; } .commentbox #qrform { margin-bottom: 0px; } .commentbox #qrform table { padding: 2px; } input, textarea { padding: 2px; color: #C8AD9E; background: url(http://fatfrog.info/Ma/A/layout/bhar/bg2.png) center fixed; border: 1px solid #C8AD9E; } .lj-view-reply textarea.textbox { width: 95% !important; } .lj-view-reply #postform { margin-bottom: 0px; padding-bottom: 0px; } /* ------- CALENDAR ------- */ .lj-view-archive #maincontent br { display: none; } ul.year { margin: 0px; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #330B04; } ul.year li { display: inline; margin: 0px 2px; padding: 5px 7px; font-size: 12px; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-left: 1px solid #330B04; border-right: 1px solid #330B04; border-top-left-radius: 10px; border-top-right-radius: 10px; } table.yeartable { width: 100%; margin: 50px 0px 0px 0px; padding: 0px 15px 15px 15px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; } td.yearmonth { position: absolute; margin: -25px 0px 0px 85px; font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 24px; text-transform: capitalize; text-shadow: 1px 1px 0px #330B04; border-style: none; } td.yearmonth + td.yearmonth { margin-left: -15px; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-shadow: none; } table.yeartable td.yearday { padding-bottom: 4px; text-align: center; font-family: 'Anton', Haettenschweiler, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } table.yeartable td.yeardate { padding: 5px 8px; border: 1px solid #330B04; } .lj-view-month #maincontent form { border-bottom: 1px solid #330B04; font-size: 0px; } .lj-view-month #maincontent form a { margin: 0px 2px; padding: 5px 7px; font-size: 12px; font-weight: bold; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-left: 1px solid #330B04; border-right: 1px solid #330B04; border-top-left-radius: 10px; border-top-right-radius: 10px; } .lj-view-month #maincontent form select { margin: 0px 0px 0px 2px; padding: 5px 7px; color: #C8AD9E; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-bottom: none; border-top: 1px solid #330B04; border-left: 1px solid #330B04; border-right: 1px solid #330B04; border-top-left-radius: 10px; } .lj-view-month #maincontent form input { margin: 0px 2px 0px 0px; padding: 5px 7px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border: none; border-top: 1px solid #330B04; border-right: 1px solid #330B04; border-top-right-radius: 10px; } .lj-view-month #maincontent form br, .lj-view-month #maincontent form + br , .lj-view-month #maincontent form + br + br { display: none; } .lj-view-month .subcontent { margin: 0px; } .lj-view-month .entry { margin-top: 0px; padding: 0px; background: none; border-top: none; } .lj-view-month dt { position: relative; bottom: -10px; margin: 0px; padding: 0px; font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 24px; text-transform: capitalize; text-shadow: 1px 1px 0px #330B04; } .lj-view-month dt b { font-weight: normal; } .lj-view-month dd { margin: 0px; padding: 15px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; } .lj-view-day .skiplinks { margin-bottom: 35px; } .lj-view-day .separator + .clear + .clear + .skiplinks { margin: -10px 0px 20px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #330B04; border-bottom: none; } .lj-view-day .separator + .clear + .clear + .skiplinks a { background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-bottom: 1px solid #330B04; border-left: 1px solid #330B04; border-right: 1px solid #330B04; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* ------- TAGS ------- */ .lj-view-tags h2 { margin: 0px 0px 0px 5px; font-family: 'Pinyon Script', Georgia, "Times New Roman", Times, serif; font-size: 24px; text-transform: capitalize; font-weight: normal; text-shadow: 1px 1px 0px #330B04; } .ljtaglist { margin: -10px 0px 0px 0px; padding: 10px 15px 13px 15px; background: url(http://fatfrog.info/Ma/A/layout/bhar/white2percent.png); border-top: 1px solid #330B04; border-bottom: 1px solid #330B04; } ul.ljtaglist { list-style: disc inside; } ul.ljtaglist li { padding-top: 3px; }

	This profile layout has a fixed width, changing the width would mess up the layout. Go to Edit Profile and insert the code into the Bio part. To copy the code, click in the text area and then press Ctrl+A and Ctrl+C. <lj-raw> <center><table cellpadding="0" cellspacing="0" border="0"><tr><td width="600" colspan="3" height="486" background="http://fatfrog.info/Ma/A/layout/bhar/profile-header.png"></td></tr><tr><td width="20" background="http://fatfrog.info/Ma/A/layout/bhar/profile-left.png"> </td><td width="560" background="http://fatfrog.info/Ma/A/layout/bhar/profile-middle.png"><table cellpadding="0" cellspacing="0" border="0" width="560" background="http://fatfrog.info/Ma/A/layout/bhar/brown90percent.png"><tr><td width="15"> </td><td><font face="'Century Gothic', Arial, Helvetica, sans-serif" size="2" color="#C8AD9E"> TEXT GOES HERE </font></td><td width="15"> </td></tr><tr><td height="15"> </td></tr></table> </td><td width="20" background="http://fatfrog.info/Ma/A/layout/bhar/profile-right.png"> </td></tr></table></center> </lj-raw> You don't have to use the lj-raw tags. With them you can only make line breaks/new paragraphs with <br> and <p>. Without the lj-raw tags you can also create line breaks and new paragraphs just by hitting the enter key. If you want to change the link color, put a font tag with a different color in your link. Like so: <a href="URL"><font color="#A84937">LINK TEXT</font></a>