Oh no, my monthly layout is a bit late. And this one wasn't even supposed to be the one I post for April. But then I started this Sherlock layout and wanted it to be the next I post (I'm soooo changeable!). ...The original April layout wouldn't be mad that I made it wait because of a Sherlock layout, right?

S2 Promopic Sherlock & John
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 12, Google Chrome 18 and Internet Explorer 9. This is a layout's width isn't 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 /* S2 Promopic Sherlock & John */ body { margin: 40px 0px 0px 0px; padding: 0px; text-align: left; font-family: "Verdana", sans-serif; color: #777A78; font-size: 12px; background: #201F1A url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/bg.jpg) left top fixed; } a, a:link { color: #BFB4A2; text-decoration: none; } a:visited { color: #A09788; text-decoration: none; } a:hover { color: #BFB4A2; text-decoration: underline; } a:active { color: #D9D0C1; text-decoration: none; } code, kbd, pre, tt { font-family: "Courier New", Courier, monospace; font-size: 12px; } p, td, blockquote { font-size: 12px; } blockquote { padding: 15px; border: 1px dotted #323230; box-shadow: 5px 5px 15px #131210; } q { font-style: italic; } q i { font-style: normal; } hr { border: 1px solid #323230; } /* ------- GENERAL ------- */ .ljuser a, .ljuser a:link, .ljuser a:visited, .ljuser a:hover { color: #BFB4A2!important; } .ljuser a:active { color: #D9D0C1!important; } .clear { display: none; } #header { position: fixed; width: 320px; left: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; } ul.navheader { margin: 0px; padding: 0px; list-style: none; } ul.navheader li { display: block; margin: 0px 20px 0px 0px; line-height: 32px; } ul.navheader li a { padding: 5px; color: #BFB4A2; text-decoration: none; background: #323230; border-radius: 5px; box-shadow: inset 5px -5px 10px #494947, inset -5px 5px 10px #2D2D2C; border-top: 1px solid #141210; border-right: 1px solid #141210; } ul.navheader li a:hover { color: #D9D0C1; } ul.navheader li a:active { box-shadow: inset 5px -5px 15px #41413D, inset -5px 5px 15px #272726; border-top: none; border-right: none; } .view { display: inline!important; padding: 5px; background: #323230; border-radius: 5px; box-shadow: inset 5px -5px 10px #494947, inset -5px 5px 10px #2D2D2C; border-top: 1px solid #141210; border-right: 1px solid #141210; } .title, .subtitle { display: none; } #sidebar { float: left; width: 200px; margin: 0px 0px 0px 320px; } .sbarbody2 { margin: 0px; padding: 9px 20px 67px 20px; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } ul.sbarlist { margin: 0px; padding: 0px; list-style: none; } ul.sbarlist + .sbarlist { margin: 0px; padding: 5px 20px 62px 20px; list-style: none; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } li.sbartitle { margin: 0px; padding: 0px 20px; list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; } .tagcloud { padding: 4px 0px 5px 0px; list-style: none; } .tagcloud span { vertical-align: middle; } li.sbaritem { margin: 0px; padding: 4px 0px 5px 0px; } li.sbaritem + li.sbaritem { border-top: 1px dotted #323230; } .defaultuserpic { padding: 0px 20px 67px 20px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } table.calendar { margin: 4px auto 5px auto; } .sbarcalendar { padding: 1px 2px 4px 1px; text-align: right; border: 1px dotted #323230; } .sbarcalendarposts { padding: 1px 2px 4px 1px; text-align: right; background: #323230; border: 1px dotted #323230; } #maincontent { margin: 0px 0px 0px 520px; text-align: left; } #footer { margin: 0px 0px 20px 540px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; z-index: 100; clear: both; } ul.navfooter { margin: 0px; padding: 0px; list-style: none; } ul.navfooter li { display: inline; margin: 0px 10px 0px 0px; line-height: 32px; } ul.navfooter li a { padding: 5px; color: #BFB4A2; text-decoration: none; background: #323230; border-radius: 5px; box-shadow: inset -5px -5px 10px #2D2D2C, inset 5px 5px 10px #494947; border-bottom: 1px solid #141210; border-right: 1px solid #141210; } ul.navfooter li a:hover { color: #D9D0C1; } ul.navfooter li a:active { box-shadow: inset -5px -5px 15px #272726, inset 5px 5px 15px #41413D; border-bottom: 1px solid #2D2C2A; border-right: 1px solid #2D2C2A; } .viewing { padding: 5px; text-decoration: none; background: #323230; border-radius: 5px; box-shadow: inset -5px -5px 10px #2D2D2C, inset 5px 5px 10px #494947; border-bottom: 1px solid #141210; border-right: 1px solid #141210; } .clearfoot { display: none; } /* ------- ENTRIES & FRIENDS ------- */ .subcontent { padding: 0px 30px 67px 30px; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } * html div.subcontent { /* fixes an IE reply page bug */ height: 1%; clear: none; } .userpic { float: right; margin: 0px 0px 10px 10px; background: none!important; z-index: 15; } .userpicfriends { float: right; margin: 0px 0px 10px 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; background: none!important; z-index: 15; } .userpicfriends img { padding-bottom: 3px; } .userpicfriends font { color: #BFB4A2; } .datesubject { font-family: Georgia, "Times New Roman", Times, serif; } .date, .replytoposter { text-transform: uppercase; letter-spacing: 1px; } .subject, .replytosubject { font-size: 28px; } .entry { padding: 10px 0px 0px 0px; } .ljtags, .currents { margin-top: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-style: italic; text-transform: uppercase; letter-spacing: 1px; } .currents strong { font-weight: normal; } .currentmood img { margin: 0px 5px 0px 0px; vertical-align: middle; } .comments { margin-top: 15px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1px; text-transform: uppercase; letter-spacing: 1px; } .comments a { margin: 0px 0px 0px 10px; padding: 5px; color: #BFB4A2; font-size: 10px; text-decoration: none; background: #323230; border-radius: 5px; box-shadow: inset -5px 0px 10px #2D2D2C, inset 5px 0px 10px #494947; border-right: 1px solid #141210; } .comments a:hover { color: #D9D0C1; } .comments a:active { box-shadow: inset -5px 0px 15px #272726, inset 5px 0px 15px #41413D; border-right: none; border-left: 1px solid #262422; } .separator { display: none; } /* ------- COMMENTS ------- */ .skiplinks { padding: 0px 30px 67px 30px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } .box { padding: 0px 30px; } .box center { margin-bottom: 20px; } .box + .box center { margin-top: 10px; } .lj-view-reply .separator + .clear + div { display: none; } .commentbox { margin: 0px 0px 20px 0px; padding: 10px; border: 1px dotted #323230; box-shadow: 5px 5px 15px #131210; } .datesubjectcomment { padding: 0px 0px 10px 0px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px dotted #323230; } .datesubjectcomment strong { font-size: 20px; font-weight: normal; text-transform: none; } .userpiccomment { position: relative; float: right; margin: 0px 0px 5px 5px; z-index: 15; } .commentreply { padding: 10px 0px; } .commentreply + div { padding: 10px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; border-top: 1px dotted #323230; } .commentreply + div div { padding: 5px 0px 0px 0px!important; } .commentboxpartial { margin: 0px 0px 20px 0px; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; border: 1px dotted #323230; box-shadow: 5px 5px 15px #131210; } * html div.box#commentform { /* fixes an IE reply page bug */ position: absolute; } #postform table, #qrform table { margin: 0px auto 20px auto; border: 1px dotted #323230!important; box-shadow: 5px 5px 15px #131210; } #postform table table, #qrform table table { margin: 0px; border: none; box-shadow: none; } .commentbox #qrform table { margin: 10px auto 20px 0px; padding: 2px; border: 1px dotted #323230!important; } input, textarea { padding: 2px; color: #777A78; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/white3percent.png); border: 1px dotted #323230; box-shadow: inset 5px 5px 15px #1F1C19; } #postform table .textbox, #qrform table .textbox { width: 90%!important; } textarea.textbox { width: 95%!important; } /* ------- CALENDAR ------- */ .lj-view-archive #maincontent { padding: 0px 30px; } ul.year { margin: 0px -30px; padding: 0px 30px 67px 30px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } ul.year li { padding: 0px 2px; display: inline; } .active { font-size: 28px; } table.yeartable { margin: 0px auto; padding: 10px 20px 20px 20px; border: 1px dotted #323230; box-shadow: 5px 5px 15px #131210; } td.yearmonth { font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; } td.yearmonth a { font-size: 12px; } table.yeartable td.yearday { padding: 10px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; border: 1px dotted #323230; } table.yeartable td.yeardate { padding: 2px 4px; border: 1px dotted #323230; } table.yeartable td.yeardate a { font-weight: bold; } .lj-view-month #maincontent form { margin: 0px; padding: 0px 30px 67px 30px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } .lj-view-month #maincontent form br, .lj-view-month #maincontent form + br , .lj-view-month #maincontent form + br + br { display: none; } .lj-view-month .entry { padding-top: 0px; } .lj-view-month dt { margin: 0px; padding: 0px 0px 2px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; } .lj-view-month dt b { font-weight: normal; } .lj-view-month dd + dt { margin: 20px 0px 0px 0px; } .lj-view-month dd { margin: 0px; padding: 0px; } /* ------- TAGS ------- */ .lj-view-tags h2 { margin: 0px; padding: 0px 30px 67px 30px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } .ljtaglist { margin: 0px; padding: 0px 30px; list-style: none; } ul.ljtaglist li { margin: 0px; padding: 4px 5px 5px 5px; } ul.ljtaglist li + li { border-top: 1px dotted #323230; }

	Profile 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="20" cellspacing="0"><tr><td height="404" width="159" background="http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/profile-header.jpg"> </td><td background="http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/profile-bg.jpg" width="160" rowspan="2"><font face="Georgia, Times New Roman, Times, serif" size="5" color="#777A78"> HEADLINE </font><p><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#777A78"> TEXT GOES HERE </td></tr><tr><td background="http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/profile-bg2.jpg"></td></tr></table> </lj-raw> This code is for a layout with only one text column. 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="#BFB4A2">LINK TEXT</font></a>	You can add columns by inserting <td background="http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/profile-bg.jpg" width="160" rowspan="2"> <font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#777A78">TEXT GOES HERE</td> between the first </tr> and the </td> before it. 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.