refuted graphics

s2 flexible squares - clean blue

2008-06-19T01:35:06Z

Step by Step Instructions on How to Use the Layout

1. Go to your Customize page.
2. If you are using S1, switch to S2.
3. Under "Select a New Theme", type "Flexible Squares" in the Search box.
4. Click "Apply Theme" directly underneath the first search result.
5. Scroll down to "Choose a Page Setup", and click "Apply Layout" under "2 Column (sidebar on left)".
6. Click the button that says "Customize Selected Theme".
7. Click "Sidebar" on the left. Here you can decide what you would like to be displayed in the sidebar. You can choose any number or combination of these to be displayed. Remember, to customize the links, click "Links List".
8. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to No. This is extremely important!
9. Copy and paste the following into the custom stylesheet box and click "Save Changes":

/* Stylesheet by presents.livejournal.com. */

body {
background-color: #EDEDED;
text-align: center;
color: #777777;
font: 8pt arial, sans-serif;
margin: 10px 0 20px 0;
}

a, a:link, a:visited, a:active {
color: #3697CE;
text-decoration: none;
}

a:hover {
color: #B6DDF4;
text-decoration: none;
}

strong, b {
color: #3697CE;
}

em, i {
color: #BBBBBB;
}

blockquote {
margin: 0 8px 0 8px; 
padding: 8px;
background-color: #fafafa;
color: #808080;
font: 7pt/15px arial, sans-serif;
text-align: justify;
}

code, kbd, pre, tt {
font-family: monospace;
}

textarea, .textbox, select, input {
background-color: #fff;
color: #9C9C9C;
border: 1px solid #CCCACA;
}

select, input {
border: 1px solid #CCCACA;
}

#content {
width: 75%;
margin: 0 auto;
background-color: #EDEDED;
border: 0px;   
padding: 0px;
}

#maincontent {
float: right;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}

#sidebar {
float: left;
padding: 0 4px 6px 2px;
margin: 0;
background-color: #fff;
border: 0px;
text-align: left;
width: 22%;
}

#header {
padding: 0px;
margin: 0px;
text-align: center;
font: normal 7pt arial, sans-serif;
letter-spacing: 0px;
background-color: #3697CE;
color: #ffffff;
}

#footer {
text-align: center;
font: 7pt arial, sans-serif;
background-color: #fff;
color: #BBBBBB;
z-index: 100;
clear: both;
border: 0px;
padding: 10px;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #3697CE;
font-weight: normal;
}

div#footer a:hover {
color: #B6DDF4;
font-weight: normal;
}

/* header */

div#header a, div#header a:link, div#header a:visited {
color: #B6DDF4;
padding: 8px 2px;
}

div#header a:hover {
color: #FBEDFD;
border-bottom: #8EC7E8 4px solid;
}

.navheader {
border: 0px;
background-color: #3697CE;
text-align: center;
}

ul.navheader {
padding: 12px 0 12px 3px;
margin: 0px;
}

ul.navheader li  {
display: inline;
padding: 0 7px 0 7px;
}

ul.navheader li a {
background-color: #3697CE;
color: #ffffff;
text-transform: uppercase;
}

.view {
color: #ffffff;
text-transform: uppercase;
}

.title, .subtitle {display: none;}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #76BDE6;
}

div#sidebar a:hover {
color: #76BDE6;
text-decoration: none;
}

.defaultuserpic {
display: none;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 5px 5px 5px 8px;
margin: 5px;
color: #878787;
font: 9px/15px arial, sans-serif;
background: #FAFAFA;
}

#sidebar_summary img {display: none;}
.sbarcalendar {
border: 1px solid #EFEFEF;
text-align: center;
font: 7pt arial, verdana, sans-serif;
padding: 4px;
color: #686868;
}

span.count {display: none;}

.sbarcalendarposts {
border: 1px solid #B6DDF4;
text-align: center;
font: 7pt arial, verdana, sans-serif;
padding: 4px;
}

ul.sbarlist {
padding: 0px;
margin: 0px;
list-style: none;
}

.tagcloud {
padding-left: 3px;
}

li.sbaritem {
background-color: transparent;
border-width: 0px;
padding-left: 3px;
color: #ccc;
}

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font: 7pt/24px arial, "Lucida Sans Unicode", tahoma, verdana, sans-serif;
text-transform: uppercase;
border-bottom: 1px dotted #e5e5e5;
display: block;
padding-left: 3px;
}

li.sbaritem a:hover {
text-decoration: none;
background-color: #EDF7FD;
border-bottom: 1px #DFF1FB solid;
}
li.sbartitle {
padding: 0;
list-style: none;
border: 0;
background-color: #ffffff;
margin: 10px 0 8px 0;
color: #666666;
font: 12pt arial, verdana, sans-serif;
text-transform: lowercase;
}

/* maincontent */

.entry{
margin: 0;
padding: 0 15px 10px 15px;
background-color: #fff;
color: #878787;
font: 8pt/15pt arial, tahoma, arial, sans-serif;
text-align: justify;
border-right: #E5E5E5 3px solid;
border-bottom: #E5E5E5 3px solid;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.entry_text {padding: 0 0 12px 0;}

.userpic {
position: relative;
float: left;
margin: 10px 10px 3px 10px;
background-color: #FAFAFA;
padding: 5px;
}

.userpicfriends {
background-color: #FAFAFA !important;
padding: 5px;
text-align: center;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 7pt;
margin: 10px 10px 3px 10px;
position: relative;
float: left;
}

.userpicfriends a font {
font-family: arial, verdana, sans-serif;
font-size: 7pt;
color: #606060;
}

.userpicfriends a:hover font {
color: #9C9C9C;
}

.date {
color: #c0c0c0;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 7pt;
text-transform: lowercase;
margin: 0 0 0 125px;
padding: 6px 0 0 15px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/time.gif) no-repeat bottom left;
}

