s2 flexible squares - multifaceted

[presents]

image preview | live preview
Also available in:



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 one of the following into the custom stylesheet box and click "Save Changes":



» larger preview?
/* Stylesheet by presents.livejournal.com. Available at refuted.livejournal.com. Flexible Squares 2007. MAKE SURE USE LAYOUTS STYLESHEET IS SET TO NO. */

body {
background: #fff url(http://img.photobucket.com/albums/v72/panthersgem/ref/pbg2.png) top right repeat-y;
text-align: left;
margin: 0 auto 0 auto;
font-family: arial, verdana, sans-serif;
color: #d3d3d3;
font-size: 8pt;
}

a, a:link, a:visited, a:active {
color: #606060;
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: 13px;
font-family: arial, verdana, sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}

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

#content {
width: 100%;
background: transparent url(http://img.photobucket.com/albums/v72/panthersgem/ref/pbg1.png) top left repeat-y;
border: 0px;
padding: 0px;
margin: 0;
}

#maincontent {
float: right;
width: 69%;
margin: 3px 50px 0 4px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}

#sidebar {
float: left;
padding: 2px 6px 2px 0;
margin: 3px 0 0 44px;
background-color: transparent;
border-right: 1px solid #efefef;
border-top: none;
border-left: none;
border-bottom: none;
width: 20%;
text-align: left;
}

#header {
padding: 0px;
margin: 0px;
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
}

#footer {
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
background-color: transparent;
color: #D3D3D3;
border: 0px;
clear: both;
}

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

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

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {
color: #606060;
background-color: transparent;
}

div#header a:hover {
color: #9C9C9C;
}

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;
}

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

.defaultuserpic {
display: none;
}

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

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

.sbarbody2 {
padding: 0 5px 0 9px;
color: #A4A4A4;
font-family: Arial, sans-serif;
font-size: 7.5pt;
line-height: 13pt;
text-align: left;
}

#sidebar_summary li.sbaritem {
margin: 0;
padding: 0;
border: 0px;
}

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

.sbarcalendar {
border: 1px solid #EFEFEF;
background-color: #ffffff;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
color: #686868;
}

.sbarcalendarposts {
border: 1px solid #E5ABD5;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
}

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

li.sbaritem, .tagcloud {
padding-left: 3px;
list-style: none;
}

li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: arial, sans-serif;
font-size: 8pt;
color: #9C9C9C;
line-height: 20px;
text-transform: lowercase;
border: none;
padding-left: 4px;
}

li.sbartitle {
text-align: left;
font-weight: none;
padding: 0 0 0 4px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
list-style: none;
border-bottom: 1px solid #efefef;
border-top: none;
border-right: none;
border-left: none;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}

span.count {
display: none;
}

/* maincontent */

.entry {
margin: 0 5px 0 5px;
padding: 0px 12px 0px 12px;
background-color: #fff;
color: #8A8A8A;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
border-width: 0px;
}

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

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

.userpic {
position: relative;
float: left;
margin: 10px 10px 0 20px;
background-color: #F7F7F7;
padding: 5px;
}

.userpicfriends {
position: relative;
float: left;
background-color: #F7F7F7 !important;
padding: 5px;
margin: 10px 10px 0 20px;
z-index: 15;
text-align: center;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 7pt;
z-index: 15;
}

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

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

.date {
text-align: left;
color: #D1D1D1;
text-transform: lowercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 5px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
}

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

.subject a:hover {
color: #c0c0c0;
}

.datesubject {
background-color: transparent;
}

.currents, .currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #AEAEAE;
font-size: 7pt;
font-family: tahoma, arial, sans-serif;
}

.currents strong, .currentmood strong, .currentmusic strong {
color: #DDDDDD;
}

.ljtags {
margin: 10px 0 0 0;
padding: 0;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #DDDDDD;
font-weight: bold;
text-transform: lowercase;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #606060;
font-weight: normal;
text-transform: lowercase;
font-size: 7pt;
}

.ljtags a:hover {
color: #9C9C9C;
text-decoration: none;
font-weight: normal;
text-transform: lowercase;
}

.comments {
text-align: right;
padding: 0 0 12px 0;
text-transform: lowercase;
color: #fff;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
}

