As a fan of Ten and his outfit of course it was only a matter of time until I would turn it into a layout. The idea didn't take too long, neither did starting the layout. It was one of the unlucky layouts that just sat around and collected dust for a few years. But finally it's done, yay!

Edit (May 26, 2016): Profile layout edited, because cellpadding & -spacing aren't supported in HTML5.

Pinstripes and Converse
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 7, Google Chrome 14 and Internet Explorer 8 (IE doesn’t display the comments links correctly, but luckily that's all). Sidebar width and maincontent width are 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 /* Pinstripes and Converse http://fuesch.livejournal.com/27493.html */ body { margin: 0px; padding: 0px; text-align: center; font-family: "Verdana", sans-serif; color: #332002; font-size: 12px; background: #E8E6DE url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/pinstripes.gif); } a, a:link { color: #295979; text-decoration: none; } a:visited { color: #386E93; text-decoration: none; } a:hover { color: #233557; text-decoration: none; } a:active { color:#233557; text-decoration: underline; } code, kbd, pre, tt { font-family: "Courier New", Courier, monospace; font-size: 12px; } p, td, blockquote { font-size: 12px; } blockquote { padding: 10px; background: #FFFFFF; border: 3px solid #CC1039; } q { font-style: italic; } q i { font-style: normal; } /* ------- GENERAL ------- */ .ljuser img[src*="http://l-stat.livejournal.com/img/userinfo.gif"] { height: 0px; width: 0px; padding: 12px 0px 0px 10px !important; background: transparent url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/user.gif) no-repeat; } .ljuser img[src*="http://l-stat.livejournal.com/img/community.gif"] { height: 0px; width: 0px; padding: 13px 0px 0px 18px !important; background:transparent url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/comm.gif) no-repeat; } .ljuser a, .ljuser a:link, .ljuser a:visited { color: #CC1039!important; } .ljuser a:hover, .ljuser a:active { color: #233557!important; } .clear { height: 15px; } #content { margin: 0px; padding: 0px; } #header { height: 250px; margin: 0px 0px 50px 0px; padding: 0px; text-align: left; color: #386E93; background: #E8E6DE url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/header.jpg) bottom left no-repeat; } ul.navheader { position: relative; top: 215px; height: 14px; margin: 0px 0px 0px 343px; padding: 10px 0px 11px 0px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; background: #386E93; } ul.navheader a, ul.navheader a:link , ul.navheader a:visited { color: #332002; } ul.navheader a:hover, ul.navheader a:active { color: #E8E6DE; } ul.navheader li { margin: 0px; display: inline; padding: 10px 3px 11px 10px; } ul.navheader li + li { border-left: 1px solid #295979; } .view { color: #E8E6DE; } .title { margin: 50px 0px 0px 330px; font-size: 24px; font-style: italic; } .subtitle { margin-left: 330px; font-size: 16px; font-style: italic; } #sidebar { width: 200px; margin: 0px 0px 0px 75px; padding: 0px; text-align: left; float: left; } .sbarbody { padding: 0px; background: #E8E6DE; } .sbarbody2 { margin: 0px 0px 15px 0px; padding: 7px; background: #E8E6DE; } ul.sbarlist { margin: 0px; padding: 0px; list-style: none; } ul.sbarlist + .sbarlist { margin: 0px 0px 15px 0px; padding: 7px; list-style: none; } li.sbartitle { margin: 0px; padding: 5px; list-style: none; color: #AE3114; font-size: 16px; font-style: italic; background: #FFFFFF; border-bottom: 3px solid #CC1039; } .tagcloud { padding: 0px; list-style: none; } li.sbaritem { margin: 0px; padding: 3px 0px 3px 15px; background: url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/eyelet.png) 0px 5px no-repeat; } .defaultuserpic { margin: 0px 0px 15px 0px; padding: 10px; text-align: center; background: #E8E6DE; } .defaultuserpic img { padding: 10px; background: #FFFFFF; border: 3px solid #CC1039; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 1px 3px; text-align: center; border: 1px solid #E8E6DE; } .sbarcalendarposts { padding: 1px 3px; text-align: center; background: #F0EEE7; border: 1px solid #E8E6DE; } #maincontent { margin: 0px 75px 0px 325px; text-align: left; } #footer { height: 14px; margin: 50px 0px 0px 0px; padding: 10px 0px 11px 0px; color: #E8E6DE; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; background: #386E93; z-index: 100; clear: both; } ul.navfooter{ margin: 0px; padding: 0px; } ul.navfooter li { margin: 0px; display: inline; padding: 10px 3px 11px 10px; } ul.navfooter li + li { border-left: 1px solid #295979; } div#footer a, div#footer a:link, div#footer a:visited { color: #332002; } div#footer a:hover ,div#footer a:active { color: #E8E6DE; } .clearfoot { display: none; clear: both; } /* ------- ENTRIES & FRIENDS ------- */ .subcontent { padding: 20px; background: #E8E6DE; } * html div.subcontent { /* fixes an IE reply page bug */ height: 1%; clear: none; } .userpic { margin: 0px 0px 10px 10px; padding: 0px; position: relative; float: right; background: #E8E6DE!important; z-index: 15; } .userpicfriends { margin: 0px 0px 10px 10px; padding: 0px; position: relative; float: right; text-align: center; font-size: 10px; color: #A39783; font-style: italic; background: #E8E6DE!important; z-index: 15; } .userpicfriends img { padding-bottom: 3px; } .userpicfriends font { color: #CC1039; } .userpicfriends font:hover { color: #233557!important; } .datesubject { padding: 0px 0px 20px 0px; font-style: italic; } .date, .replytoposter { padding: 0px 0px 2px 4px; color: #A39783; } .subject, .replytosubject { color: #AE3114; font-size: 16px; } .subject a, .subject a:link, .subject a:visited { color: #CC1039; } .subject a:hover, .subject a:active { color: #233557; } .entry { margin: 0px; padding: 0px; text-align: left; } .entry ul li { list-style: url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/eyelet.png); } .ljtags { margin-top: 15px; color: #A39783; font-size: 11px; font-style: italic; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #817055; } .ljtags a:hover, .ljtags a:active { color: #233557; } .entry .clear { height: 15px; } .currents { margin-top: -15px; color: #A39783; font-size: 11px; font-style: italic; } .currents strong { font-weight: normal; } .currents a, .currents a:link, .currents a:visited { color: #817055; } .currents a:hover, .currents a:active { color: #233557; } .comments { margin: 0px -20px -20px -20px; padding: 10px 5px; text-align: right; font-size: 2px; color: #233557; background: #FFFFFF url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/blue.gif) 0px 16px repeat-x; border-top: 3px solid #CC1039; } div.comments a, div.comments a:link, div.comments a:visited { margin: 0px 5px; padding: 0px 5px; font-size: 12px; color: #233557; background: #FFFFFF; } div.comments a:hover, div.comments a:active { color: #295979; } .separator { height: 35px; } /* ------- COMMENTS ------- */ .skiplinks { margin: -15px 0px 0px 0px; padding: 10px 5px; text-align: right; font-size: 2px; color: #233557; background: #FFFFFF url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/blue.gif) 0px 16px repeat-x; border-top: 3px solid #CC1039; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { margin: 0px 5px; padding: 0px 5px; font-size: 12px; color: #233557; background: #FFFFFF; } .skiplinks a:hover, .skiplinks a:active { color: #295979; } .box { padding: 20px; background: #E8E6DE; } .box center { margin: 20px 0px; } .commentbox { margin: 10px 0px 20px 0px; padding: 0px; border-right: 1px solid #A39783; border-bottom: 1px solid #A39783; border-left: 1px solid #A39783; } .datesubjectcomment { padding: 10px 5px; color: #233557; background: #FFFFFF; border-top: 3px solid #CC1039; } .datesubjectcomment strong { color: #AE3114; font-size: 16px; font-weight: normal; font-style: italic; } .userpiccomment { position: relative; margin: -10px 10px 10px -5px; padding: 0px; z-index: 15; float: left; } .commentreply { position: relative; margin: 10px; } .commentreply + div { padding: 5px 5px 0px 5px; text-align: right!important; color: #A39783; } .commentreply + div a, .commentreply + div a:link, .commentreply + div a:visited { color: #817055; } .commentreply + div a:hover, .commentreply + div a:active { color: #233557; } .commentreply + div div { padding: 5px!important; text-align: right!important; } .commentboxpartial { margin: 10px 0px 20px 0px; padding: 10px; color: #233557; background: #FFFFFF; border-top: 3px solid #CC1039; } .box + .separator { display: none; } #content + div { background-color: transparent!important; border: none!important; } * html div.box#commentform { /* fixes an IE reply page bug */ position: absolute; } #qrform table, #postform table { padding: 2px; background: #FFFFFF; border-top: 3px solid #CC1039!important; border-right: none!important; border-bottom: none!important; border-left: none!important; } #postform table table { border: none!important; } input, textarea { color: #332002; background: #FFFFFF; } textarea.textbox { width: 95% !important; } /* ------- CALENDAR ------- */ .lj-view-archive #maincontent { padding: 0px 20px 20px 20px; background: #E8E6DE; } ul.year { margin: 0px -20px 40px -20px; padding: 10px 5px; text-align: right; font-size: 16px; background: #FFFFFF url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/blue.gif) 0px 17px repeat-x; border-top: 3px solid #CC1039; } ul.year li { margin: 0px 3px; padding: 0px 5px; display: inline; background: #FFFFFF; } .active { color: #CC1039; font-style: italic; } table.yeartable { margin-left: auto; margin-right: auto; } td.yearmonth { font-size: 16px; color: #AE3114; font-style: italic; border-style: none; } td.yearmonth a { font-size: 12px; font-style: normal; border-style: none; } table.yeartable td.yearday { padding: 3px 5px; text-align: center; font-size: 16px; color: #AE3114; font-style: italic; background: #FFFFFF; border-top: 3px solid #CC1039; } table.yeartable td.yeardate { padding: 2px 6px; background: #F0EEE7; } table.yeartable td.yeardate > div + div { margin-top: 2px; padding-top: 4px; font-weight: bold; background: url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/blue.gif) top repeat-x; } .lj-view-day .skiplinks { margin-bottom: 30px; } .lj-view-day .separator + .clear + .clear + .skiplinks { margin-top: -20px; } .lj-view-month #maincontent form { margin: 0px; padding: 0px 0px 12px 0px; text-align: right; color: #233557; background: #FFFFFF; border-top: 3px solid #CC1039; } .lj-view-month dt { margin: 0px; padding: 0px 0px 2px 0px; font-size: 16px; font-style: italic; } .lj-view-month dd + dt { margin: 20px 0px 0px 0px; } .lj-view-month dt a, .lj-view-month dt a:link, .lj-view-month dt a:visited { color: #CC1039; } .lj-view-month dt a:hover, .lj-view-month dt a:active { color: #233557; } .lj-view-month dd { margin: 0px 0px 0px 15px; padding: 2px 0px 2px 15px; background: url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/eyelet.png) left 4px no-repeat; } /* ------- TAGS ------- */ .lj-view-tags #maincontent { padding: 20px; background: #E8E6DE; } .lj-view-tags h2 { margin: 0px 0px 20px 0px; color: #AE3114; font-size: 16px; font-style: italic; font-weight: normal; } .ljtaglist { margin: 0px; padding: 0px; } ul.ljtaglist { list-style: none; } ul.ljtaglist li { margin-bottom: 5px; padding: 2px 0px 3px 15px; background: url(http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/eyelet.png) left 4px no-repeat; } /* ------- EXTRAS ------- */ .caption img { padding-bottom: 7px; margin-bottom: 4px; border-bottom: 2px solid #233557; } .caption { margin: 0px auto; padding: 10px 10px 5px 10px; text-align: right; font-size: 10px; background: #FFFFFF; border: 3px solid #CC1039; } .captionless { margin: 0px auto; padding: 10px; background: #FFFFFF; border: 3px solid #CC1039; } .spoiler { padding: 2px; background: #386E93!important; color: #386E93!important; } .spoiler a, .spoiler a:link, .spoiler a:visited, .spoiler a:hover, .spoiler a:active { color: #386E93!important; }

		This profile layout's width is flexible. Just don't make it narrower than 439px. 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" background="http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/pinstripes.gif"> <tr height="206"><td colspan="3" background="http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/profile-header.jpg">&nbsp;</td><td colspan="3" background="http://www.fatfrog.info/Ma/A/layout/pinstripesandconverse/profile-blue.gif">&nbsp;</td></tr> <tr height="50"><td width="50">&nbsp;</td><td width="20">&nbsp;</td><td width="275">&nbsp;</td><td>&nbsp;</td><td width="20">&nbsp;</td><td width="50">&nbsp;</td></tr> <tr height="20"><td>&nbsp;</td><td colspan="4" bgcolor="#E8E6DE"></td><td>&nbsp;</td></tr> <tr><td>&nbsp;</td><td width="20" bgcolor="#E8E6DE"></td><td colspan="2" bgcolor="#E8E6DE"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#332002"> CONTENT HERE </font></td><td width="20" bgcolor="#E8E6DE"></td><td width="50">&nbsp;</td></tr> <tr height="20"><td>&nbsp;</td><td colspan="4" bgcolor="#E8E6DE"></td><td>&nbsp;</td></tr> <tr height="50"><td colspan="6">&nbsp;</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="#CC1039">LINK TEXT</font></a>