s2 layout: and I believe we were friends [flexible squares]
HAPPY NEW YEAR EVERYBODY! Thank-you for your support over the past year.
layout: and I believe we were friends
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, topbar/ sidebar mini icons
browsers: IE7, FF, Safari, and Opera
picture | live
picture | live
picture | live
picture | live
1. sidebar no banner
/*
and I believe we were friends ((flexible squares; basic, plus, and paid; by milou veronica ))
*/
body { background: url() #ececec repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0; padding: 10px 0 0}
.headerimage {position: relative; background: url(); width: 770px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px}
#content{ color: #555555; width: 770px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px}
#maincontent { padding: 0; margin-top: 0px; text-align: left;margin-left: 0px; background-color: #; margin-right: 178px}
#sidebar { padding:0px 5px; margin: 0; width: 160px; float:right; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF; border: 1px solid #eeeeee; border-top: none}
/* HEADER */
#header {background-color: #2a2a2a; font-family: "Verdana" Georgia, Times New Roman, Times, serif; margin: 0 0 0px; text-align: center; font-size: 5pt; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; padding: 19px 0px; font-style: ; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee}
div#header a, div#header a:link, div#header a:visited{ color: #; padding: 7px; margin: 2px}
div#header li.view { padding: 7px; margin: 2px}
div#header li.view:hover { }
ul.navheader{ padding: 0px; margin: 0px; display:inline}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none; display: inline}
.title {display:none; margin: 0px; text-align: center; font-size: 7pt; line-height: 1.5;width: 110px}
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px}
/* ENTRIES */
.subcontent { min-height: 140px; margin-right:0px; background-color: #ffffff; padding-top: 15px; border: 1px solid #eeeeee}
.date { text-transform: uppercase; color: #999999; font-size: 6pt}
.subject { font-family: Verdana, Georgia, Times New Roman, Times, serif; background-color: transparent ; letter-spacing: -1px; font-size: 11pt; text-transform: lowercase; line-height: 100%}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 0px 5px 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left}
.entry { margin: 0px; padding: 10px 25px; text-align: left; line-height: 1.5; border-width: 0px}
.entry_text { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin-bottom: 20px}
.entry ul li {padding-left: 5px;margin-left: 15px}
.entry ol li{padding-left: 5px;margin-left: 15px}
/* USERPICS */
.userpic { position: relative; float: right; padding: 7px; background-color: #ffffff; margin: -10px 10px 10px 10px ; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: -10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {border: 0px; padding: 8px; border: 1px solid #eeeeee; background-color: #ffffff}
.userpicfriends a font {color: #bbbbbb}
/* COMMENT BAR */
.comments {border: 0px solid #f1f1f1; color: #eeeeee; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px; background-color:#; border: 0px solid #eaeaea}
div.comments a:hover {background-color:#}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; font-family: Verdana, Geneva, sans-serif; border-left: 0px solid #BF496A; padding: 0 8px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; width: 300px}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal}
.currents {text-align: left; margin-top:0px; padding: 8px; text-transform: lowercase; font-size: 7pt; color: #646464; font-family: Verdana, Geneva, sans-serif; width: ; background-color: #f9f9f9; border: 1px solid #f4f4f4}
.currents:hover { border-color: #f1f1f1}
.currents strong {text-decoration: none; color: #888888}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }
/* TAG PAGE */
h2 { background-color: #ffffff; padding: 10px 10px 10px 30px; font-family: Verdana, Geneva, sans-serif; letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none}
.ljtaglist { text-align: left; margin: 0px; background-color: #ffffff; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle ; border: 1px solid #eeeeee; border-top: none} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 5px; clear: left; background-color: #FFFFFF; border: 1px solid #eeeeee}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}
.userpiccomment { position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}
textarea.textbox {width: 100% !important}
.reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75}
.replytosubject {letter-spacing:2px; font-weight: bold}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px}
.commentbox { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 3px; font-family: "Verdana", Georgia, Times New Roman, Times, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd; background-color: #ffffff; border: 1px solid #eeeeee}
/* SIDEBAR */
.defaultuserpic { margin: 10px 0 0; padding:0px; text-align:center}
.defaultuserpic img {padding: 10px; border: 1px solid #eeeeee; margin-top: 0px; width: 60px; height: 60px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px}
.sbarbody2 { padding: 10px 5px 7px 5px}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 5px; border-right: 0px solid #dddddd; margin:2px} li.sbaritem:hover {border-color: #BF496A}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; font-family: Verdana, Georgia, Times New Roman, Times, serif; color: #777777}
#sidebar_linklist { text-transform: lowercase; } #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {}
table.calendar { margin-right: auto; margin-left: auto}
.sbarcalendar { padding: 2px; border: 0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Verdana, Geneva, sans-serif; ont-size: 11px}
.sbarcalendarposts:hover { background-color: #dddddd}
.sbarcalendarposts { vertical-align:middle !important; border:0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px}
/* FOOTER */
#footer { font-family: Verdana, Geneva, sans-serif; width: auto; text-align: right; text-transform: uppercase; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both;background-color: #; }
ul.navfooter{ padding: 0px; margin: 0px}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline}
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #ffffff}
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #fafafa}
div#footer a:hover {background-color: #f3f3f3}
.clearfoot {clear: both;background-color: #}
/* ARCHIVE PAGE */
ul.year { background-color: #ffffff; margin: 0 0 10px; font-family: Verdana, Geneva, sans-serif; border: 1px solid #eeeeee; text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable { border: 1px solid #eeeeee; margin-top: -5px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd}
table.yeartable td.yearday { background-color: #fafafa; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* MINI ICONS BY FAMFAMFAM */
.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i43.tinypic.com/2wbzrdd.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/10gwcw4.png) no-repeat scroll 0 0}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/27xjm83.png) no-repeat scroll 0 0}
.ljuser img { width: 0; height: 0; background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0; padding: 16px 10px 0 2px}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:0px !important;width:0 !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/nzhlbb.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="syndicated.gif"] {background: transparent url(http://i42.tinypic.com/245jx4j.jpg) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="newsinfo.gif"] {background: transparent url(http://i43.tinypic.com/2cq19xj.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i39.tinypic.com/23h3dqc.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="sponcomm.gif"] {background: transparent url(http://i44.tinypic.com/ohjo29.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.Note .Inner { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; padding:10px}
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/5fg22d.png)}
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2zhedn4.png)}
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/ouqedd.png)}
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/6pvww7.png)}
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2eekcco.png)}
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/1628ot1.png)}
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2s0g788.png)}
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/j9lljl.png)}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/hwzt4x.png)}
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/28mi9w5.png)}
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i47.tinypic.com/34hfdq0.png)}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/25z6kox.jpg)}
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2yvun4k.png)}
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2l9gm5z.png)}
/* MISC */
table#lj_controlstrip td {background-color: #fafafa; background-image: url(); color: #666666;border: solid 1px #eeeeee; border-left: none}
#lj_controlstrip a { color: #999999} #lj_controlstrip_statustext { color: #666666}
b, u { color: #444444}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; color: #777777}
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #ececec; padding-right: 6px}
input, textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #85CAB5;
text-decoration: none}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #FF7F6A; background-color: #; text-decoration: none; top: 1px; left: 1px; position:}
div#header li.view:hover, div#header a:hover { background-color: #}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #111111}
2. sidebar & banner
/*
and I believe we were friends ((flexible squares; basic, plus, and paid; by milou veronica ))
*/
body { background: url() #ececec repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0; padding: 0px 0 0}
.headerimage {position: relative; background: url(http://i41.tinypic.com/f4430k.png); width: 760px; height: 300px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px}
#content{ color: #555555; width: 760px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px}
#maincontent { padding: 0; margin-top: 0px; text-align: left;margin-left: 0px; background-color: #; margin-right: 178px}
#sidebar { padding:0px 5px; margin: 0; width: 160px; float:right; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF; border: 1px solid #eeeeee; border-top: none}
/* HEADER */
#header {background-color: #2a2a2a; font-family: "Verdana" Georgia, Times New Roman, Times, serif; margin: 0 0 0px; text-align: center; font-size: 5pt; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; padding: 19px 0px; font-style: }
div#header a, div#header a:link, div#header a:visited{ color: #; padding: 7px; margin: 2px}
div#header li.view { padding: 7px; margin: 2px}
div#header li.view:hover { }
ul.navheader{ padding: 0px; margin: 0px; display:inline}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none; display: inline}
.title {display:none; margin: 0px; text-align: center; font-size: 7pt; line-height: 1.5;width: 110px}
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px}
/* ENTRIES */
.subcontent { min-height: 140px; margin-right:0px; background-color: #ffffff; padding-top: 15px; border: 1px solid #eeeeee}
.date { text-transform: uppercase; color: #999999; font-size: 6pt}
.subject { font-family: Verdana, Georgia, Times New Roman, Times, serif; background-color: transparent ; letter-spacing: -1px; font-size: 11pt; text-transform: lowercase; line-height: 100%}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 0px 5px 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left}
.entry { margin: 0px; padding: 10px 25px; text-align: left; line-height: 1.5; border-width: 0px}
.entry_text { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin-bottom: 20px}
.entry ul li {padding-left: 5px;margin-left: 15px}
.entry ol li{padding-left: 5px;margin-left: 15px}
/* USERPICS */
.userpic { position: relative; float: right; padding: 7px; background-color: #ffffff; margin: -10px 10px 10px 10px ; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: -10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {border: 0px; padding: 8px; border: 1px solid #eeeeee; background-color: #ffffff}
.userpicfriends a font {color: #bbbbbb}
/* COMMENT BAR */
.comments {border: 0px solid #f1f1f1; color: #eeeeee; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px; background-color:#; border: 0px solid #eaeaea}
div.comments a:hover {background-color:#}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; font-family: Verdana, Geneva, sans-serif; border-left: 0px solid #BF496A; padding: 0 8px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; width: 300px}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal}
.currents {text-align: left; margin-top:0px; padding: 8px; text-transform: lowercase; font-size: 7pt; color: #646464; font-family: Verdana, Geneva, sans-serif; width: ; background-color: #f9f9f9; border: 1px solid #f4f4f4}
.currents:hover { border-color: #f1f1f1}
.currents strong {text-decoration: none; color: #888888}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }
/* TAG PAGE */
h2 { background-color: #ffffff; padding: 10px 10px 10px 30px; font-family: Verdana, Geneva, sans-serif; letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none}
.ljtaglist { text-align: left; margin: 0px; background-color: #ffffff; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle ; border: 1px solid #eeeeee; border-top: none} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 5px; clear: left; background-color: #FFFFFF; border: 1px solid #eeeeee}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}
.userpiccomment { position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}
textarea.textbox {width: 100% !important}
.reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75}
.replytosubject {letter-spacing:2px; font-weight: bold}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px}
.commentbox { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 3px; font-family: "Verdana", Georgia, Times New Roman, Times, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd; background-color: #ffffff; border: 1px solid #eeeeee}
/* SIDEBAR */
.defaultuserpic { margin: 10px 0 0; padding:0px; text-align:center}
.defaultuserpic img {padding: 10px; border: 1px solid #eeeeee; margin-top: 0px; width: 60px; height: 60px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px}
.sbarbody2 { padding: 10px 5px 7px 5px}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 5px; border-right: 0px solid #dddddd; margin:2px} li.sbaritem:hover {border-color: #BF496A}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; font-family: Verdana, Georgia, Times New Roman, Times, serif; color: #777777}
#sidebar_linklist { text-transform: lowercase; } #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {}
table.calendar { margin-right: auto; margin-left: auto}
.sbarcalendar { padding: 2px; border: 0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Verdana, Geneva, sans-serif; ont-size: 11px}
.sbarcalendarposts:hover { background-color: #dddddd}
.sbarcalendarposts { vertical-align:middle !important; border:0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px}
/* FOOTER */
#footer { font-family: Verdana, Geneva, sans-serif; width: auto; text-align: right; text-transform: uppercase; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both;background-color: #; }
ul.navfooter{ padding: 0px; margin: 0px}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline}
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #ffffff}
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #fafafa}
div#footer a:hover {background-color: #f3f3f3}
.clearfoot {clear: both;background-color: #}
/* ARCHIVE PAGE */
ul.year { background-color: #ffffff; margin: 0 0 10px; font-family: Verdana, Geneva, sans-serif; border: 1px solid #eeeeee; text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable { border: 1px solid #eeeeee; margin-top: -5px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd}
table.yeartable td.yearday { background-color: #fafafa; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* MINI ICONS BY FAMFAMFAM */
.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i43.tinypic.com/2wbzrdd.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/10gwcw4.png) no-repeat scroll 0 0}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/27xjm83.png) no-repeat scroll 0 0}
.ljuser img { width: 0; height: 0; background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0; padding: 16px 10px 0 2px}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:0px !important;width:0 !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/nzhlbb.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="syndicated.gif"] {background: transparent url(http://i42.tinypic.com/245jx4j.jpg) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="newsinfo.gif"] {background: transparent url(http://i43.tinypic.com/2cq19xj.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i39.tinypic.com/23h3dqc.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="sponcomm.gif"] {background: transparent url(http://i44.tinypic.com/ohjo29.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.Note .Inner { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; padding:10px}
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/5fg22d.png)}
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2zhedn4.png)}
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/ouqedd.png)}
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/6pvww7.png)}
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2eekcco.png)}
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/1628ot1.png)}
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2s0g788.png)}
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/j9lljl.png)}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/hwzt4x.png)}
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/28mi9w5.png)}
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i47.tinypic.com/34hfdq0.png)}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/25z6kox.jpg)}
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2yvun4k.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2l9gm5z.png)}
/* MISC */
b, u { color: #444444}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; color: #777777}
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #ececec; padding-right: 6px}
input, textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #85CAB5;
text-decoration: none}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #FF7F6A; text-decoration: none; top: 1px; left: 1px}
div#header li.view:hover, div#header a:hover {}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #111111}
3. topbar no banner
/*
and I believe we were friends ((flexible squares; basic, plus, and paid; by milou veronica ))
*/
body {background: url() #ececec repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0; padding: 10px 0 0}
.headerimage {position: relative; background: url(); width: 770px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px}
#content {color: #555555; width: 760px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px}
#maincontent { padding: 0; margin-top: 0px; text-align: left;margin-left: 0px; background-color: #}
#sidebar { padding:0px 5px; margin: 0 0 10px; min-height: 120px; width: auto; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF; border: 1px solid #eeeeee; border-top: none}
/* HEADER */
#header {background-color: #2a2a2a; font-family: "Verdana" Georgia, Times New Roman, Times, serif; margin: 0 0 0px; text-align: center; font-size: 5pt; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; padding: 19px 0px; font-style: ; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee}
div#header a, div#header a:link, div#header a:visited{ color: #; padding: 7px; margin: 2px}
div#header li.view { padding: 7px; margin: 2px}
div#header li.view:hover { }
ul.navheader{ padding: 0px; margin: 0px; display:inline}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none; display: inline}
.title {display:none; margin: 0px; text-align: center; font-size: 7pt; line-height: 1.5;width: 110px}
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px}
/* ENTRIES */
.subcontent { min-height: 140px; margin-right:0px; background-color: #ffffff; padding-top: 15px; border: 1px solid #eeeeee}
.date { text-transform: uppercase; color: #999999; font-size: 6pt}
.subject { font-family: Verdana, Georgia, Times New Roman, Times, serif; background-color: transparent ; letter-spacing: -1px; font-size: 11pt; text-transform: lowercase; line-height: 100%}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 0px 5px 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left}
.entry { margin: 0px; padding: 10px 25px; text-align: left; line-height: 1.5; border-width: 0px}
.entry_text { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin-bottom: 20px}
.entry ul li {padding-left: 5px;margin-left: 15px}
.entry ol li{padding-left: 5px;margin-left: 15px}
/* USERPICS */
.userpic { position: relative; float: right; padding: 7px; background-color: #ffffff; margin: -10px 10px 10px 10px ; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: -10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {border: 0px; padding: 8px; border: 1px solid #eeeeee; background-color: #ffffff}
.userpicfriends a font {color: #bbbbbb}
/* COMMENT BAR */
.comments {border: 0px solid #f1f1f1; color: #eeeeee; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px; background-color:#; border: 0px solid #eaeaea}
div.comments a:hover {background-color:#}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; font-family: Verdana, Geneva, sans-serif; border-left: 0px solid #BF496A; padding: 0 8px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; width: 300px}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal}
.currents {text-align: left; margin-top:0px; padding: 8px; text-transform: lowercase; font-size: 7pt; color: #646464; font-family: Verdana, Geneva, sans-serif; width: 400px; background-color: #f9f9f9; border: 1px solid #f4f4f4}
.currents:hover { border-color: #f1f1f1}
.currents strong {text-decoration: none; color: #888888}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }
/* TAG PAGE */
h2 { background-color: #ffffff; padding: 10px 10px 10px 30px; font-family: Verdana, Geneva, sans-serif; letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none}
.ljtaglist { text-align: left; margin: 0px; background-color: #ffffff; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle ; border: 1px solid #eeeeee; border-top: none} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 5px; clear: left; background-color: #FFFFFF; border: 1px solid #eeeeee}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}
.userpiccomment { position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}
textarea.textbox {width: 100% !important}
.reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75}
.replytosubject {letter-spacing:2px; font-weight: bold}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px}
.commentbox { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 3px; font-family: "Verdana", Georgia, Times New Roman, Times, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd; background-color: #ffffff; border: 1px solid #eeeeee}
/* SIDEBAR */
.defaultuserpic { margin: 0; padding:0px; text-align:center}
.defaultuserpic img {padding: 10px; border: 1px solid #eeeeee; margin: 10px; width: 60px; height: 60px; float: left}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px}
.sbarbody2 { padding: 10px 5px 7px 5px}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 5px; border-right: 0px solid #dddddd; margin:2px; display: inline} li.sbaritem:hover {border-color: #BF496A}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; font-family: Verdana, Georgia, Times New Roman, Times, serif; color: #777777; display:none}
#sidebar_linklist { text-transform: lowercase; margin-bottom: 10px} #sidebar_summary { display:none} #sidebar_tags { display:none} #sidebar_calendar { display:none}
/* FOOTER */
#footer { font-family: Verdana, Geneva, sans-serif; width: auto; text-align: right; text-transform: uppercase; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both}
ul.navfooter{ padding: 0; margin: 0}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline}
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #ffffff}
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #fafafa}
div#footer a:hover {background-color: #f3f3f3}
.clearfoot {clear: both}
/* ARCHIVE PAGE */
ul.year { background-color: #ffffff; margin: 0 0 10px; font-family: Verdana, Geneva, sans-serif; border: 1px solid #eeeeee; text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable { border: 1px solid #eeeeee; margin-top: -5px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd}
table.yeartable td.yearday { background-color: #fafafa; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* MINI ICONS BY FAMFAMFAM */
.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i43.tinypic.com/2wbzrdd.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/10gwcw4.png) no-repeat scroll 0 0}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/27xjm83.png) no-repeat scroll 0 0}
.ljuser img { width: 0; height: 0; background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0; padding: 16px 10px 0 2px}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:0px !important;width:0 !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/nzhlbb.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="syndicated.gif"] {background: transparent url(http://i42.tinypic.com/245jx4j.jpg) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="newsinfo.gif"] {background: transparent url(http://i43.tinypic.com/2cq19xj.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i39.tinypic.com/23h3dqc.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="sponcomm.gif"] {background: transparent url(http://i44.tinypic.com/ohjo29.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.Note .Inner { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; padding:10px}
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/5fg22d.png)}
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2zhedn4.png)}
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/ouqedd.png)}
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/6pvww7.png)}
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2eekcco.png)}
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/1628ot1.png)}
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2s0g788.png)}
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/j9lljl.png)}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/hwzt4x.png)}
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/28mi9w5.png)}
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i47.tinypic.com/34hfdq0.png)}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/25z6kox.jpg)}
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2yvun4k.png)}
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2l9gm5z.png)}
/* MISC */
b, u { color: #444444}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; color: #777777}
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #ececec; padding-right: 6px}
input, textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #6a8fa4;
text-decoration: none}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #fbaf5d; text-decoration: none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #111111}
4. topbar & banner
GO HERE
installation
01.
Choose Journal Style
02.
Select a Flexible Squares layout in "Select a New Theme"
03.
In Choose a Page Setup select 2 Column (sidebar on right) or 2 Column (sidebar on left) .
04.
Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #303030.
05.
Then go to the "Sidebar " section. Make sure that the Links List and Blurb are enabled. This is also where you add the free text.
06.
Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.
Paste code into the Custom Stylesheet box.
notes:
♝ mini icons by FamFamFam
♜ Feel free to edit. I really, really mean this. The banners are more of a suggestion.
♛ Please address all questions to the F.A.Q.
layout: and I believe we were friends
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, topbar/ sidebar mini icons
browsers: IE7, FF, Safari, and Opera
picture | live
picture | live
picture | live
picture | live
1. sidebar no banner
/*
and I believe we were friends ((flexible squares; basic, plus, and paid; by milou veronica ))
*/
body { background: url() #ececec repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0; padding: 10px 0 0}
.headerimage {position: relative; background: url(); width: 770px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px}
#content{ color: #555555; width: 770px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px}
#maincontent { padding: 0; margin-top: 0px; text-align: left;margin-left: 0px; background-color: #; margin-right: 178px}
#sidebar { padding:0px 5px; margin: 0; width: 160px; float:right; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF; border: 1px solid #eeeeee; border-top: none}
/* HEADER */
#header {background-color: #2a2a2a; font-family: "Verdana" Georgia, Times New Roman, Times, serif; margin: 0 0 0px; text-align: center; font-size: 5pt; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; padding: 19px 0px; font-style: ; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee}
div#header a, div#header a:link, div#header a:visited{ color: #; padding: 7px; margin: 2px}
div#header li.view { padding: 7px; margin: 2px}
div#header li.view:hover { }
ul.navheader{ padding: 0px; margin: 0px; display:inline}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none; display: inline}
.title {display:none; margin: 0px; text-align: center; font-size: 7pt; line-height: 1.5;width: 110px}
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px}
/* ENTRIES */
.subcontent { min-height: 140px; margin-right:0px; background-color: #ffffff; padding-top: 15px; border: 1px solid #eeeeee}
.date { text-transform: uppercase; color: #999999; font-size: 6pt}
.subject { font-family: Verdana, Georgia, Times New Roman, Times, serif; background-color: transparent ; letter-spacing: -1px; font-size: 11pt; text-transform: lowercase; line-height: 100%}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 0px 5px 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left}
.entry { margin: 0px; padding: 10px 25px; text-align: left; line-height: 1.5; border-width: 0px}
.entry_text { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin-bottom: 20px}
.entry ul li {padding-left: 5px;margin-left: 15px}
.entry ol li{padding-left: 5px;margin-left: 15px}
/* USERPICS */
.userpic { position: relative; float: right; padding: 7px; background-color: #ffffff; margin: -10px 10px 10px 10px ; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: -10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {border: 0px; padding: 8px; border: 1px solid #eeeeee; background-color: #ffffff}
.userpicfriends a font {color: #bbbbbb}
/* COMMENT BAR */
.comments {border: 0px solid #f1f1f1; color: #eeeeee; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px; background-color:#; border: 0px solid #eaeaea}
div.comments a:hover {background-color:#}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; font-family: Verdana, Geneva, sans-serif; border-left: 0px solid #BF496A; padding: 0 8px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; width: 300px}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal}
.currents {text-align: left; margin-top:0px; padding: 8px; text-transform: lowercase; font-size: 7pt; color: #646464; font-family: Verdana, Geneva, sans-serif; width: ; background-color: #f9f9f9; border: 1px solid #f4f4f4}
.currents:hover { border-color: #f1f1f1}
.currents strong {text-decoration: none; color: #888888}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }
/* TAG PAGE */
h2 { background-color: #ffffff; padding: 10px 10px 10px 30px; font-family: Verdana, Geneva, sans-serif; letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none}
.ljtaglist { text-align: left; margin: 0px; background-color: #ffffff; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle ; border: 1px solid #eeeeee; border-top: none} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 5px; clear: left; background-color: #FFFFFF; border: 1px solid #eeeeee}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}
.userpiccomment { position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}
textarea.textbox {width: 100% !important}
.reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75}
.replytosubject {letter-spacing:2px; font-weight: bold}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px}
.commentbox { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 3px; font-family: "Verdana", Georgia, Times New Roman, Times, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd; background-color: #ffffff; border: 1px solid #eeeeee}
/* SIDEBAR */
.defaultuserpic { margin: 10px 0 0; padding:0px; text-align:center}
.defaultuserpic img {padding: 10px; border: 1px solid #eeeeee; margin-top: 0px; width: 60px; height: 60px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px}
.sbarbody2 { padding: 10px 5px 7px 5px}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 5px; border-right: 0px solid #dddddd; margin:2px} li.sbaritem:hover {border-color: #BF496A}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; font-family: Verdana, Georgia, Times New Roman, Times, serif; color: #777777}
#sidebar_linklist { text-transform: lowercase; } #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {}
table.calendar { margin-right: auto; margin-left: auto}
.sbarcalendar { padding: 2px; border: 0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Verdana, Geneva, sans-serif; ont-size: 11px}
.sbarcalendarposts:hover { background-color: #dddddd}
.sbarcalendarposts { vertical-align:middle !important; border:0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px}
/* FOOTER */
#footer { font-family: Verdana, Geneva, sans-serif; width: auto; text-align: right; text-transform: uppercase; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both;background-color: #; }
ul.navfooter{ padding: 0px; margin: 0px}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline}
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #ffffff}
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #fafafa}
div#footer a:hover {background-color: #f3f3f3}
.clearfoot {clear: both;background-color: #}
/* ARCHIVE PAGE */
ul.year { background-color: #ffffff; margin: 0 0 10px; font-family: Verdana, Geneva, sans-serif; border: 1px solid #eeeeee; text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable { border: 1px solid #eeeeee; margin-top: -5px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd}
table.yeartable td.yearday { background-color: #fafafa; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* MINI ICONS BY FAMFAMFAM */
.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i43.tinypic.com/2wbzrdd.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/10gwcw4.png) no-repeat scroll 0 0}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/27xjm83.png) no-repeat scroll 0 0}
.ljuser img { width: 0; height: 0; background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0; padding: 16px 10px 0 2px}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:0px !important;width:0 !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/nzhlbb.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="syndicated.gif"] {background: transparent url(http://i42.tinypic.com/245jx4j.jpg) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="newsinfo.gif"] {background: transparent url(http://i43.tinypic.com/2cq19xj.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i39.tinypic.com/23h3dqc.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="sponcomm.gif"] {background: transparent url(http://i44.tinypic.com/ohjo29.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.Note .Inner { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; padding:10px}
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/5fg22d.png)}
}){kind=link}
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2zhedn4.png)}
}){kind=link}
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/ouqedd.png)}
}){kind=link}
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/6pvww7.png)}
}){kind=link}
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2eekcco.png)}
}){kind=link}
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/1628ot1.png)}
}){kind=link}
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2s0g788.png)}
}){kind=link}
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/j9lljl.png)}
}){kind=link}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/hwzt4x.png)}
}){kind=link}
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/28mi9w5.png)}
}){kind=link}
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i47.tinypic.com/34hfdq0.png)}
}){kind=link}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/25z6kox.jpg)}
}){kind=link}
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2yvun4k.png)}
}){kind=link}
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2l9gm5z.png)}
}){kind=link}
/* MISC */
table#lj_controlstrip td {background-color: #fafafa; background-image: url(); color: #666666;border: solid 1px #eeeeee; border-left: none}
#lj_controlstrip a { color: #999999} #lj_controlstrip_statustext { color: #666666}
b, u { color: #444444}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; color: #777777}
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #ececec; padding-right: 6px}
input, textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #85CAB5;
text-decoration: none}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #FF7F6A; background-color: #; text-decoration: none; top: 1px; left: 1px; position:}
div#header li.view:hover, div#header a:hover { background-color: #}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #111111}
2. sidebar & banner
/*
and I believe we were friends ((flexible squares; basic, plus, and paid; by milou veronica ))
*/
body { background: url() #ececec repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0; padding: 0px 0 0}
.headerimage {position: relative; background: url(http://i41.tinypic.com/f4430k.png); width: 760px; height: 300px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px}
;){kind=link}
#content{ color: #555555; width: 760px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px}
#maincontent { padding: 0; margin-top: 0px; text-align: left;margin-left: 0px; background-color: #; margin-right: 178px}
#sidebar { padding:0px 5px; margin: 0; width: 160px; float:right; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF; border: 1px solid #eeeeee; border-top: none}
/* HEADER */
#header {background-color: #2a2a2a; font-family: "Verdana" Georgia, Times New Roman, Times, serif; margin: 0 0 0px; text-align: center; font-size: 5pt; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; padding: 19px 0px; font-style: }
div#header a, div#header a:link, div#header a:visited{ color: #; padding: 7px; margin: 2px}
div#header li.view { padding: 7px; margin: 2px}
div#header li.view:hover { }
ul.navheader{ padding: 0px; margin: 0px; display:inline}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none; display: inline}
.title {display:none; margin: 0px; text-align: center; font-size: 7pt; line-height: 1.5;width: 110px}
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px}
/* ENTRIES */
.subcontent { min-height: 140px; margin-right:0px; background-color: #ffffff; padding-top: 15px; border: 1px solid #eeeeee}
.date { text-transform: uppercase; color: #999999; font-size: 6pt}
.subject { font-family: Verdana, Georgia, Times New Roman, Times, serif; background-color: transparent ; letter-spacing: -1px; font-size: 11pt; text-transform: lowercase; line-height: 100%}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 0px 5px 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left}
.entry { margin: 0px; padding: 10px 25px; text-align: left; line-height: 1.5; border-width: 0px}
.entry_text { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin-bottom: 20px}
.entry ul li {padding-left: 5px;margin-left: 15px}
.entry ol li{padding-left: 5px;margin-left: 15px}
/* USERPICS */
.userpic { position: relative; float: right; padding: 7px; background-color: #ffffff; margin: -10px 10px 10px 10px ; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: -10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {border: 0px; padding: 8px; border: 1px solid #eeeeee; background-color: #ffffff}
.userpicfriends a font {color: #bbbbbb}
/* COMMENT BAR */
.comments {border: 0px solid #f1f1f1; color: #eeeeee; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px; background-color:#; border: 0px solid #eaeaea}
div.comments a:hover {background-color:#}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; font-family: Verdana, Geneva, sans-serif; border-left: 0px solid #BF496A; padding: 0 8px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; width: 300px}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal}
.currents {text-align: left; margin-top:0px; padding: 8px; text-transform: lowercase; font-size: 7pt; color: #646464; font-family: Verdana, Geneva, sans-serif; width: ; background-color: #f9f9f9; border: 1px solid #f4f4f4}
.currents:hover { border-color: #f1f1f1}
.currents strong {text-decoration: none; color: #888888}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }
/* TAG PAGE */
h2 { background-color: #ffffff; padding: 10px 10px 10px 30px; font-family: Verdana, Geneva, sans-serif; letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none}
.ljtaglist { text-align: left; margin: 0px; background-color: #ffffff; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle ; border: 1px solid #eeeeee; border-top: none} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 5px; clear: left; background-color: #FFFFFF; border: 1px solid #eeeeee}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}
.userpiccomment { position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}
textarea.textbox {width: 100% !important}
.reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75}
.replytosubject {letter-spacing:2px; font-weight: bold}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px}
.commentbox { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 3px; font-family: "Verdana", Georgia, Times New Roman, Times, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd; background-color: #ffffff; border: 1px solid #eeeeee}
/* SIDEBAR */
.defaultuserpic { margin: 10px 0 0; padding:0px; text-align:center}
.defaultuserpic img {padding: 10px; border: 1px solid #eeeeee; margin-top: 0px; width: 60px; height: 60px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px}
.sbarbody2 { padding: 10px 5px 7px 5px}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 5px; border-right: 0px solid #dddddd; margin:2px} li.sbaritem:hover {border-color: #BF496A}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; font-family: Verdana, Georgia, Times New Roman, Times, serif; color: #777777}
#sidebar_linklist { text-transform: lowercase; } #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {}
table.calendar { margin-right: auto; margin-left: auto}
.sbarcalendar { padding: 2px; border: 0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Verdana, Geneva, sans-serif; ont-size: 11px}
.sbarcalendarposts:hover { background-color: #dddddd}
.sbarcalendarposts { vertical-align:middle !important; border:0px solid #eeeeee; background-color: #eeeeee; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px}
/* FOOTER */
#footer { font-family: Verdana, Geneva, sans-serif; width: auto; text-align: right; text-transform: uppercase; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both;background-color: #; }
ul.navfooter{ padding: 0px; margin: 0px}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline}
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #ffffff}
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #fafafa}
div#footer a:hover {background-color: #f3f3f3}
.clearfoot {clear: both;background-color: #}
/* ARCHIVE PAGE */
ul.year { background-color: #ffffff; margin: 0 0 10px; font-family: Verdana, Geneva, sans-serif; border: 1px solid #eeeeee; text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable { border: 1px solid #eeeeee; margin-top: -5px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd}
table.yeartable td.yearday { background-color: #fafafa; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* MINI ICONS BY FAMFAMFAM */
.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i43.tinypic.com/2wbzrdd.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/10gwcw4.png) no-repeat scroll 0 0}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/27xjm83.png) no-repeat scroll 0 0}
.ljuser img { width: 0; height: 0; background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0; padding: 16px 10px 0 2px}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:0px !important;width:0 !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/nzhlbb.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="syndicated.gif"] {background: transparent url(http://i42.tinypic.com/245jx4j.jpg) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="newsinfo.gif"] {background: transparent url(http://i43.tinypic.com/2cq19xj.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i39.tinypic.com/23h3dqc.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="sponcomm.gif"] {background: transparent url(http://i44.tinypic.com/ohjo29.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.Note .Inner { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; padding:10px}
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/5fg22d.png)}
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2zhedn4.png)}
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/ouqedd.png)}
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/6pvww7.png)}
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2eekcco.png)}
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/1628ot1.png)}
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2s0g788.png)}
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/j9lljl.png)}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/hwzt4x.png)}
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/28mi9w5.png)}
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i47.tinypic.com/34hfdq0.png)}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/25z6kox.jpg)}
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2yvun4k.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2l9gm5z.png)}
/* MISC */
b, u { color: #444444}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; color: #777777}
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #ececec; padding-right: 6px}
input, textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #85CAB5;
text-decoration: none}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #FF7F6A; text-decoration: none; top: 1px; left: 1px}
div#header li.view:hover, div#header a:hover {}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #111111}
3. topbar no banner
/*
and I believe we were friends ((flexible squares; basic, plus, and paid; by milou veronica ))
*/
body {background: url() #ececec repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0; padding: 10px 0 0}
.headerimage {position: relative; background: url(); width: 770px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px}
#content {color: #555555; width: 760px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px}
#maincontent { padding: 0; margin-top: 0px; text-align: left;margin-left: 0px; background-color: #}
#sidebar { padding:0px 5px; margin: 0 0 10px; min-height: 120px; width: auto; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF; border: 1px solid #eeeeee; border-top: none}
/* HEADER */
#header {background-color: #2a2a2a; font-family: "Verdana" Georgia, Times New Roman, Times, serif; margin: 0 0 0px; text-align: center; font-size: 5pt; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; padding: 19px 0px; font-style: ; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee}
div#header a, div#header a:link, div#header a:visited{ color: #; padding: 7px; margin: 2px}
div#header li.view { padding: 7px; margin: 2px}
div#header li.view:hover { }
ul.navheader{ padding: 0px; margin: 0px; display:inline}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none; display: inline}
.title {display:none; margin: 0px; text-align: center; font-size: 7pt; line-height: 1.5;width: 110px}
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px}
/* ENTRIES */
.subcontent { min-height: 140px; margin-right:0px; background-color: #ffffff; padding-top: 15px; border: 1px solid #eeeeee}
.date { text-transform: uppercase; color: #999999; font-size: 6pt}
.subject { font-family: Verdana, Georgia, Times New Roman, Times, serif; background-color: transparent ; letter-spacing: -1px; font-size: 11pt; text-transform: lowercase; line-height: 100%}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 0px 5px 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left}
.entry { margin: 0px; padding: 10px 25px; text-align: left; line-height: 1.5; border-width: 0px}
.entry_text { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin-bottom: 20px}
.entry ul li {padding-left: 5px;margin-left: 15px}
.entry ol li{padding-left: 5px;margin-left: 15px}
/* USERPICS */
.userpic { position: relative; float: right; padding: 7px; background-color: #ffffff; margin: -10px 10px 10px 10px ; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: -10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {border: 0px; padding: 8px; border: 1px solid #eeeeee; background-color: #ffffff}
.userpicfriends a font {color: #bbbbbb}
/* COMMENT BAR */
.comments {border: 0px solid #f1f1f1; color: #eeeeee; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px; background-color:#; border: 0px solid #eaeaea}
div.comments a:hover {background-color:#}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; font-family: Verdana, Geneva, sans-serif; border-left: 0px solid #BF496A; padding: 0 8px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; width: 300px}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal}
.currents {text-align: left; margin-top:0px; padding: 8px; text-transform: lowercase; font-size: 7pt; color: #646464; font-family: Verdana, Geneva, sans-serif; width: 400px; background-color: #f9f9f9; border: 1px solid #f4f4f4}
.currents:hover { border-color: #f1f1f1}
.currents strong {text-decoration: none; color: #888888}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }
/* TAG PAGE */
h2 { background-color: #ffffff; padding: 10px 10px 10px 30px; font-family: Verdana, Geneva, sans-serif; letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none}
.ljtaglist { text-align: left; margin: 0px; background-color: #ffffff; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle ; border: 1px solid #eeeeee; border-top: none} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 5px; clear: left; background-color: #FFFFFF; border: 1px solid #eeeeee}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}
.userpiccomment { position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}
textarea.textbox {width: 100% !important}
.reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75}
.replytosubject {letter-spacing:2px; font-weight: bold}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px}
.commentbox { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 3px; font-family: "Verdana", Georgia, Times New Roman, Times, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd; background-color: #ffffff; border: 1px solid #eeeeee}
/* SIDEBAR */
.defaultuserpic { margin: 0; padding:0px; text-align:center}
.defaultuserpic img {padding: 10px; border: 1px solid #eeeeee; margin: 10px; width: 60px; height: 60px; float: left}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px}
.sbarbody2 { padding: 10px 5px 7px 5px}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 5px; border-right: 0px solid #dddddd; margin:2px; display: inline} li.sbaritem:hover {border-color: #BF496A}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; font-family: Verdana, Georgia, Times New Roman, Times, serif; color: #777777; display:none}
#sidebar_linklist { text-transform: lowercase; margin-bottom: 10px} #sidebar_summary { display:none} #sidebar_tags { display:none} #sidebar_calendar { display:none}
/* FOOTER */
#footer { font-family: Verdana, Geneva, sans-serif; width: auto; text-align: right; text-transform: uppercase; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both}
ul.navfooter{ padding: 0; margin: 0}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline}
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #ffffff}
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #fafafa}
div#footer a:hover {background-color: #f3f3f3}
.clearfoot {clear: both}
/* ARCHIVE PAGE */
ul.year { background-color: #ffffff; margin: 0 0 10px; font-family: Verdana, Geneva, sans-serif; border: 1px solid #eeeeee; text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable { border: 1px solid #eeeeee; margin-top: -5px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd}
table.yeartable td.yearday { background-color: #fafafa; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* MINI ICONS BY FAMFAMFAM */
.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i43.tinypic.com/2wbzrdd.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/10gwcw4.png) no-repeat scroll 0 0}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/27xjm83.png) no-repeat scroll 0 0}
.ljuser img { width: 0; height: 0; background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0; padding: 16px 10px 0 2px}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/34hfdq0.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:0px !important;width:0 !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/nzhlbb.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="syndicated.gif"] {background: transparent url(http://i42.tinypic.com/245jx4j.jpg) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="newsinfo.gif"] {background: transparent url(http://i43.tinypic.com/2cq19xj.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i39.tinypic.com/23h3dqc.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.ljuser img[src*="sponcomm.gif"] {background: transparent url(http://i44.tinypic.com/ohjo29.png) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important}
.Note .Inner { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; padding:10px}
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/5fg22d.png)}
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2zhedn4.png)}
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/ouqedd.png)}
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/6pvww7.png)}
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2eekcco.png)}
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/1628ot1.png)}
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2s0g788.png)}
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/j9lljl.png)}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/hwzt4x.png)}
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/28mi9w5.png)}
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i47.tinypic.com/34hfdq0.png)}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/25z6kox.jpg)}
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2yvun4k.png)}
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2l9gm5z.png)}
/* MISC */
b, u { color: #444444}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; color: #777777}
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #ececec; padding-right: 6px}
input, textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #6a8fa4;
text-decoration: none}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #fbaf5d; text-decoration: none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #111111}
4. topbar & banner
GO HERE
installation
01.
Choose Journal Style
02.
Select a Flexible Squares layout in "Select a New Theme"
03.
In Choose a Page Setup select 2 Column (sidebar on right) or 2 Column (sidebar on left) .
04.
Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #303030.
05.
Then go to the "Sidebar " section. Make sure that the Links List and Blurb are enabled. This is also where you add the free text.
06.
Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.
Paste code into the Custom Stylesheet box.
notes:
♝ mini icons by FamFamFam
♜ Feel free to edit. I really, really mean this. The banners are more of a suggestion.
♛ Please address all questions to the F.A.Q.