.subject {
color: #666666;
font: 12pt arial, georgia, verdana, sans-serif;
padding: 5px 0 0 0;
margin: 0;
text-transform: lowercase;
}

.subject a, .subject a:link, .subject a:visited {
color: #49D1CC;
}

.subject a:hover {
color: #1CBBB4;
}

.datesubject {
background-color: #ffffff;
padding: 5px;
border-right: #E5E5E5 3px solid;
}

.comments {
font: 12pt arial, verdana, sans-serif;
text-align: center;
color: #ccc;
background-color: #ffffff;
padding: 8px 5px 0px 5px;
border-top: 1px solid #E5E5E5;
text-transform: lowercase;
margin: 0;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
}

div.comments a:hover {
color: #3697CE;
text-decoration: none;
}

.currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #c0c0c0;
font-size: 7pt;
font-family: arial, sans-serif;
line-height: 11pt;
}

.currentlocation {
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/oloc.gif) no-repeat center left;
padding: 0 0 0 10px;
}

.currentmood {
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/omood.gif) no-repeat center left;
padding: 0 0 0 11px;
}

.currentmusic {
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/omus.gif) no-repeat center left;
padding: 0 0 0 11px;
}

.currents {
padding: 0 0 3px 0;
margin: 0 0 10px 0;
}

.currents a:link, .currents a:visited, .currents a:active {
color: #A4A4A4;
}

.currents a:hover {
color: #c0c0c0;
border-bottom: 1px solid #EAEAEA;
}

.currents strong, .currentmood strong, .currentmusic strong {
display: none;
}

.currentgroups {display: none;}

.ljtags {
margin: 12px 0 0 0;
font: 1pt arial, sans-serif;
color: #fff;
text-transform: lowercase;
text-align: justify;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/otag.gif) no-repeat center left;
padding: 0 0 0 6px;
position: relative;
top: 10px;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #A4A4A4;
font-weight: normal;
text-transform: lowercase;
font-size: 7pt;
padding: 0 6px 0 0;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/sep.gif) no-repeat center right;
}

.ljtags a:hover {
color: #c0c0c0;
border-bottom: 1px solid #EAEAEA;
text-decoration: none;
font-weight: normal;
}

/* maincontent --  entry, reply pages */

.datesubjectcomment {
padding: 5px;
background-color: #E2F3FC;
font: 7pt/13pt arial, sans-serif;
text-align: right;
color: #A9A9A9;
text-transform: uppercase;
}

.userpiccomment {
position: relative;
float: left;
margin: 30px 10px 20px 0;
padding: 5px;
background-color: #F7F7F7;
z-index: 15;
width: 50px;
height: 50px;
}

.box {
border: 0px;
padding: 10px;
clear: left;
background-color: #fff;
color: #c6c6c6;
}

textarea.textbox  {
width: 95% !important;
}

.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 20px 10px 10px 10px;
color: #9C9C9C;
font: 8pt/18px arial, sans-serif;
text-align: justify;
background-color: #fff;
}

.commentreply {
position: relative;
margin: 0 10px 10px 10px;
color: #9C9C9C;
font: 8pt/17px arial, sans-serif;
text-align: justify;
padding: 5px;
}

.commentbox, .commenttext {
padding: 5px;
margin: 10px;
background-color: #fff;
border: 0px;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #efefef;
color: #9C9C9C;
font: 8pt/18px arial, sans-serif;
text-align: justify;
}

.commentinfo {
background-color: transparent;
margin-top: 10px;
width: 100%;
}

.replytoposter {
text-align: right;
color: #D1D1D1;
text-transform: lowercase;
font-size: 7pt;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/time2.gif) no-repeat center right;
margin: 0 130px 0 0;
padding: 8px 15px 0 0;
line-height: 15pt;
}

.replytosubject {
text-align: right;
font-weight: normal;
font-family: "lucida grande", arial, verdana, sans-serif;
padding: 0 0 1px 0;
color: #606060;
font-size: 12pt;
text-transform: lowercase;
border-bottom: 1px solid #EFEFEF;
margin: 0 130px 0 0;
}

/* maincontent -- year/achive pages */

/* year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
margin: 0 0 25px 0;
background: #fff;
color: #C6C6C6;
}

ul.year li {
display: inline;
}

table.yeartable {
margin: 0 auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #D0D0D0;
background: #fff;
}

table.yeartable, td.yearday {
background-color: transparent;
text-align: center;
color: #8A8A8A;
background: #fff;
padding: 10px;
}

td.yearmonth {
border-style: none;
background: #fff;
}

/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li  {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/* misc  */

.clear {
height: 0px;
}

.skiplinks {
text-align: center;
background: #fff;
padding: 5px 0 0 0;
border-right: #E5E5E5 3px solid;
}

.separator{
height: 25px;
}

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #999999;
background-color: #c2cde0;
}

img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}

img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}

img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ust1.gif);
padding: 14px 7px 2px 2px !important;
}

.ljuser a:hover b {
color: #B6DDF4;
background: transparent;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
  background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ust1.gif);
padding: 14px 7px 2px 2px !important;
}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
  background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ust2.gif);
}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ust1.gif);
padding: 14px 7px 2px 2px !important;
}
.ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ust2.gif);
	}
#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 7px 10px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/ust1.gif); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_del.gif"]{ width:0; height:0; padding: 0 16px 14px 0; background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/cup_delete.png); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_scr.gif"]{ width:0; height: 0; padding: 0 16px 14px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/cup_screen.png); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/cup_freeze.png); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_edit.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/cup_edit.png); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_track.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/cup_track.png); }

.box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]{ width: 0; height: 0; padding: 0 16px 12px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_anon.png); }

.box img[src="http://p-stat.livejournal.com/img/openid-profile.gif"]{ width: 0; height: 0; padding: 0 16px 15px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_oi.png); }

.box img[src="http://p-stat.livejournal.com/img/help.gif"]{ width: 0; height: 0; padding: 0 14px 14px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_help.png); }

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #3697CE !important;
}