div.comments a:hover {
color: #ccc;
text-decoration: none;
letter-spacing: -1px;
font-size: 12pt;
}

/* maincontent -- entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
}

.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: transparent;
color: #d3d3d3;
}

input, textarea {
background-color: #fff;
color: #9C9C9C;
border: 1px solid #c0c0c0;
}

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;
}

.replytosubject {
font-weight: bold;
}

.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 #c0c0c0;
}

.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%;
}

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
}

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;
}

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

td.yearmonth {
border-style: none;
}

/* footer */

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

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

.clearfoot {
clear: both;
}

/* misc */

.clear {
font-size: 3pt;
}

.skiplinks {
text-align: center;
}

.separator{
height: 35px;
}

* 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;
}

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

.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/pui.png);
padding: 10px 9px 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/pui2.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/pui.png);
padding: 10px 9px 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/pui2.png);
}

img[src="http://l-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://l-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://l-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);
}



» larger preview?
/* Stylesheet by presents.livejournal.com. Available at refuted.livejournal.com. Flexible Squares 2007. MAKE SURE USE LAYOUTS STYLESHEET IS SET TO NO. */

body {
background: #fff url(http://img.photobucket.com/albums/v72/panthersgem/ref/gbg2.png) top right repeat-y;
text-align: left;
margin: 0 auto 0 auto;
font-family: arial, verdana, sans-serif;
color: #d3d3d3;
font-size: 8pt;
}

a, a:link, a:visited, a:active {
color: #606060;
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: 13px;
font-family: arial, verdana, sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}

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

#content {
width: 100%;
background: transparent url(http://img.photobucket.com/albums/v72/panthersgem/ref/gbg1.png) top left repeat-y;
border: 0px;
padding: 0px;
margin: 0;
}

#maincontent {
float: right;
width: 69%;
margin: 3px 50px 0 4px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}

#sidebar {
float: left;
padding: 2px 6px 2px 0;
margin: 3px 0 0 44px;
background-color: transparent;
border-right: 1px solid #efefef;
border-top: none;
border-left: none;
border-bottom: none;
width: 20%;
text-align: left;
}

#header {
padding: 0px;
margin: 0px;
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
}

#footer {
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
background-color: transparent;
color: #D3D3D3;
border: 0px;
clear: both;
}

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

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

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {
color: #606060;
background-color: transparent;
}

div#header a:hover {
color: #9C9C9C;
}

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;
}

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

.defaultuserpic {
display: none;
}

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

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

.sbarbody2 {
padding: 0 5px 0 9px;
color: #A4A4A4;
font-family: Arial, sans-serif;
font-size: 7.5pt;
line-height: 13pt;
text-align: left;
}

#sidebar_summary li.sbaritem {
margin: 0;
padding: 0;
border: 0px;
}

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

.sbarcalendar {
border: 1px solid #EFEFEF;
background-color: #ffffff;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
color: #686868;
}

.sbarcalendarposts {
border: 1px solid #AAE6D4;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
}

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

li.sbaritem, .tagcloud {
padding-left: 3px;
list-style: none;
}

li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: arial, sans-serif;
font-size: 8pt;
color: #9C9C9C;
line-height: 20px;
text-transform: lowercase;
border: none;
padding-left: 4px;
}

li.sbartitle {
text-align: left;
font-weight: none;
padding: 0 0 0 4px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
list-style: none;
border-bottom: 1px solid #efefef;
border-top: none;
border-right: none;
border-left: none;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}

span.count {
display: none;
}

/* maincontent */

.entry {
margin: 0 5px 0 5px;
padding: 0px 12px 0px 12px;
background-color: #fff;
color: #8A8A8A;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
border-width: 0px;
}

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

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

.userpic {
position: relative;
float: left;
margin: 10px 10px 0 20px;
background-color: #F7F7F7;
padding: 5px;
}

.userpicfriends {
position: relative;
float: left;
background-color: #F7F7F7 !important;
padding: 5px;
margin: 10px 10px 0 20px;
z-index: 15;
text-align: center;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 7pt;
z-index: 15;
}

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

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

.date {
text-align: left;
color: #D1D1D1;
text-transform: lowercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 5px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
}

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

