s2 layout #11 : choices

[enamour]

As I'm sure most of you remember, I recently asked you in a poll what colors you'd like to see on a layout. The winning colors were green and purple, but since blue was a close second to both, I decided to use it as an accent color.



image preview | live preview



image preview | live preview

Type: S2
Layout: Flexible Squares
Tested in: Firefox
Account types: Basic, plus, paid
Ad compatibility: Horizontal, between entries
Credit: Required



Notes about this layout
- The bar at the top with the userpic and text is actually your sidebar. Only those two items will show up there, even if you activate others. The text is your "blurb," which you can edit here.

Installation instructions

Switching layout to Flexible Squares
- Click here (opens in new window).
- Apply one of the themes (it doesn't matter which one).

Turning on sidebar (if not on)
- Click here (opens in new window).
- Choose "2 Column (sidebar on left)."

Pasting code for layout
- Click here (opens in new window).
- Make the three top dropdowns say "No."
- In "Custom stylesheet" section, paste the code. Do not alter if you are unfamiliar with CSS or HTML!
- Click "Save Changes."

CSS code

Code for light layout

/* LAYOUT CREATED BY APPLELEAF.LIVEJOURNAL.COM
DO NOT REMOVE THIS CREDIT
BUT FEEL FREE TO EDIT CSS */

/* BASIC */

body {background-color: #f5f5f5;
font-family: arial, sans-serif;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px}

p,
td {color: #8C8C85;
line-height: 20px}

blockquote {color: #8C8C85;
line-height: 20px;
text-align: justify;
border-width: 0px 0px 0px 2px;
border-color: #1B91A6;
border-style: dotted;
padding: 0px 0px 0px 10px}

b,
strong {color: #7D7D77}

a,
a:link,
a:visited {color: #1BA650;
text-decoration: none;
font-weight: normal;
text-decoration: none;
font-weight: normal;
border-width: 0px}

a:hover {color: #1B91A6;
background-color: #F0F0D8;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #DEDEBF}

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

h2 {color: #8C8C85;
text-transform: lowercase}

/* MAIN */

#content {width: 700px;
margin: auto;
padding: 10px;
text-align: justify;
border-width: 0px}

#maincontent {width: 700px;
margin: 0px auto 0px auto;
font-family: arial, sans-serif;
font-size: 8pt;
color: #333333;
border-width: 0px;
text-align: justify;
padding: 0px}

/* HEADER */

#header {width: 100%;
margin: 50px auto 0px auto;
padding: 10px 0px 10px 0px;
background-color: #eeeeee;
font-family: helvetica, sans-serif;
font-size: 15px;
text-transform: lowercase;
color: #1BA650;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #dedede;
text-align: left}

div#header a,
div#header a:link,
div#header a:visited {font-family: helvetica, sans-serif;
font-size: 15px;
text-transform: lowercase;
font-weight: normal}

div#header a:hover {background-color: #f8f8f8;
color: #1B91A6;
border-width: 0px 0px 1px 0px;
border-color: #e3e3e3;
border-style: solid}

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

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

.title {visibility: hidden;
display: none}

.subtitle {visibility: hidden;
display: none}

.quote {font-family: georgia, serif;
font-size: 12pt;
font-weight: bold}

/* FOOTER */

#footer {width: 100%;
padding: 0px;
margin: 0px;
text-align: right;
font-family: helvetica, sans-serif;
font-size: 10pt;
text-transform: lowercase;
color: #878e9c;
z-index: 100;
clear: both}

div#footer a,
div#footer a:link,
div#footer a:visited {color: #878e9c}

div#footer a:hover {color: #ffffff}

/* SIDEBAR */

#sidebar {font-size: 10pt;
background-color: #ffffff;
padding: 20px;
margin: 25px auto 25px auto;
height: 120px;
width: 660px;
z-index: 100;
color: #8C8C85;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #dedede;
top: 0px}