div.ContextualPopup {
position: relative;
font: normal 8pt "Arial", "Verdana", sans-serif !important;
}

div.ContextualPopup div.Inner {
background-color: #fff !important;
color: #878787 !important;
border: 1px solid #3697CE;
padding: 6px;
}

div.ContextualPopup img {
border: 5px solid #FAFAFA;
}

tutorial - make some sweet light textures

2008-03-30T00:39:42Z

I am currently procrastinating writing an analysis on Mrs. Dalloway, so I figured, hey!, I'll write a tutorial and impart some of my knowledge on to my beloved watchers. Before you all start reading, I should mention this tutorial requires Photoshop, so make sure you've got one of those suckers. Good? On we go.

1. Open a New Image. Make sure "Background Contents:" is set to Transparent.
2. Select the Pen Tool. Set it to Paths and Pen Tool.

3. Click a point either in the top right or top left, then click another point somewhere in the middle, but do not let go of the mouse! Instead drag your cursor, and a curve will appear. Then, click somewhere in the bottom and drag to complete the curve. You should now have a selected curve.

4. Now, select your brush, and set the diameter to 12px and the Hardness to 0%. Make sure your foreground colour is white.
5. Select your pen tool once more. Right-click the object, select "Stroke Path...", choose "Brush" under Tool, and make sure "Simulate Pressure" is checked, then click Ok.
6. Right-click the Layer the object is on (probably Layer 1 unless you were ridiculous and have obsessive organizational issues and renamed it something else) and go to "Blending Options".
7. Under Styles, go to "Outer Glow". Click the little square (probably some sort of yellow) and pick a colour, any colour! Go wild. Then, set Opacity to 100% and Size to something around 15px. The smaller this number, the skinnier and more intense the beam. Conversely, the higher this number, the wider but less intense the beam. Press Ok. Your settings should look like this:

8. Admire how pretty your beam looks. Ooooh shiny. Okay, great, but we can make this even better! I present to you... Inner Glow. Right-click the layer again, and go back to Blending Options. This time though, under Styles, select "Inner Glow". Just like before, change the opacity to 100% and the size to around 15px, perhaps a little lower. Then, choose a colour that is slightly lighter than your previous colour. Press Ok.

Yay!
9. Save it! But, if you plan on uploading it to the internet, make sure to save it as a .png to ensure the transparency is kept intact.
10. Wait that's it?? ... Yep, that's it.

2 profile layouts - rainbow & sophistication

2008-03-29T17:09:10Z

1. Go to your manage profile page.

For the Rainbow layout:

2. Copy the below code into the Bio section.

<center><table width="500" bgcolor="#DBDBDB" cellpadding="6" cellspacing="1"><tr><td bgcolor="#ffffff"><table width="488" bgcolor="#ffffff"><tr><td height="6" bgcolor="#4ECDC4"> </td></tr><tr><td><div align="justify"><font size="3" color="#4ECDC4" face="lucida grande">title here</font>
<font face="arial" size="1" color="#C0C0C0">Lorem ipsum, consectetuer adipiscing elit. Nunc at sem. Duis vitae lacus in mauris pretium hendrerit. Suspendisse potenti. Mauris eget erat. Morbi consequat massa non turpis. Sed eu velit. Curabitur tortor neque, vestibulum vitae, condimentum at, elementum in, metus. Mauris eleifend sem at ipsum luctus faucibus. Aliquam molestie erat ac purus. Mauris porttitor massa id neque. Proin placerat tempor sapien. Fusce ornare, arcu ut porttitor sagittis, est neque commodo leo, in vehicula ipsum mi a odio. Suspendisse nonummy ultricies libero.</font><br />
</div></td></tr>
<tr><td height="6" bgcolor="#C4EB67"> </td></tr><tr><td><div align="justify"><font size="3" color="#C4EB67" face="lucida grande">title here</font>
<font face="arial" size="1" color="#C0C0C0">Lorem ipsum, consectetuer adipiscing elit. Nunc at sem. Duis vitae lacus in mauris pretium hendrerit. Suspendisse potenti. Mauris eget erat. Morbi consequat massa non turpis. Sed eu velit. Curabitur tortor neque, vestibulum vitae, condimentum at, elementum in, metus. Mauris eleifend sem at ipsum luctus faucibus. Aliquam molestie erat ac purus. Mauris porttitor massa id neque. Proin placerat tempor sapien. Fusce ornare, arcu ut porttitor sagittis, est neque commodo leo, in vehicula ipsum mi a odio. Suspendisse nonummy ultricies libero.</font><br />
</div></td></tr>
<tr><td height="6" bgcolor="#FF6B6B"> </td></tr><tr><td><div align="justify"><font size="3" color="#FF6B6B" face="lucida grande">title here</font>
<font face="arial" size="1" color="#C0C0C0">Lorem ipsum, consectetuer adipiscing elit. Nunc at sem. Duis vitae lacus in mauris pretium hendrerit. Suspendisse potenti. Mauris eget erat. Morbi consequat massa non turpis. Sed eu velit. Curabitur tortor neque, vestibulum vitae, condimentum at, elementum in, metus. Mauris eleifend sem at ipsum luctus faucibus. Aliquam molestie erat ac purus. Mauris porttitor massa id neque. Proin placerat tempor sapien. Fusce ornare, arcu ut porttitor sagittis, est neque commodo leo, in vehicula ipsum mi a odio. Suspendisse nonummy ultricies libero.</font>
</div></td></tr></table></td></tr></table>
<font face="arial" size="1" color="#C0C0C0"><a href="http://community.livejournal.com/refuted/"><font color="#808080" size="1" face="arial"><u>profile codes</u></font></a> | <a href="http://community.livejournal.com"><font color="#808080" size="1" face="arial"><u>link</u></font></a> | <a href="http://community.livejournal.com"><font color="#808080" size="1" face="arial"><u>link</u></font></a></font></center>

For the Sophistication layout:

2. Copy the below code into the Bio section.

<center><table width="450" bgcolor="#ffffff"><tr align="right"><td><div align="right"><font size="3" color="#808080" face="lucida grande">title here</font></div></td><td width="4" bgcolor="#C8441C"> </td></tr><tr><td colspan="2"><div align="right"><font face="arial" size="1" color="#C0C0C0">Lorem ipsum, consectetuer adipiscing elit. Nunc at sem. Duis vitae lacus in mauris pretium hendrerit. Suspendisse potenti. Mauris eget erat. Morbi consequat massa non turpis. Sed eu velit. Curabitur tortor neque, vestibulum vitae, condimentum at, elementum in, metus. Mauris eleifend sem at ipsum luctus faucibus. Aliquam molestie erat ac purus. Mauris porttitor massa id neque. Proin placerat tempor sapien.</font></div><br /></td></tr>
<tr align="right"><td><div align="right"><font size="3" color="#808080" face="lucida grande">title here</font></div></td><td width="4" bgcolor="#FEF5C8"> </td></tr><tr><td colspan="2"><div align="right"><font face="arial" size="1" color="#C0C0C0">Lorem ipsum, consectetuer adipiscing elit. Nunc at sem. Duis vitae lacus in mauris pretium hendrerit. Suspendisse potenti. Mauris eget erat. Morbi consequat massa non turpis. Sed eu velit. Curabitur tortor neque, vestibulum vitae, condimentum at, elementum in, metus. Mauris eleifend sem at ipsum luctus faucibus. Aliquam molestie erat ac purus. Mauris porttitor massa id neque. Proin placerat tempor sapien.</font></div><br /></td></tr>
<tr align="right"><td><div align="right"><font size="3" color="#808080" face="lucida grande">title here</font></div></td><td width="4" bgcolor="#00988D"> </td></tr><tr><td colspan="2"><div align="right"><font face="arial" size="1" color="#C0C0C0">Lorem ipsum, consectetuer adipiscing elit. Nunc at sem. Duis vitae lacus in mauris pretium hendrerit. Suspendisse potenti. Mauris eget erat. Morbi consequat massa non turpis. Sed eu velit. Curabitur tortor neque, vestibulum vitae, condimentum at, elementum in, metus. Mauris eleifend sem at ipsum luctus faucibus. Aliquam molestie erat ac purus. Mauris porttitor massa id neque. Proin placerat tempor sapien.</font></div></td></tr></table>
<font face="arial" size="1" color="#C0C0C0"><a href="http://community.livejournal.com/refuted/"><font color="#808080" size="1" face="arial"><u>profile codes</u></font></a> | <a href="http://community.livejournal.com"><font color="#808080" size="1" face="arial"><u>link</u></font></a> | <a href="http://community.livejournal.com"><font color="#808080" size="1" face="arial"><u>link</u></font></a></font></center>

3. Press the 'Save Changes' button at the bottom of the page. Feel free to edit the links, by adding the URL over the livejournal.com URL that is there now.

REMEMBER, FOR FASTEST RESPONSE TIME, ASK ANY SPECIFIC QUESTIONS CONCERNING THE LAYOUT ON THIS POST!

Commonly Asked Questions

Because the code is so smushed, I'm having trouble editing it?!

I suggest using CTRL + F, then typing in "Title" or whatever you're trying to change to make editing easier.

May I edit the colours, fonts, etc.?

Sure, as long as you don't remove the credit!

5k baby!

2008-03-16T12:04:44Z

Sweet!

Thanks to everybody for supporting this community. I never thought I'd see that member count!

8 Light Textures

2008-02-25T19:53:22Z

Download from box.net

Or download individually (these ARE transparent):

Light Blue
Yellow
Red
Green
Orange
Purple
Dark Blue
Pink

S2 Flexible Squares - orange & blue

2008-02-17T01:34:40Z

image preview | live preview

Step by Step Instructions on How to Use the Layout

1. Go to your Customize page.
2. If you are using S1, switch to S2.
3. Under "Edit Titles", add a Title/Subtitle to your journal. These tend to look better if they are longer.
4. Under "Select a New Theme", type "Flexible Squares" in the Search box.
5. Click "Apply Theme" directly underneath the first search result.
6. Scroll down to "Choose a Page Setup", and click "Apply Layout" under "2 Column (sidebar on right)".
7. Click the button that says "Customize Selected Theme".
8. Click "Sidebar" on the left. Here you can decide what you would like to be displayed in the sidebar. (The text on top of the layout) You can choose any number or combination of these to be displayed. Remember, to customize the links, click "Links List".
9. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to No. This is extremely important!
10. Copy and paste the following into the custom stylesheet box and click "Save Changes":

/* Stylesheet by presents.livejournal.com. */

body {
background-color: #3C3C3C;
text-align: center;
color: #666666;
font: 8pt arial, sans-serif;
margin: 10px 0 20px 0;
}
    a, a:link, a:visited, a:active {
color: #1CBBB4;
text-decoration: none;
}
    a:hover {
color: #F7941D;
text-decoration: none;
}
    strong, b {
color: #1CBBB4;
}
    em, i {
color: #F7941D;
}
    blockquote {
margin: 0 8px 0 8px; 
padding: 8px;
background-color: #fafafa;
color: #808080;
font: 7pt/15px arial, sans-serif;
text-align: justify;
}
    code, kbd, pre, tt {
font-family: monospace;
}
    textarea, .textbox, select, input {
background-color: #fff;
color: #9C9C9C;
border: 1px solid #CCCACA;
}
    select, input {
border: 1px solid #CCCACA;
        }
    #content {
width: 75%;
margin: 0 auto;
background-color: #fff;
border: 0px;   
padding: 0px;
}
     #maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}
    #sidebar {
float: right;
padding: 0 2px 0 4px;
margin: 0 5px 0 0;
background-color: transparent;
border-left: 1px dotted #CCCCCC;
text-align: left;
width: 22%;
}
    #header {