.subject a:hover {
color: #c0c0c0;
}

.datesubject {
background-color: transparent;
}

.currents, .currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #AEAEAE;
font-size: 7pt;
font-family: tahoma, arial, sans-serif;
}

.currents strong, .currentmood strong, .currentmusic strong {
color: #DDDDDD;
}

.ljtags {
margin: 10px 0 0 0;
padding: 0;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #DDDDDD;
font-weight: bold;
text-transform: lowercase;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #606060;
font-weight: normal;
text-transform: lowercase;
font-size: 7pt;
}

.ljtags a:hover {
color: #9C9C9C;
text-decoration: none;
font-weight: normal;
text-transform: lowercase;
}

.comments {
text-align: right;
padding: 0 0 12px 0;
text-transform: lowercase;
color: #fff;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
}

div.comments a:hover {
color: #ccc;
text-decoration: none;
letter-spacing: -1px;
font-size: 12pt;
}

/* maincontent -- entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
}

.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: transparent;
color: #d3d3d3;
}

input, textarea {
background-color: #fff;
color: #9C9C9C;
border: 1px solid #c0c0c0;
}

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;
}

.replytosubject {
font-weight: bold;
}

.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 #c0c0c0;
}

.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%;
}

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
}

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;
}

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

td.yearmonth {
border-style: none;
}

/* footer */

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

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

.clearfoot {
clear: both;
}

/* misc */

.clear {
font-size: 3pt;
}

.skiplinks {
text-align: center;
}

.separator{
height: 35px;
}

* 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;
}

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

.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/gui.png);
padding: 10px 9px 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/gui2.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/gui.png);
padding: 10px 9px 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/gui2.png);
}

img[src="http://l-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://l-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://l-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);
}



» larger preview?
/* Stylesheet by presents.livejournal.com. Available at refuted.livejournal.com. Flexible Squares 2007. MAKE SURE USE LAYOUTS STYLESHEET IS SET TO NO. */

body {
background: #fff url(http://img.photobucket.com/albums/v72/panthersgem/ref/bbg2.png) top right repeat-y;
text-align: left;
margin: 0 auto 0 auto;
font-family: arial, verdana, sans-serif;
color: #d3d3d3;
font-size: 8pt;
}

a, a:link, a:visited, a:active {
color: #606060;
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: 13px;
font-family: arial, verdana, sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}

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

#content {
width: 100%;
background: transparent url(http://img.photobucket.com/albums/v72/panthersgem/ref/bbg1.png) top left repeat-y;
border: 0px;
padding: 0px;
margin: 0;
}

#maincontent {
float: right;
width: 69%;
margin: 3px 50px 0 4px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}

#sidebar {
float: left;
padding: 2px 6px 2px 0;
margin: 3px 0 0 44px;
background-color: transparent;
border-right: 1px solid #efefef;
border-top: none;
border-left: none;
border-bottom: none;
width: 20%;
text-align: left;
}

#header {
padding: 0px;
margin: 0px;
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
}

#footer {
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
background-color: transparent;
color: #D3D3D3;
border: 0px;
clear: both;
}

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

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

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {
color: #606060;
background-color: transparent;
}

div#header a:hover {
color: #9C9C9C;
}

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;
}

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

.defaultuserpic {
display: none;
}

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

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

.sbarbody2 {
padding: 0 5px 0 9px;
color: #A4A4A4;
font-family: Arial, sans-serif;
font-size: 7.5pt;
line-height: 13pt;
text-align: left;
}

#sidebar_summary li.sbaritem {
margin: 0;
padding: 0;
border: 0px;
}

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

.sbarcalendar {
border: 1px solid #EFEFEF;
background-color: #ffffff;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
color: #686868;
}

.sbarcalendarposts {
border: 1px solid #AACBE6;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
}

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

li.sbaritem, .tagcloud {
padding-left: 3px;
list-style: none;
}

li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: arial, sans-serif;
font-size: 8pt;
color: #9C9C9C;
line-height: 20px;
text-transform: lowercase;
border: none;
padding-left: 4px;
}

