s2 layout: sweetness never suits me [flexible squares]
picture | live
picture | live layout: sweetness never suits me
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar/sidebar
browsers: IE7, FF, Safari, and Opera
sidebar
/*------------------------------
sweetness never suits me ((flexible squares; basic, plus, & paid; milou veronica))
-------------------------------*/
body { background: #FFF url() repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 8pt; margin: 0; padding: 0px;}
.headerimage {position: relative; background: transparent url() repeat scroll 0 0; width: 780px; height: 0px; margin: 0 auto 6px; }
#content{ color: #555555; margin-left: auto; margin-right: auto; border-width: 0px; padding: 0px; width:780px; }
#maincontent { padding: 6px 0px 10px; text-align: left; margin: 0 200px 0 0;}
#sidebar { margin:0px; float:right;border-left: 1px solid #f5f5f5; width: 190px; text-align: left; color: #999999; font-size: 0.85em;padding: 0 0 0 6px;}
/*-------------------HEADER-----------------------*/
#header {color: #83BFB8;margin: 0 auto 6px; text-align: right; font-size: 1em;letter-spacing: -.01em; font-weight: normal;text-transform: lowercase; padding: 0 0 20px;}
div#header a, div#header a:link, div#header a:visited{padding: 10px 10px;border-left: 1px solid #ffffff; margin:0 0 0 -3px;}
div#header li.view {padding: 10px 10px; border-left: 1px solid #ffffff;margin:0 0 0 -3px;}
div#header li.view:hover, div#header a:hover {background-color:#5FB8BF; color:#111111;}
ul.navheader{ padding: 10px 0; margin: 0px; background-color:#111111}
ul.navheader li {display: inline;margin: 3px 0px 0px; list-style-type: none; }
.title {margin: 0px; font-size: 3.7em; color: #111111; letter-spacing: -0.07em;}
.subtitle{ color:#555; font-size: .9em; letter-spacing: 1em; line-height:.6}
/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 130px; margin: auto; }
.date { text-transform: uppercase; color: #cccccc; font-size: .75em;letter-spacing: .8em;}
.subject {background-color: transparent ; letter-spacing: -.06em; font-style:italic; font-size: 1.3em; text-transform: lowercase; line-height: 1;}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;}
.datesubject { margin: 10px 4px 4px 130px; padding: 0px 20px 10px 5px; border-left: 10px solid #dddddd; text-align: left;}
.entry { margin: 0px; padding: 10px 25px 10px 25px; text-align: left; line-height: 1.75; }
.entry_text { font-size: 1.04em; margin-bottom: 0px; padding-top: 0px; }
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}
/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: left; padding: 5px; background: #ffffff url() repeat scroll 0 0; margin: 0 10px 10px ; z-index: 15; border: 1px solid #eee;}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: left; padding: 2px; margin: 0 10px 10px; text-align: right; z-index: 15; font-size: 9pt;}
.userpicfriends img { padding: 2px; border: 1px solid #eeeeee; background: #ffffff url() repeat scroll 0 0; }
.userpicfriends a font {color: #bbbbbb;}
/*--------------------------COMMENT BAR-------------------------*/
.comments {font-style: italic; color: #dddddd; font-size: 9pt;letter-spacing: -1px; text-align: right; padding: 3px 5px; border-right: 6px solid #83BFB8; text-transform: lowercase ; margin-top: 20px;}
div.comments a, div.comments a:visited, div.comments a:link {}
div.comments a:hover {}
.separator{height: 25px;}
/*-------------------------CURRENTS AND TAGS -------------------------------------*/
.ljtags { text-align: right; padding: 2px 2px 2px 14px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; color: #777777; border-right: 6px solid #eeeeee; margin-left: 15px; font-weight: bold; } div.ljtags a { font-weight: normal; }
.currents {text-align: right; margin-top:0px; padding: 0px 0 0 15px; text-transform: lowercase; font-size: 7.5pt;color: #777777; }
.currents strong {font-weight:; text-decoration: none; color: #; }.currentlocation,.currentmood,.currentgroups, .currentmusic {padding: 2px 5px 2px 0; border-right: 6px solid #eeeeee; }
.ljtags:hover, .currentlocation:hover,.currentmood:hover,.currentgroups:hover, .currentmusic:hover {border-color: #dddddd;}
/*----------------------TAG PAGE------------------------------*/
h2 { padding: 10px 10px 10px 30px; letter-spacing: -1px; font-size: 13pt; text-transform: lowercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px auto; border: 0px solid #dddddd; border-bottom: none; width: 720px; }
.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #FFFFFF; font-size:10px; list-style: square ;color: #aaaaaa; border-top: none;} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6; }
/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; padding: 0px; clear: left; background-color: #; margin: 0 auto; }
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 1px; 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 120px;}
.commentbox { border: 0px solid #dddddd; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 14px 0px 0px 0px; }
.commentbox:hover, .commentboxpartial:hover {border-color: #ececec;}
.commentboxpartial { border: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px; -moz-border-radius: 7px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
.skiplinks {text-align: center; padding: 9px 0 5px; color: #dddddd; margin: 0 auto; word-spacing: -4px;} .skiplinks a { } .skiplinks a:hover { }
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {margin-top: 10px; padding: 0px; text-align:center;}
.defaultuserpic img {padding: 2px; border: 1px solid #eeeeee; margin-top: 0px; background: url() repeat scroll 0 0; width: 70px; height: 70px;}
.sbarheader {padding: 0px;}
.sbarbody {padding: 0 0 10px; }
.sbarbody2 {padding: 15px; }
ul.sbarlist{ margin: 0; padding:0; list-style:none;}
li.sbaritem{padding: 5px 7px; border-bottom: 1px solid #f4f4f4;margin:0; display:block;} li.sbaritem:hover {background-color: #f6f6f6;border-right:4px solid #ececec;}
li.sbartitle{text-transform: lowercase; font-size: 1.3em;padding: 8px;color: #111111; letter-spacing:-.04em}
#sidebar_linklist { text-transform: lowercase; padding: 0;} #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {margin-right: auto; margin-left: auto;}
.sbarcalendar { padding: 5px; border: 1px solid #f3f3f3; background-color: #ffffff; text-align: center; font-size: 9px;} .sbarcalendarposts{ border: 1px solid #f2f2f2; text-align: center;}
.sbarcalendarposts:hover { background-color: #dddddd; }
/*---------------------FOOTER----------------------------------*/
#footer { padding: 0; letter-spacing:-1px; text-align: right; z-index: 100; clear: both; }
ul.navfooter{ padding: 10px 10px; margin: 0px; }
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline; }
div#footer li.viewing {; padding: 7px; margin: 2px; border: 0px solid #eeeeee; background-color: #; }
div#footer a, div#footer a:link, div#footer a:visited { padding: 7px; margin: 2px; border: 0px solid #eeeeee; }
div#footer a:hover {background-color: #; }
.clearfoot {clear: both;margin: auto;}
/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px auto; font-family: Georgia, Times New Roman, Times, serif; text-align: center; padding: 20px;; border: 0px solid #dddddd; border-bottom: none; font-size: 14pt; }
ul.year li {display: inline;}
table.yeartable { border: 0px solid #dddddd; border-top:none; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; }
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 PINVOKE-------------*/
.ljuser img { width: 0; height: 0; background: transparent url(http://i44.tinypic.com/200ehit.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i44.tinypic.com/200ehit.png) no-repeat center left !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/34esugj.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], .box img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i42.tinypic.com/m7uk9c.png); }
;){kind=link}
img[src*="icon_private.gif"]{background-image: url(http://i40.tinypic.com/2e4dabl.png); }
;){kind=link}
img[src*="icon_groups.gif"] {background-image: url(http://i44.tinypic.com/21ju005.png); }
;){kind=link}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/1iiutv.png) !important; }
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/33c96pw.png) !important; }
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i41.tinypic.com/2ynmr90.png) !important; }
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i44.tinypic.com/6p9ba9.png) !important; }
img[src*="btn_del.gif"] {background-image: url(http://i41.tinypic.com/m7ztok.png); }
;){kind=link}
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/30auv5y.png); }
;){kind=link}
img[src*="btn_unscr.gif"] {background-image: url(http://i41.tinypic.com/vfxurp.png); }
;){kind=link}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/xm3l7r.png); }
;){kind=link}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/28reatl.png); }
;){kind=link}
img[src*="btn_track.gif"]{background-image: url(http://i41.tinypic.com/viecqo.png);}
;}){kind=link}
img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/f9m79s.png);}
;}){kind=link}
img[src*="anonymous.gif"] {background-image: url(http://i42.tinypic.com/e6efli.png); }
;){kind=link}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/2hd0a5v.png); }
;){kind=link}
.box img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/200ehit.png);}
;}){kind=link}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/20ppj6o.png); }
;){kind=link}
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/ztyn80.png); }
;){kind=link}
img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/xo03zt.png); }
;){kind=link}
img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/15cnkg5.png); }
;){kind=link}
.Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px; }
/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #555555 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0 0 4px 0; width: 300px;}
div.ContextualPopup .Userpic { padding: 8px; margin-left: 0px; border: 1px solid #eeeeee; background: #FFFFFF url() repeat scroll 0 0;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #eeeeee; margin: 4px 80px 4px 4px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;}
div.ContextualPopup .Relation { text-transform: lowercase; font-size: 9pt; letter-spacing: -1px;}
/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #090909; background-image: url(); color: #666666;border: solid 1px #000000; border-left: none; }
#lj_controlstrip a { color: #888888; } #lj_controlstrip_statustext { color: #aaaaaa; }
b, u {color: #1a1a1a;} #sidebar b, #sidebar u { color: #ffffff; }
i, s { color: #aaaaaa; } #sidebar i, #sidebar s { color: #666666; }
blockquote { padding: 8px; border: 1px solid #eeeeee; background: #eeeeee url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; color: #444444; margin:7px 8px;}
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;}
input, textarea { font-family: Arial, Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: #ececec url() 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, div#sidebar a:hover, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #83BFB8;
text-decoration: none;}
.ljuser a b{color:#83BFB8; }
a:hover, .subject a:hover, div.comments a, div#sidebar a, .datesubjectcomment a:hover {color: #5FB8BF; background-color: #; text-decoration: none; }
div#header a { color: #aaaaaa;} div#header a:hover {color: #111111;}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #1a1a1a; }
grey
/*------------------------------
sweetness never suits me ((flexible squares; basic, plus, & paid; milou veronica))
-------------------------------*/
body { background: #ECECEC url() repeat fixed 0 0; text-align: center; color: #ffffff; font-family:Georgia,Times, Times New Roman, serif; font-size: 8pt; margin: 0; padding: 0px;}
.headerimage {position: relative; background: transparent url() repeat scroll 0 0; width: px; height: 0px; margin: 0 auto 6px; }
#content{ background-color:#; color: #555555; margin-left: auto; margin-right: auto; border-width: 0px; padding: 0px;width: 780px; }
#maincontent { padding: 6px 0px 10px; text-align: left; margin: 0;}
#sidebar { margin:0px; min-height:100px; background-color:#F9F9F9;width: auto; text-align: left; color: #888888; font-size: 0.85em;padding: 0 0 0 6px;}
/*-------------------HEADER-----------------------*/
#header {color: #8FB2BF;margin: 0 auto 6px; text-align: right; font-size: 1em;letter-spacing: -.01em; font-weight: normal;text-transform: lowercase; padding: 0 0 10px;background-color:#F9F9F9;}
div#header a, div#header a:link, div#header a:visited{padding: 15px;border-left: 1px solid #888888; margin:0 0 0 -3px;}
div#header li.view {padding: 15px; border-left: 1px solid #888888;margin:0 0 0 -3px;}
div#header li.view:hover, div#header a:hover {background-color:#83A4AF; color:#111111;}
ul.navheader{ padding: 15px 0; margin: 0px; background-color:#111111}
ul.navheader li {display: inline;margin: 3px 0px 0px; list-style-type: none; }
.title {margin: 0px; font-size: 3.7em; color: #111111; letter-spacing: -0.07em; padding-right: 10px;}
.subtitle{ color:#555; font-size: .9em; letter-spacing: 1em; line-height:.6}
/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 190px; margin: auto; background-color:#F9F9F9; }
.date { text-transform: uppercase; color: #666; font-size: .75em;letter-spacing: .8em;}
.subject {background-color: transparent ; letter-spacing: -.06em; font-style:italic; font-size: 1.3em; text-transform: lowercase; line-height: 1;}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;}
.datesubject { margin: 0px 4px 5px 0px; padding: 12px 0px 12px 15px; text-align: left; background-color:#111}
.entry { margin: 0 0 0 105px; padding: 10px 25px 10px 25px; text-align: left; line-height: 1.75; }
.entry_text {font-size: 1.0576em;padding-top: 0px; }
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}
/*---------------------------USERPICS----------------------------*/
.userpic { position: absolute; float: left; padding: 5px; background: # url() repeat scroll 0 0; margin: 55px 10px 10px 6px; z-index: 15; border: 1px solid #eee;}
.userpicfriends { border: 0px solid #eeeeee; position: absolute; background-color: transparent !important; float: left; padding: 2px; margin: 55px 10px 10px 6px; text-align: right; z-index: 15; font-size: 9pt;}
.userpicfriends img { padding: 2px; border: 1px solid #eeeeee; background: # url() repeat scroll 0 0; }
.userpicfriends a font {color: #bbbbbb;}
/*--------------------------COMMENT BAR-------------------------*/
.comments {font-style: italic; color: #dddddd;font-size: 9pt;letter-spacing: -1px; text-align: right; padding: 3px 5px; border-right: 6px solid #8FB2BF; text-transform: lowercase ; margin-top: 20px;}
div.comments a, div.comments a:visited, div.comments a:link {}
div.comments a:hover {}
.separator{height: 25px;}
/*-------------------------CURRENTS AND TAGS -------------------------------------*/
.ljtags { text-align: right; padding: 2px 2px 2px 14px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; color: #777777; border-right: 6px solid #eeeeee; margin-left: 15px; font-weight: bold; } div.ljtags a { font-weight: normal; }
.currents {text-align: right; margin-top:0px; padding: 0px 0 0 15px; text-transform: lowercase; font-size: 7.5pt;color: #777777; }
.currents strong {font-weight:; text-decoration: none; color: #; }.currentlocation,.currentmood,.currentgroups, .currentmusic {padding: 2px 5px 2px 0; border-right: 6px solid #eeeeee; }
.ljtags:hover, .currentlocation:hover,.currentmood:hover,.currentgroups:hover, .currentmusic:hover {border-color: #dddddd;}
/*----------------------TAG PAGE------------------------------*/
h2 { padding: 10px 10px 10px 30px; letter-spacing: -1px; font-size: 13pt; text-transform: lowercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px auto; border: 0px solid #dddddd; border-bottom: none; background-color: #F9F9F9; }
.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #F9F9F9; font-size:10px; list-style: square ;color: #aaaaaa; border-top: none;} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6; }
/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; padding: 0px; clear: left; background-color: #; margin: 0 auto; }
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 1px; 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 120px;}
.commentbox { border: 0px solid #dddddd; background-color: #f9f9f9; padding: 30px 10px 10px 20px;margin: 14px 0px 0px 0px; }
.commentbox:hover, .commentboxpartial:hover {border-color: #ececec;}
.commentboxpartial { border: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px; -moz-border-radius: 7px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
.skiplinks {text-align: center; padding: 9px; color: #ececec; margin: 0 auto; word-spacing:-3px; } .skiplinks a { border-width: 0 1px 1px 0; border-style:solid; border-color:#cccccc;margin:0 2px;padding:4px 5px;background-color:#f1f1f1} .skiplinks a:hover { background-color: #f6f6f6;border-width: 1px 0 0 1px;}
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {margin: 10px; padding: 0px; text-align:center; float:right;}
.defaultuserpic img {padding: 2px; border: 1px solid #eeeeee; margin-top: 0px; background: url() repeat scroll 0 0; width: 70px; height: 70px;}
.sbarheader {padding: 0px;}
.sbarbody {padding: 0 0 10px; }
.sbarbody2 {padding: 15px; }
ul.sbarlist{ margin: 0; padding:0; list-style:none;}
li.sbaritem{padding: 5px 7px; border-width: 0 1px 1px 0; border-style:solid; border-color:#eeeeee;margin:0 2px; display:inline;} li.sbaritem:hover {background-color: #f6f6f6;border-width: 1px 0 0 1px; }
li.sbartitle{text-transform: lowercase; font-size: 1.3em;padding: 8px;color: #111111; letter-spacing:-.04em;display:none;}
#sidebar_linklist { text-transform: lowercase; padding: 0 0 15px;} #sidebar_summary {display:none;} #sidebar_tags {display:none;} #sidebar_calendar {display:none;margin-right: auto; margin-left: auto;}
.sbarcalendar { padding: 5px; border: 1px solid #f3f3f3; text-align: center; font-size: 9px;} .sbarcalendarposts{vertical-align: middle !important; background-color: #f7f7f7; text-align: center;}
.sbarcalendarposts:hover { background-color: #dddddd; }
/*---------------------FOOTER----------------------------------*/
#footer { padding: 0; font-variant: small-caps;letter-spacing:.04em; text-align: right; z-index: 100; clear: both; }
ul.navfooter{ padding: 10px 10px; margin: 0px; }
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline; }
div#footer li.viewing {; padding: 7px; margin: 2px; border: 0px solid #eeeeee; background-color: #; }
div#footer a, div#footer a:link, div#footer a:visited { padding: 7px; margin: 2px; border: 0px solid #eeeeee; }
div#footer a:hover {background-color: #; }
.clearfoot {clear: both;margin: auto;}
/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px auto;background-color: #F9F9F9; text-align: center; padding: 20px; font-size: 14pt; }
ul.year li {display: inline;}
table.yeartable { background-color: #F9F9F9; width:100%; margin-left: auto; margin-right: auto; padding: 30px; }
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 PINVOKE-------------*/
.ljuser img { width: 0; height: 0; background: transparent url(http://i44.tinypic.com/200ehit.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i44.tinypic.com/200ehit.png) no-repeat center left !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/34esugj.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], .box img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i42.tinypic.com/m7uk9c.png); }
img[src*="icon_private.gif"]{background-image: url(http://i40.tinypic.com/2e4dabl.png); }
img[src*="icon_groups.gif"] {background-image: url(http://i44.tinypic.com/21ju005.png); }
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/1iiutv.png) !important; }
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/33c96pw.png) !important; }
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i41.tinypic.com/2ynmr90.png) !important; }
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i44.tinypic.com/6p9ba9.png) !important; }
img[src*="btn_del.gif"] {background-image: url(http://i41.tinypic.com/m7ztok.png); }
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/30auv5y.png); }
img[src*="btn_unscr.gif"] {background-image: url(http://i41.tinypic.com/vfxurp.png); }
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/xm3l7r.png); }
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/28reatl.png); }
img[src*="btn_track.gif"]{background-image: url(http://i41.tinypic.com/viecqo.png);}
img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/f9m79s.png);}
img[src*="anonymous.gif"] {background-image: url(http://i42.tinypic.com/e6efli.png); }
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/2hd0a5v.png); }
.box img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/200ehit.png);}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/20ppj6o.png); }
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/ztyn80.png); }
img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/xo03zt.png); }
img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/15cnkg5.png); }
.Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px; }
/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #555555 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0 0 4px 0; width: 300px;}
div.ContextualPopup .Userpic { padding: 8px; margin-left: 0px; border: 1px solid #eeeeee; background: #FFFFFF url() repeat scroll 0 0;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #eeeeee; margin: 4px 80px 4px 4px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;}
div.ContextualPopup .Relation { text-transform: lowercase; font-size: 9pt; letter-spacing: -1px;}
/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #090909; background-image: url(); color: #666666;border: solid 1px #000000; border-left: none; }
#lj_controlstrip a { color: #888888; } #lj_controlstrip_statustext { color: #aaaaaa; }
b, u {color: #222222;}
i, s { color: #aaaaaa; }
blockquote { padding: 8px; font-size: .9em; border-RIGHT: 10px solid #dddddd; background: #f3f3f3 url() repeat scroll 0 0; color: #787878; margin:7px 8px;}
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;} a img {border:none;} .entry_text img {max-width:460px} form#qrform, form#postform {background-color:#f9f9f9;}
input, textarea { font-size: 11px; background: #ececec url() 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, div#sidebar a:hover, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation {
color: #8FB2BF;
text-decoration: none;}
.ljuser a b{color:#8FB2BF; font-weight:normal; font-style:italic}
a:hover, .subject a:hover, div.comments a, div#sidebar a, .datesubjectcomment a:hover {color: #99A9AF; background-color: #; text-decoration: none; }
div#header a { color: #aaaaaa;} div#header a:hover {color: #111111;}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #868D8F; }
installation
01.
Choose Journal Style
02.
Select "Grays" Flexible Squares layout in "Select a New Theme"
03.
In Choose a Page Setup, set your add settings to Horizontal or Between Entries if using the topbar, then 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 #FFFFFF.
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 Pinvoke
♚ As per usual, feel free to add your own header/ edit bloody anything you want to.
♚Please address all questions to the F.A.Q.
♔ Commenting and crediting not necessary, but always appreciated :)