padding: 0px;
margin: 0px;
text-align: left;
font: normal 7pt arial, sans-serif;
letter-spacing: 0px;
background-color: #2C2C2C;
color: #ffffff;
}
    #footer {
text-align: center;
font: 7pt arial, sans-serif;
background-color: transparent;
color: #F7941D;
z-index: 100;
clear: both;
border-top: 1px dotted #CCCCCC;
padding: 10px 0 0 0;
}
    div#footer a, div#footer a:link, div#footer a:visited {
color: #1CBBB4;
font-weight: normal;
}
    div#footer a:hover {
color: #F7941D;
font-weight: normal;
border-bottom: 1px dotted #ccc;
}
    /* header */
    div#header a, div#header a:link, div#header a:visited {
color: #C1C1C1;
	}
div#header a:hover {
color: #FBEDFD;
	}
      .navheader {
border: 0px;
background-color: #1B1B1B;
text-align: left;
}
    ul.navheader
{
padding: 12px 0 12px 3px;
margin: 0px;
}
    ul.navheader li  {
display: inline;
padding: 0 7px 0 7px;
}
ul.navheader li a {
background-color: #1B1B1B;
color: #ffffff;
text-transform: uppercase;
	}
.view {
color: #ffffff;
text-transform: uppercase;
	}
.title {text-align: left;
color: #1CBBB4;
font: 12pt/15pt "trebuchet ms", arial, sans-serif;
padding: 3px 10px 2px 10px;
}

.subtitle {text-align: right;
color: #F7941D;
font: 10pt/15pt "trebuchet ms", arial, sans-serif;
padding: 1px 10px 3px 10px;
}
    /* sidebar */
    div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #F7941D;
    }
    div#sidebar a:hover {
color: #808080;
text-decoration: none;
    }
    .defaultuserpic {
display: none;
}
    .sbarheader {
padding: 0px 5px 0px 5px;
}
    .sbarbody {
padding: 0px 5px 0px 5px;
}
    .sbarbody2 {
padding: 5px 5px 5px 8px;
margin: 5px;
	color: #666;
	font: 9px/15px arial, sans-serif;
background: #FAFAFA;
    }
#sidebar_summary img {display: none;}
    .sbarcalendar {
border: 1px solid #EFEFEF;
text-align: center;
font: 7pt arial, verdana, sans-serif;
padding: 4px;
color: #686868;
}
    .sbarcalendarposts {
border: 1px solid #98E0DC;
text-align: center;
font: 7pt arial, verdana, sans-serif;
padding: 4px;
}
    ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
    li.sbaritem, .tagcloud {
padding-left: 3px;
}
    li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: arial, sans-serif;
font-size: 7pt;
line-height: 24px;
border: none;
border-bottom: 1px dotted #CCCCCC;
display: block;
background: transparent url(http://img.photobucket.com/albums/v72/panthersgem/ref/oli-1.gif) no-repeat center left;
padding: 0 0 0 13px;
text-transform: lowercase;
}

li.sbaritem a:hover, a:hover visited, a:hover b {
text-decoration: none;
border-bottom: 1px dotted #CCCCCC;
background: #FAFAFA url(http://img.photobucket.com/albums/v72/panthersgem/ref/oli-1.gif) no-repeat center left;
}

li.sbartitle {
padding: 0;
list-style: none;
border: 0;
background-color: #ffffff;
margin: 18px 0 8px 0;
color: #1CBBB4;
font: 7pt arial, verdana, sans-serif;
text-transform: uppercase;
}

span.count {
display: none;
}

/* maincontent */

.entry    {
margin: 0 0 0 6px;
padding: 0 10px 10px 10px;
background-color: transparent;
color: #6B6B6B;
font: 8pt/16pt arial, tahoma, arial, sans-serif;
text-align: justify;
border-width: 0px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.entry_text {padding: 0 0 12px 0;}

.userpic {
position: relative;
float: left;
margin: 10px 10px 3px 10px;
background-color: #FAFAFA;
padding: 5px;
}

.userpicfriends a font {
font-family: arial, verdana, sans-serif;
font-size: 7pt;
color: #606060;
}

.userpicfriends a:hover font {
color: #9C9C9C;
}

.subject {
color: #F7941D;
font: 11pt "trebuchet ms", arial, georgia, verdana, sans-serif;
padding: 5px 0 0 0;
margin: 0;
}

.subject a, .subject a:link, .subject a:visited {
color: #49D1CC;
}

.subject a:hover {
color: #1CBBB4;
}

.datesubject {
background-color: #ffffff;
padding: 5px;
}

.comments {
font: 12pt "trebuchet ms", verdana, sans-serif;
text-align: right;
color: #F7941D;
background-color: #ffffff;
padding: 4px 10px 0px 5px;
border-top: 1px dotted #ccc;
text-transform: lowercase;
margin: 10px 0 0 0;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #F7941D;
}

div.comments a:hover {
color: #1CBBB4;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}

.currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #c0c0c0;
font-size: 7pt;
font-family: arial, sans-serif;
line-height: 11pt;
}

.currentlocation {
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/oloc.gif) no-repeat center left;
padding: 0 0 0 10px;
}

.currentmood {
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/omood.gif) no-repeat center left;
padding: 0 0 0 11px;
}

.currentmusic {
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/omus.gif) no-repeat center left;
padding: 0 0 0 11px;
}

.currents {
padding: 0 0 3px 10px;
margin: 0;
}

.currents a:link, .currents a:visited, .currents a:active {
color: #A4A4A4;
}

.currents a:hover {
color: #c0c0c0;
border-bottom: 1px solid #EAEAEA;
}

.currents strong, .currentmood strong, .currentmusic strong {
display: none;
}

.currentmood img {display: none;}

.ljtags {
margin: 12px 0 0 10px;
font: 1pt arial, sans-serif;
color: #fff;
text-transform: lowercase;
text-align: justify;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/otag.gif) no-repeat center left;
padding: 3px 0 0 6px;
}