li.sbartitle {
text-align: left;
font-weight: none;
padding: 0 0 0 4px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
list-style: none;
border-bottom: 1px solid #efefef;
border-top: none;
border-right: none;
border-left: none;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}

span.count {
display: none;
}

/* maincontent */

.entry {
margin: 0 5px 0 5px;
padding: 0px 12px 0px 12px;
background-color: #fff;
color: #8A8A8A;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
border-width: 0px;
}

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

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

.userpic {
position: relative;
float: left;
margin: 10px 10px 0 20px;
background-color: #F7F7F7;
padding: 5px;
}

.userpicfriends {
position: relative;
float: left;
background-color: #F7F7F7 !important;
padding: 5px;
margin: 10px 10px 0 20px;
z-index: 15;
text-align: center;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 7pt;
z-index: 15;
}

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

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

.date {
text-align: left;
color: #D1D1D1;
text-transform: lowercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 5px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
}

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

.subject a:hover {
color: #c0c0c0;
}

.datesubject {
background-color: transparent;
}

.currents, .currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #AEAEAE;
font-size: 7pt;
font-family: tahoma, arial, sans-serif;
}

.currents strong, .currentmood strong, .currentmusic strong {
color: #DDDDDD;
}

.ljtags {
margin: 10px 0 0 0;
padding: 0;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #DDDDDD;
font-weight: bold;
text-transform: lowercase;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #606060;
font-weight: normal;
text-transform: lowercase;
font-size: 7pt;
}

.ljtags a:hover {
color: #9C9C9C;
text-decoration: none;
font-weight: normal;
text-transform: lowercase;
}

.comments {
text-align: right;
padding: 0 0 12px 0;
text-transform: lowercase;
color: #fff;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
}

div.comments a:hover {
color: #ccc;
text-decoration: none;
letter-spacing: -1px;
font-size: 12pt;
}

/* maincontent -- entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
}

.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: transparent;
color: #d3d3d3;
}

input, textarea {
background-color: #fff;
color: #9C9C9C;
border: 1px solid #c0c0c0;
}

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;
}

.replytosubject {
font-weight: bold;
}

.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 #c0c0c0;
}

.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%;
}

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
}

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;
}

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

td.yearmonth {
border-style: none;
}

/* footer */

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

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

.clearfoot {
clear: both;
}

/* misc */

.clear {
font-size: 3pt;
}

.skiplinks {
text-align: center;
}

.separator{
height: 35px;
}

* 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;
}

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

.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/bui.png);
padding: 10px 9px 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/bui2.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/bui.png);
padding: 10px 9px 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/bui2.png);
}

img[src="http://l-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://l-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);
}



» larger preview?
/* Stylesheet by presents.livejournal.com. Available at refuted.livejournal.com. Flexible Squares 2007. MAKE SURE USE LAYOUTS STYLESHEET IS SET TO NO. */

body {
background: #fff url(http://img.photobucket.com/albums/v72/panthersgem/ref/tbg2.png) top right repeat-y;
text-align: left;
margin: 0 auto 0 auto;
font-family: arial, verdana, sans-serif;
color: #d3d3d3;
font-size: 8pt;
}

a, a:link, a:visited, a:active {
color: #606060;
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: 13px;
font-family: arial, verdana, sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}

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

#content {
width: 100%;
background: transparent url(http://img.photobucket.com/albums/v72/panthersgem/ref/tbg1.png) top left repeat-y;
border: 0px;
padding: 0px;
margin: 0;
}

#maincontent {
float: right;
width: 69%;
margin: 3px 50px 0 4px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}

#sidebar {
float: left;
padding: 2px 6px 2px 0;
margin: 3px 0 0 44px;
background-color: transparent;
border-right: 1px solid #efefef;
border-top: none;
border-left: none;
border-bottom: none;
width: 20%;
text-align: left;
}

#header {
padding: 0px;
margin: 0px;
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
}

#footer {
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
background-color: transparent;
color: #D3D3D3;
border: 0px;
clear: both;
}

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

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

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {
color: #606060;
background-color: transparent;
}

div#header a:hover {
color: #9C9C9C;
}

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;
}

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

.defaultuserpic {
display: none;
}

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

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