.defaultuserpic,
a.defaultuserpic {margin: auto;
padding: 10px;
background-color: #e3e3e3;
float: left;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #d6d6d6;}

.defaultuserpic img {border: 0px}

.defaultuserpic img:hover {border: 0px}

.sbarheader {padding: 5px;}

.sbarbody {padding: 5px;
margin: 10px}

.sbarbody2 {padding: 0px 50px 5px 3px;
float:right;
width: 70%;
text-align: justify;}

li.sbartitle {display:none}

li.sbaritem {list-style: none;
padding: 2px;
font-size: 8pt;
font-family: georgia;
font-size: 7.5pt;}

li.sbaritem a color: #fff}

li.sbaritem a:hover {color:#888}

ul.sbarlist {padding: 10px 0px 0px 0px;
margin: 0;
list-style-type: none;
display:inline;}

.sbarbody#sidebar_tags {display:none;}
.sbarbody#sidebar_summary {display:none;}
.sbarbody#sidebar_calendar {display:none;}
.sbarbody#sidebar_linklist {display:none;}

/* ENTRY */

.subcontent {background-color: #ffffff;
padding: 0px;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #dedede}

.date {font-family: georgia, serif;
font-size: 20px;
color: #e5e5e5;
text-transform: lowercase;
text-align: left;
padding: 5px;
border-width: 0px}

.subject,
.subject a
.subject a:link
.subject a:visited {font-family: georgia, serif;
font-size: 30px !important;
margin: -20px 0 0 0;
text-transform: lowercase;
color: #1BA626 !important;
background-color: #ffffff;
text-align: left;
padding: 5px 20px 15px 15px;
border-width: 0px !important}

.subject:hover {color: #ffffff}

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

.entry {margin: 0px;
padding: 20px 160px 20px 20px;
background-color: #ffffff;
font-family: arial, sans-serif;
font-size: 10pt;
color: #8C8C85;
line-height: 22px;
text-align: justify}

.entry ul li {padding-left: 5px;
margin-left: 15px;
list-style-position: outside}

.entry ol li {padding-left: 5px;
margin-left: 15px;
list-style: decimal-leading-zero;
list-style-position: outside}

.userpic {position: relative;
float: right;
text-align: center;
background-color: #e3e3e3;
padding: 10px;
margin: 50px 20px 0px 10px;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #d6d6d6;
z-index: 15;}

.userpicfriends {position: relative;
float: right;
text-align: center;
background-color: #f3f3f3;
padding: 10px;
margin: 50px 20px 0px 10px;
z-index: 15;
font-family: arial, sans-serif;
font-size: 7pt;
font-weight: normal;
text-align: center}

.altuserpic {position: relative;
float: left;
text-align: center;
background-color: #eeeeee;
padding: 10px;
margin: 30px 10px 0px 10px;
z-index: 15;
font-family: arial, sans-serif;
font-size: 7pt;
font-weight: normal;
text-align: center}

.userpic img,
.userpicfriends img,
.altuserpic img {width:70px;
height:70px}

.currents,
.currentmood,
.currentmusic
{font-family: helvetica, sans-serif;
font-size: 8pt;
color: #8C8C85;
text-transform: lowercase}

.comments {font-family: helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-align: right;
background-color: #ffffff;
padding: 7px 0px 0px 0px;
margin: 0px;
border-width: 0px;
position: relative}

div.comments a,
div.comments a:link,
div.comments a:visited {color: #878e9c;
font-size: 8pt}

div.comments a:hover {color: #878e9c;
text-decoration: none}

div.ljtags {padding: 20px 0px 0px 0px;
font-size: 8pt}

div.ljtags a,
div.ljtags a:link,
div.ljtags a:visited {background-color: #f8f8f8;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #e3e3e3;
padding: 0px 2px 0px 2px}

div.ljtags a:hover {background-color: #e8e8e8;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #d3d3d3;
padding: 0px 2px 0px 2px}

.separator {height: 15px}

/* INDIVIDUAL ENTRY PAGES AND COMMENTS */

.datesubjectcomment {background-color: #ffffff;
padding: 0px}

.userpiccomment {position: relative;
float: right;
text-align: center;
background-color: #e3e3e3;
padding: 7px;
margin: 10px 20px 0px 10px;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #eeeeee;
z-index: 15;}

.box {border-color: #ffffff;
padding: 10px}

input,
textarea {background-color: #ffffff;
color: #8C8C85;
font-family: monospace;
font-size: 10pt;
border-width: 1px;
border-color: #666666}

textarea.textbox {width: 100% !important}

.reply {position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica, sans-serif;
font-size: 10pt;
line-height: 125%;
background-color: #ffffff;
color: #8C8C85;
line-height: 20px;}

.replytosubject {font-weight: bold;
color: #1BA650}

.commentreply {position: relative;
margin: 10px;
font-size: 10pt;
font-family: helvetica, sans-serif;
color: #8C8C85;
line-height: 20px}

.commentbox {border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #dedede;
padding: 10px;
margin: 10px;
background-color: #ffffff}

.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #1BA650}

.datesubjectcomment a:hover {color: #ffffff}

.commentboxpartial {border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #dedede;
padding: 10px;
margin: 10px;
background-color: #ffffff}

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

/* CALENDAR PAGES */

ul.year {text-align: center;
padding-bottom: 40px}

ul.year li {display: inline}

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

table.yeartable td.yeardate,
table.yeartable td.yearday {
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #dedede}

table.yeartable td.yearday {background-color: #ffffff;
text-align: center}

td.yearmonth {
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #dedede;
text-align: center}

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

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

.clearfoot {clear: both}

.clear {height: 15px}

.skiplinks {text-align: center}

/* TAG PAGE */

.ljtaglist {
list-style-type: none;
padding: 0px;
margin: -1px 20px 0px 20px;
margin-left: 70px;
width: 50%;
color: #8C8C85;
text-align: left}

.ljtaglist li {
list-style: decimal-leading-zero;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #cccccc;
padding: 15px 0px 0px 20px;
color: #8C8C85}

ul.ljtaglist {
color: #8C8C85;
font-family: helvetica, sans-serif;
font-size: 10pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px}

/* ICON ADD-ONS */

div.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]
{width: 0px;
height: 0px;
padding: 16px 3px 0px 16px !important;
background-image:
url('http://i39.tinypic.com/5o5zrs.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

div.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]
{width: 0px;
height: 0px;
padding: 16px 3px 0px 16px !important;
background-image:
url('http://i43.tinypic.com/9t0a5h.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

div.entry img[src="http://p-stat.livejournal.com/img/userinfo.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i40.tinypic.com/33calpy.jpg');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

div.entry img[src="http://p-stat.livejournal.com/img/community.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i41.tinypic.com/28uik37.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_del.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i42.tinypic.com/2jbvek4.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_scr.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i43.tinypic.com/95ynfr.jpg');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i39.tinypic.com/2hz2se8.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i40.tinypic.com/fnv6fc.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i42.tinypic.com/2mchf8.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_track.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i39.tinypic.com/elbaf4.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i44.tinypic.com/eqdmv7.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

Code for dark layout

/* LAYOUT CREATED BY APPLELEAF.LIVEJOURNAL.COM
DO NOT REMOVE THIS CREDIT
BUT FEEL FREE TO EDIT CSS */

/* BASIC */

body {background-color: #383631;
font-family: arial, sans-serif;
color: #8C8C85;
text-align: center;
margin: 0px;
padding: 0px}

p,
td {color: #8C8C85;
line-height: 20px}

blockquote {color: #8C8C85;
line-height: 20px;
text-align: justify;
border-width: 0px 0px 0px 2px;
border-color: #1B91A6;
border-style: dotted;
padding: 0px 0px 0px 10px}

b,
strong {color: #7D7D77}

a,
a:link,
a:visited {color: #AC40B8;
text-decoration: none;
font-weight: normal;
text-decoration: none;
font-weight: normal;
border-width: 0px}

a:hover {background-color: #706C62;
color: #1B91A6;
border-width: 0px 0px 1px 0px;
border-color: #383631;
border-style: solid}

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

h2 {color: #8C8C85;
text-transform: lowercase}

/* MAIN */

#content {width: 700px;
margin: auto;
padding: 10px;
text-align: justify;
border-width: 0px}

#maincontent {width: 700px;
margin: 0px auto 0px auto;
font-family: arial, sans-serif;
font-size: 8pt;
border-width: 0px;
text-align: justify;
padding: 0px}

/* HEADER */

#header {width: 100%;
margin: 50px auto 0px auto;
padding: 10px 0px 10px 0px;
background-color: #4F4C45;
font-family: helvetica, sans-serif;
font-size: 15px;
text-transform: lowercase;
color: #AC40B8;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421;
text-align: left}

div#header a,
div#header a:link,
div#header a:visited {font-family: helvetica, sans-serif;
font-size: 15px;
text-transform: lowercase;
font-weight: normal}

div#header a:hover {background-color: #706C62;
color: #1B91A6;
border-width: 0px 0px 1px 0px;
border-color: #383631;
border-style: solid}

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

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

.title {visibility: hidden;
display: none}

.subtitle {visibility: hidden;
display: none}

.quote {font-family: georgia, serif;
font-size: 12pt;
font-weight: bold}

/* FOOTER */

#footer {width: 100%;
padding: 0px;
margin: 0px;
text-align: right;
font-family: helvetica, sans-serif;
font-size: 10pt;
text-transform: lowercase;
color: #8C8C85;
z-index: 100;
clear: both}

div#footer a,
div#footer a:link,
div#footer a:visited {color: #878e9c}

div#footer a:hover {color: #383631}

/* SIDEBAR */

#sidebar {font-size: 10pt;
background-color: #4F4C45;
padding: 20px;
margin: 25px auto 25px auto;
height: 120px;
width: 660px;
z-index: 100;
color: #8C8C85;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421;
top: 0px}

.defaultuserpic,
a.defaultuserpic {margin: auto;
padding: 10px;
float: left;
background-color: #706C62;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #383631;}

.defaultuserpic img {border: 0px}

.defaultuserpic img:hover {border: 0px}

.sbarheader {padding: 5px;}

.sbarbody {padding: 5px;
margin: 10px}

.sbarbody2 {padding: 0px 50px 5px 3px;
float:right;
width: 70%;
text-align: justify;}

li.sbartitle {display:none}

li.sbaritem {list-style: none;
padding: 2px;
font-size: 8pt;
font-family: georgia;
font-size: 7.5pt;}

li.sbaritem a color: #fff}

li.sbaritem a:hover {color:#888}

ul.sbarlist {padding: 10px 0px 0px 0px;
margin: 0;
list-style-type: none;
display:inline;}

.sbarbody#sidebar_tags {display:none;}
.sbarbody#sidebar_summary {display:none;}
.sbarbody#sidebar_calendar {display:none;}
.sbarbody#sidebar_linklist {display:none;}

/* ENTRY */

.subcontent {background-color: #4F4C45;
padding: 0px;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421}

.date {font-family: georgia, serif;
font-size: 20px;
color: #45423B;
text-transform: lowercase;
text-align: left;
padding: 5px;
border-width: 0px}

.subject,
.subject a
.subject a:link
.subject a:visited {font-family: georgia, serif;
font-size: 30px !important;
margin: -20px 0 0 0;
text-transform: lowercase;
color: #AC40B8 !important;
background-color: #4F4C45;
text-align: left;
padding: 5px 20px 15px 15px;
border-width: 0px !important}

.subject:hover {color: #4F4C45}

.datesubject {background-color: #4F4C45;
padding: 0px}

.entry {margin: 0px;
padding: 20px 160px 20px 20px;
background-color: #4F4C45;
font-family: arial, sans-serif;
font-size: 10pt;
color: #8C8C85;
line-height: 22px;
text-align: justify}

.entry ul li {padding-left: 5px;
margin-left: 15px;
list-style-position: outside}

.entry ol li {padding-left: 5px;
margin-left: 15px;
list-style: decimal-leading-zero;
list-style-position: outside}

.userpic {position: relative;
float: right;
text-align: center;
padding: 10px;
margin: 50px 20px 0px 10px;
background-color: #706C62;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #383631;
z-index: 15;}

.userpicfriends {position: relative;
float: right;
text-align: center;
padding: 10px;
margin: 50px 20px 0px 10px;
background-color: #706C62;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #383631;
z-index: 15;
text-align: center}

.altuserpic {position: relative;
float: right;
text-align: center;
padding: 10px;
margin: 50px 20px 0px 10px;
background-color: #706C62;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #383631;
z-index: 15;
text-align: center}

.userpic img,
.userpicfriends img,
.altuserpic img {width:70px;
height:70px}

.currents,
.currentmood,
.currentmusic
{font-family: helvetica, sans-serif;
font-size: 8pt;
color: #8C8C85;
text-transform: lowercase}

.comments {font-family: helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-align: right;
padding: 7px 0px 0px 0px;
margin: 0px;
border-width: 0px;
position: relative}

div.comments a,
div.comments a:link,
div.comments a:visited {color: #8C8C85;
font-size: 8pt}

div.comments a:hover {color: #8C8C85;
text-decoration: none}

div.ljtags {padding: 20px 0px 0px 0px;
font-size: 8pt}

div.ljtags a,
div.ljtags a:link,
div.ljtags a:visited {background-color: #45433C;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #383631;
padding: 0px 2px 0px 2px}

div.ljtags a:hover {background-color: #615D54;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #45433C;
padding: 0px 2px 0px 2px}

.separator {height: 15px}

/* INDIVIDUAL ENTRY PAGES AND COMMENTS */

.datesubjectcomment {background-color: #4F4C45;
padding: 0px}

.userpiccomment {position: relative;
float: right;
text-align: center;
padding: 7px;
margin: 10px 20px 0px 10px;
background-color: #706C62;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #383631;
z-index: 15}

.box {border-color: #4F4C45;
padding: 10px}

input,
textarea {background-color: #4F4C45;
color: #8C8C85;
font-family: monospace;
font-size: 10pt;
border-width: 1px;
border-color: #666666}

textarea.textbox {width: 100% !important}

.reply {position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica, sans-serif;
font-size: 10pt;
line-height: 125%;
background-color: #4F4C45;
color: #8C8C85;
line-height: 20px;}

.replytosubject {font-weight: bold;
color: #1BA650}

.commentreply {position: relative;
margin: 10px;
font-size: 10pt;
font-family: helvetica, sans-serif;
color: #8C8C85;
line-height: 20px}

.commentbox {border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421;
padding: 10px;
margin: 10px;
background-color: #4F4C45}

.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #1BA650}

.datesubjectcomment a:hover {color: #ffffff}

.commentboxpartial {border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421;
padding: 10px;
margin: 10px;
background-color: #4F4C45}

.commentinfo {background-color: #4F4C45;
margin-top: 10px;
width: 100%;
color: #eeeeee}

/* CALENDAR PAGES */

ul.year {text-align: center;
padding-bottom: 40px}

ul.year li {display: inline}

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

table.yeartable td.yeardate,
table.yeartable td.yearday {
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421;}

table.yeartable td.yearday {
background-color: #4F4C45;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421;
text-align: center}

td.yearmonth {
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #262421;
text-align: center}

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

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

.clearfoot {clear: both}

.clear {height: 15px}

.skiplinks {text-align: center}

/* TAG PAGE */

.ljtaglist {
list-style-type: none;
padding: 0px;
margin: -1px 20px 0px 20px;
margin-left: 70px;
width: 50%;
color: #8C8C85;
text-align: left}

.ljtaglist li {
list-style: decimal-leading-zero;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #cccccc;
padding: 15px 0px 0px 20px;
color: #8C8C85}

ul.ljtaglist {
color: #8C8C85;
font-family: helvetica, sans-serif;
font-size: 10pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px}

/* ICON ADD-ONS */

div.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]
{width: 0px;
height: 0px;
padding: 16px 3px 0px 16px !important;
background-image:
url('http://i39.tinypic.com/5o5zrs.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

div.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]
{width: 0px;
height: 0px;
padding: 16px 3px 0px 16px !important;
background-image:
url('http://i43.tinypic.com/9t0a5h.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

div.entry img[src="http://p-stat.livejournal.com/img/userinfo.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i40.tinypic.com/33calpy.jpg');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

div.entry img[src="http://p-stat.livejournal.com/img/community.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i41.tinypic.com/28uik37.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_del.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i42.tinypic.com/2jbvek4.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_scr.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i43.tinypic.com/95ynfr.jpg');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i39.tinypic.com/2hz2se8.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i40.tinypic.com/fnv6fc.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i42.tinypic.com/2mchf8.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_track.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i39.tinypic.com/elbaf4.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"]
{width: 0px;
height: 0px;
padding: 16px 0px 0px 16px !important;
background-image:
url('http://i44.tinypic.com/eqdmv7.png');
background-repeat: no-repeat;
background-position: left middle;
border-width: 0px}