.ljtags a:hover {
color: #c0c0c0;
border-bottom: 1px solid #EAEAEA;
text-decoration: none;
font-weight: normal;
}

/* maincontent --  entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
line-height: 17pt;
}

.userpiccomment {
background-color: #F7F7F7;
padding: 5px;
position: relative;
left: 0px;
margin: 10px;
z-index: 15;
float: left;
top: -10px;
}

.box {
border: 0px;
padding: 10px;
clear: left;
background-color: #fff;
color: #c6c6c6;
}

textarea.textbox  {
width: 95% !important;
}

.reply    {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
color: #9C9C9C;
font: 8pt/18px arial, sans-serif;
text-align: justify;
background-color: #fff;
}

.commentreply {
position: relative;
margin: 10px;
color: #9C9C9C;
font: 8pt/18px arial, sans-serif;
text-align: justify;
padding: 5px;
}

.commentbox, .commenttext {
padding: 5px;
margin: 10px;
background-color: #fff;
border: 1px solid #CCCACA;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #efefef;
color: #9C9C9C;
font: 8pt/18px arial, sans-serif;
text-align: justify;
}

.commentinfo {
background-color: transparent;
margin-top: 10px;
width: 100%;
}

/* maincontent -- year/achive pages */

/* year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
margin: 0 0 25px 0;
background: #fff;
color: #C6C6C6;
}

ul.year li {
display: inline;
}

table.yeartable {
margin: 0 auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #D0D0D0;
background: #fff;
}

table.yeartable, td.yearday {
background-color: transparent;
text-align: center;
color: #8A8A8A;
background: #fff;
padding: 10px;
}

td.yearmonth {
border-style: none;
background: #fff;
}

/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li  {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/* misc  */

.clear {
height: 0px;
}

.skiplinks {
text-align: center;
background: #fff;
padding: 5px 0 0 0;
}

.separator{
height: 25px;
    }

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
    }

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #999999;
background-color: #c2cde0;
    }

img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}

img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif);
padding: 14px 7px 2px 2px !important;
}

.ljuser a:hover b {
color: #93DFDC;
background: transparent;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
	background-color: transparent;
  	background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif);
padding: 14px 7px 2px 2px !important;
	}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
  	background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti2.gif);
	}
    .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
    	background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif);
padding: 14px 7px 2px 2px !important;
    	}
    .ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti2.gif);
    	}
    #ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 7px 10px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif); }

.box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]{ width: 0; height: 0; padding: 0 16px 12px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_anon.png); }

.box img[src="http://p-stat.livejournal.com/img/help.gif"]{ width: 0; height: 0; padding: 0 14px 14px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_help.png); }

11. Go to your Manage Profile page. Under Bio, add the following:

PLEASE DO NOT NEGLECT THIS STEP.

REMEMBER, FOR FASTEST RESPONSE TIME, ASK ANY SPECIFIC QUESTIONS CONCERNING THE LAYOUT ON THIS POST!

Commonly Asked Questions

How do I add a header?
Add this at the bottom:

.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: ###px;
height: ###px;
background-repeat: no-repeat;
background-image: url(URL OF IMAGE HERE);
}

Change the height and width tags to match your image. You'll need to upload your image to the internet. I suggest tinypic.com.

My entries are starting halfway down the page!
You have a wide image somewhere. Go lj-cut this, and it should work. If not, try decreasing the width of #maincontent by a few pixels.

Can I edit the colours, etc.?
Sure, if you give me credit for the base code!

My layout looks all messed up?!
99% of the time, making sure you have set "Use layout's stylesheet(s)" to No will fix this.

Can I have my default userpic show up?
Sure, just find this:

.defaultuserpic {
display: none;
}

And replace it with this:

.defaultuserpic {
margin: 10px auto;
background-color: #FAFAFA;
padding: 5px;
}

What if I don't want the title/subtitle to show up?
Just find this:

.title {text-align: left;
color: #1CBBB4;
font: 12pt/15pt "trebuchet ms", arial, sans-serif;
padding: 3px 10px 2px 10px;
}

.subtitle {text-align: right;
color: #F7941D;
font: 10pt/15pt "trebuchet ms", arial, sans-serif;
padding: 1px 10px 3px 10px;
}

And replace it with this:

.title, .subtitle {display: none;}

Can I have my mood theme image show up?
Sure! Just find and delete this:

.currentmood img {display: none;}

I have a Plus account. What can I do about the ads?
On the Style page, clear the section "Background color of the outer table". You can change where the ads are placed on your Customize page. Any placement works, though I find Between Entries is the least noticeable.

If you have any questions concerning the layout, feel free to ask. Also, PLEASE comment if you decide to use this! Thank you.

Credit to the amazing prior for the tiny icons! Also credit to SLO for inspiration.

stock/fashion/threadless icons

2008-01-30T19:39:23Z

Count: 31
Theme: Stock, Gaspard Ulliel, Fashion, Threadless

Please comment with the numbers you are taking (hover to see the number)!
Make sure to give credit to refuted!

Teasers:

Credit for images to: veer.com, jacvanek.com, threadless.com

Gaspard Ulliel Wallpaper

2008-01-13T21:58:08Z

800x600 | 1024x768

Ah, Gaspard. My first attempt at a wallpaper!

S2 Flexible Squares - Cerulean

2007-12-30T21:03:07Z

image preview | live preview

Step by Step Instructions on How to Use the Layout

1. Go to your Customize page.
2. If you are using S1, switch to S2.
3. Under "Select a New Theme", type "Flexible Squares" in the Search box.
4. Click "Apply Theme" directly underneath the first search result.
5. Scroll down to "Choose a Page Setup", and click "Apply Layout" under "2 Column (sidebar on right)".
6. Click the button that says "Customize Selected Theme".
7. Click "Sidebar" on the left. Here you can decide what you would like to be displayed in the sidebar. (The text on top of the layout) You can choose any number or combination of these to be displayed. Remember, to customize the links, click "Links List".
8. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to No. This is extremely important!
9. Copy and paste the following into the custom stylesheet box and click "Save Changes":