.sbarbody2 {
padding: 0 5px 0 9px;
color: #A4A4A4;
font-family: Arial, sans-serif;
font-size: 7.5pt;
line-height: 13pt;
text-align: left;
}

#sidebar_summary li.sbaritem {
margin: 0;
padding: 0;
border: 0px;
}

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

.sbarcalendar {
border: 1px solid #EFEFEF;
background-color: #ffffff;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
color: #686868;
}

.sbarcalendarposts {
border: 1px solid #E6D3AA;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
}

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

li.sbaritem, .tagcloud {
padding-left: 3px;
list-style: none;
}

li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: arial, sans-serif;
font-size: 8pt;
color: #9C9C9C;
line-height: 20px;
text-transform: lowercase;
border: none;
padding-left: 4px;
}

li.sbartitle {
text-align: left;
font-weight: none;
padding: 0 0 0 4px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
list-style: none;
border-bottom: 1px solid #efefef;
border-top: none;
border-right: none;
border-left: none;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}

span.count {
display: none;
}

/* maincontent */

.entry {
margin: 0 5px 0 5px;
padding: 0px 12px 0px 12px;
background-color: #fff;
color: #8A8A8A;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
border-width: 0px;
}

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

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

.userpic {
position: relative;
float: left;
margin: 10px 10px 0 20px;
background-color: #F7F7F7;
padding: 5px;
}

.userpicfriends {
position: relative;
float: left;
background-color: #F7F7F7 !important;
padding: 5px;
margin: 10px 10px 0 20px;
z-index: 15;
text-align: center;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 7pt;
z-index: 15;
}

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

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

.date {
text-align: left;
color: #D1D1D1;
text-transform: lowercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 5px;
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
text-transform: lowercase;
}

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

.subject a:hover {
color: #c0c0c0;
}

.datesubject {
background-color: transparent;
}

.currents, .currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #AEAEAE;
font-size: 7pt;
font-family: tahoma, arial, sans-serif;
}

.currents strong, .currentmood strong, .currentmusic strong {
color: #DDDDDD;
}

.ljtags {
margin: 10px 0 0 0;
padding: 0;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #DDDDDD;
font-weight: bold;
text-transform: lowercase;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #606060;
font-weight: normal;
text-transform: lowercase;
font-size: 7pt;
}

.ljtags a:hover {
color: #9C9C9C;
text-decoration: none;
font-weight: normal;
text-transform: lowercase;
}

.comments {
text-align: right;
padding: 0 0 12px 0;
text-transform: lowercase;
color: #fff;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #606060;
letter-spacing: -1px;
font-size: 12pt;
}

div.comments a:hover {
color: #ccc;
text-decoration: none;
letter-spacing: -1px;
font-size: 12pt;
}

/* maincontent -- entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
}

.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: transparent;
color: #d3d3d3;
}

input, textarea {
background-color: #fff;
color: #9C9C9C;
border: 1px solid #c0c0c0;
}

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;
}

.replytosubject {
font-weight: bold;
}

.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 #c0c0c0;
}

.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%;
}

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
}

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;
}

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

td.yearmonth {
border-style: none;
}

/* footer */

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

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

.clearfoot {
clear: both;
}

/* misc */

.clear {
font-size: 3pt;
}

.skiplinks {
text-align: center;
}

.separator{
height: 35px;
}

* 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;
}

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

.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/tui.png);
padding: 10px 9px 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/tui2.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/tui.png);
padding: 10px 9px 2px 2px !important;
}

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

img[src="http://l-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://l-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);
}



» larger preview?
Since this post was too large for LJ, the grey layout has been moved here.

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

Stylesheet by

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?
Find this:

#header {
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
}

Replace with this:

#header {
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
background: transparent url(URL OF IMAGE) top center no-repeat;
padding: ###px 0 0 0;
}

Change the ###s to the HEIGHT of 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 will work.

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 img {
display: none;
}

And replace with this:

.defaultuserpic img {
padding: 5px;
background-color: #F7F7F7;
margin: 10px;
}

What if I don't want the sidebar? 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)". Then, find the #maincontent section, and change the width from 69% to 95%. Then, change margin: 3px 50px 0 4px; to margin: 3px auto 0 auto;.

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 ohappiness, who inspired this layout!