/* Stylesheet by refuted.livejournal.com. */
 body {
background: #89DFCC;
text-align: left;
margin: 0 auto 0 auto;
font-family: tahoma, arial, verdana, sans-serif;
color: #C6C6C6;
font-size: 8pt;
}
 a, a:link, a:visited, a:active {
color: #65D3BA;
text-decoration: none;
}
 a:hover {
color: #9C9C9C;
text-decoration: none;
}
 strong, b {
color: #878787;
}
 em, i {
color: #9A9A9A;
}
 p, td {
font-size: 11px;
}
 blockquote {
margin: 0 8px 0 8px; 
padding: 8px;
background-color: #F7F7F7;
color: #9c9c9c;
line-height: 13pt;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}
 code, kbd, pre, tt {
font-family: monospace;
}
 textarea, .textbox, select, input {-moz-opacity:.5;
opacity:.5;
filter:alpha(opacity=50);
background-color: #fff;
color: #9C9C9C;
border: 1px solid #CCCACA;
}
 textarea:hover, .textbox:hover, select:hover, input:hover {
-moz-opacity:1.0;
opacity:1.0;
filter: alpha(opacity=100);
}
 select, input {
border: 1px solid #CCCACA;
}
 #content {
width: 100%;
background: transparent;
border: 0px;   
padding: 0px;
}
  #maincontent {
margin: 0 auto 0 auto;
padding: 0;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
width: 75%;
}
 #sidebar {
background-color: #fff;
border: none;
padding: 5px 0 5px 0;
margin: 0 auto 26px auto;
width: 75%;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}
 #sidebar:hover {
-moz-opacity:1.0;
opacity:1.0;
filter: alpha(opacity=100);}
 #header {
 padding: 0px;
margin: 0px;
font-family: "lucida grande", arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: #000;
color: #ACACAC;
text-transform: lowercase;
line-height: 14px;
height: 46px;
}
 #footer {
text-align: center;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
background-color: #fff;
color: #BBBBBB;
border: 0px;
clear: both;
width: 75%;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}
 #footer:hover {
-moz-opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
}
 div#footer a, div#footer a:link, div#footer a:visited {
color: #9C9C9C;
font-weight: normal;
}
 div#footer a:hover {
color: #606060;
font-weight: normal;
}
 /* header */

div#header a, div#header a:link, div#header a:visited {
color: #808080;
background-color: transparent;
	}
 div#header a:hover {
color: #ACACAC;
}
 ul.navheader
{
padding: 16px;
margin: 0px;
}
 ul.navheader li  {
display: inline;
padding: 0px;
background-color: transparent;
}
 ul.navheader li a {
margin: 16px;
	}
 .title, .subtitle {
 	display: none;
 	}   
 /* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #9C9C9C;
text-transform: lowercase;
}
 div#sidebar a:hover {
color: #606060;
text-decoration: none;
}
 .defaultuserpic {
display: none;
}
 .sbarheader {
padding: 0px 5px 0px 5px;
}
 .sbarbody {
padding: 0px 10px 0px 10px;
text-align: center;}
 .sbarbody2 {
padding: 5px 50px 10px 50px;
color: #BBBBBB;
line-height: 13pt;
}
 ul.sbarlist {
padding-left: 0;
padding-right: 15px;
margin-left: 0;
list-style: none;
}
 li.sbaritem {
padding-left: 15px;
list-style: none;
display: inline;
}
 li.sbartitle {
display: none;
}
 span.count {
display: none;
}
 .view {
margin: 0 16px 0 16px;
}
 /* maincontent */

.entry_text {
padding: 5px 0 0 0;
}
 .entry {
margin: 0;
padding: 0px 12px 0px 12px;
border: 0px;
background-color: #fff;
color: #757575;
font-family: tahoma, arial, verdana, sans-serif;
line-height: 15pt;
font-size: 8pt;
text-align: justify;
}
 .entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
 .entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
 .userpic {
position: relative;
float: right;
margin: 10px 10px 3px 10px;
background-color: #F7F7F7;
padding: 5px;
}
 .userpicfriends {
background-color: #F7F7F7 !important;
padding: 5px;
text-align: center;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 7pt;
margin: 10px 10px 3px 10px;
position: relative;
float: right;
}
 .userpicfriends a font {
font-family: arial, verdana, sans-serif;
font-size: 7pt;
color: #606060;
}
 .userpicfriends a:hover font {
color: #9C9C9C;
}
 .date {
text-align: right;
color: #D1D1D1;
text-transform: lowercase;
font-size: 7pt;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/time.gif) no-repeat bottom right;
margin: 0 140px 0 0;
padding: 8px 15px 0 0;
}
 .subject {
text-align: right;
font-weight: normal;
font-family: "lucida grande", arial, verdana, sans-serif;
padding: 0 0 1px 0;
color: #606060;
font-size: 12pt;
text-transform: lowercase;
border-bottom: 1px solid #EFEFEF;
margin: 0 130px 0 10px;
}
 .subject a, .subject a:link, .subject a:visited {
color: #E79CEF;
}
 .subject a:hover {
color: #c0c0c0;
}
 .datesubject {
background-color: #fff;
}
 .currents, .currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #c0c0c0;
font-size: 7pt;
font-family: tahoma, arial, sans-serif;
line-height: 11pt;
text-align: justify;
}
 .currents {
background: #F7F7F7;
padding: 5px 5px 3px 10px;
margin: 12px 0 0 0;
width: 34%;
}
 .currents a:link, .currents a:visited, .currents a:active {
color: #c0c0c0;
}
 .currents a:hover {
color: #A4A4A4;
border-bottom: 1px solid #EAEAEA;
}
 .currents strong, .currentmood strong, .currentmusic strong {
color: #89DFCC;
} 
 .ljtags {
margin: 12px 0 0 0;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #89DFCC;
font-weight: bold;
text-transform: lowercase;
line-height: 11pt;
background: #F7F7F7;
padding: 3px 5px 3px 10px;
width: 34%;
text-align: justify;
}
 .ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #c0c0c0;
font-weight: normal;
text-transform: lowercase;
font-size: 7pt;
}
 .ljtags a:hover {
color: #A4A4A4;
border-bottom: 1px solid #EAEAEA;
text-decoration: none;
font-weight: normal;
}
 .comments {
margin: 12px 0 0 0;
text-align: right;
padding: 5px 5px 12px 0;
text-transform: lowercase;
color: #fff;
border-top: 1px solid #EFEFEF;
clear: both;
}
 div.comments a, div.comments a:link, div.comments a:visited{
font-weight: normal;
font-family: "lucida grande", arial, verdana, sans-serif;
color: #606060;
font-size: 12pt;
text-transform: lowercase;
}
 div.comments a:hover {
color: #979797;
text-decoration: none;
}
 /* entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
line-height: 17pt;
}

.userpiccomment {
background-color: #F7F7F7;
padding: 5px;
position: relative;
left: 0px;
margin: 10px;
z-index: 15;
float: left;
top: -10px;
}

.box {
border: 0px;
padding: 10px;
clear: left;
background-color: #fff;
color: #c6c6c6;
}

textarea.textbox  {
width: 95% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
color: #9C9C9C;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
background-color: #fff;
}

.commentreply {
position: relative;
margin: 10px;
color: #9C9C9C;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
padding: 5px;
}

.commentbox, .commenttext {
padding: 5px;
margin: 10px;
background-color: #fff;
border: 1px solid #CCCACA;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #efefef;
color: #9C9C9C;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
}

.commentinfo {
background-color: transparent;
margin-top: 10px;
width: 100%;
}

/* year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
margin: 0 0 25px 0;
background: #fff;
color: #C6C6C6;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}

ul.year:hover {
-moz-opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #D0D0D0;
background: #fff;
}

table.yeartable, td.yearday {
background-color: transparent;
text-align: center;
color: #8A8A8A;
background: #fff;
padding: 10px;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}

table.yeartable:hover {
-moz-opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
}

td.yearmonth {
border-style: none;
background: #fff;
}

/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li  {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
display: none;
}

/* misc  */

.clear {
display: none;
}

.skiplinks {
text-align: center;
background: #fff;
padding: 5px 0 0 0;
}

.separator{
height: 26px;
}

* html div.subcontent {
height: 1%;
clear: none;
}

* html div.box#commentform {
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #999999;
background-color: #c2cde0;
}

img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}

img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}

.box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]{ width: 0; height: 0; padding: 0 16px 12px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_anon.png); }

.box img[src="http://p-stat.livejournal.com/img/help.gif"]{ width: 0; height: 0; padding: 0 14px 14px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_help.png); }

.ljuser a:hover b {
color: #9C9C9C;
background: transparent;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
	background-color: transparent;
  	background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/cof1.png);
padding: 16px 17px 2px 2px !important;
	}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
  	background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/cof2.png);
	}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
 	background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/cof1.png);
padding: 16px 17px 2px 2px !important;
 	}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/cof2.png);
 	}

#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 16px 13px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/cof1.png); }

10. Go to your Manage Profile page. Under Bio, add the following:

PLEASE DO NOT NEGLECT THIS STEP.

REMEMBER, FOR FASTEST RESPONSE TIME, ASK ANY SPECIFIC QUESTIONS CONCERNING THE LAYOUT ON THIS POST!

Commonly Asked Questions

How do I add a header?
Add this at the bottom:

.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: ###px;
height: ###px;
background-repeat: no-repeat;
background-image: url(URL OF IMAGE HERE);
}

Change the height and width tags to match your image. You'll need to upload your image to the internet. I suggest tinypic.com.

My entries are starting halfway down the page!
You have a wide image somewhere. Go lj-cut this, and it should work. If not, try decreasing the width of #maincontent by a few pixels.

Can I edit the colours, etc.?
Sure, if you give me credit for the base code!

My layout looks all messed up?!
99% of the time, making sure you have set "Use layout's stylesheet(s)" to No will fix this.

Can I have my default userpic show up?
Sure, just find this:

.defaultuserpic {
display: none;
}

And replace it with this:

.defaultuserpic {
position: relative;
float: right;
margin: 0 10px 3px 10px;
background-color: #F7F7F7;
padding: 5px;
}

(It actually looks rather nifty... I'd suggest doing this. I automatically hide it because that's what a lot of people prefer, but really folks, try this out!)

What if I don't want the sidebar on the top? Can I have the layout without it?
Yep! On your main Customize page, find "Choose a Page Setup" at the bottom. Click "Apply Layout" under "1 Column (no sidebar)".

I'm not really a big fan of the opacity switch. Can I delete that?
Aww. Sure, no problem! Just find and delete the following from both #sidebar and #footer:

-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);

I have a Plus account. What can I do about the ads?
On the Style page, clear the section "Background color of the outer table". You can change where the ads are placed on your Customize page. Both Between Entries and Horizontal placement work, Vertical will NOT work.

If you have any questions concerning the layout, feel free to ask. Also, PLEASE comment if you decide to use this! Thank you.

Credit to the amazing famfamfam for the tiny icons!

As a side note, I'd like to mention two things. First, please, I beg of you - use Firefox to view this layout! It's not that it doesn't work in IE, but only in FF can the full shininess truly shine! Or, at the very least, use the latest IE version to enjoy the fun opacity-changing top bar. On another note, I can honestly say this is one of my favourite layouts I've created up to this point. I tried a few things I've been meaning to do, figured out how to fix some bugs that had been annoying me, and customized to the utmost of my abilities! I hope you all enjoy it, and thanks so much for supporting this community!