s2 layout: the words we'll never know [flexible squares]
And the winner is......... number #3! Thank-you to everyone who congratulated/gave feedback/voted!
The delay was so I could work on some variations to address some of the requests made (also, new Pinvoke icons! They have cake). It was a close call between this one and #2 (which I've actually finished) so expect that one...soonish. Sometimes I wish MV was a factory where I could just write the codes and someone else would make the previews and thumbnails and posts and do the debugging.
Font size and layout width a right at the top of the code for easy editing.
image | live
image | live
image | live layout:the words we'll never know
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, sidebar
browsers tested: FF, Safari, and Opera
plastic and vintage
/*
the words we'll never know in vintage ((flexible squares; milou veronica))
-*/
/*SET WIDTH*/
#content{ min-width: 740px; max-width:1100px;width:90%; }
/*EDIT FONT */
body{font-family: "Arial", Geneva, sans-serif; font-size: .8em}
body{background: url(http://i42.tinypic.com/29wvc5x.gif) #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; margin: 0; padding: 0px 0 0;}
.headerimage {position: relative; background: url(); width: px; height: px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #333333;margin: 5px auto 0;padding:0;background-color: #FFFFFF}
#maincontent { padding: 0;clear:right;margin-top: 6px;text-align: left;}
#sidebar { padding:10px; margin: 0; text-align: left; color: #888888;font-family:Georgia,serif; font-size: 7pt; background-color: #1a1a1a;min-height:125px}
/* HEADER */
#header {line-height:.8;margin: 0px; text-align: left; color: #aaaaaa; padding:0;font-family:georgia,times,serif;background-color: #1a1a1a;background-image:url(http://i44.tinypic.com/5dj88n.png);}
ul.navheader{ padding:15px 0; float:right;font-size:1.1em;letter-spacing:-.1em;text-transform: lowercase;font-style:italic; margin:0;text-align:right}
ul.navheader li {margin:0 0 0 -5px; list-style-type: none;display: inline;padding:12px 20px}
.title {padding: 43px 10px 0; letter-spacing: .1em;line-height:1;font-size: 1.3em;text-transform: uppercase ;color:#FFFFFF}
.subtitle{text-transform: lowercase;line-height:.9;padding:6px 0 6px 20px; font-size: .7em;color:#aaaaaa;font-style:italic}
div#header a, #header {color: #ffffff;} div#header a:hover {color: #FFFFFF;} a img {border:none}
div#header li {background-color:#303030} div#header li:hover{background-color:#D89078}
div#header li + li {background-color: #F18F8C} div#header li + li:hover {background-color: #C3D8CF}
div#header li + li + li {background-color: #D89078;} div#header li + li + li:hover{background-color: #303030}
div#header li + li + li + li {background-color: #FFEED2 ;color:#555}div#header li + div#header li + div#header li + div#header li:hover {background-color: #F18F8C !Important;}
div#header li + li + li + li + li {background-color:#C3D8CF ;} div#header li + li + li + li + li:hover{background-color:#D89078;}
/* ENTRIES */
.subcontent { min-height: 140px; margin:0 10px; padding: 0px;background: #eeeeee url(http://i39.tinypic.com/1z6z4e9.gif)}
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject { background-color: transparent ; letter-spacing: -1px; font-size: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 10px 5px 15px 10px; text-align: right;font-family:georgia,times,serif;background-color: #FFFFFF;margin-right:140px}
.entry{margin: 0px; padding: 0px; text-align: left; line-height: 1.75;}
body.lj-view-reply .entry{background-color:#FFFFFF;margin-right:140px;min-height:100px}
.entry_text { padding: 10px 20px; min-height:150px; background-color: #FFFFFF;margin-right:140px}
.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: 13px; background-color: #ffffff; margin: 5px 5px 10px 10px ; z-index: 15; border: 1px solid #e7e7e7;}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0 0 3px; margin: 5px 5px 10px 10px; text-align: right; z-index: 15; font-size: 8pt;}
.userpicfriends img {background-color:#FFFFFF; padding: 13px; border:1px solid #e7e7e7;}
.userpicfriends a font {color: #333333;font-size:1.3em}
/* COMMENT BAR */
.comments {color: #ffffff; font-style:italic;font-family:georgia,times,serif;clear:right; font-size: .85em; text-align: right; padding: 5px 0px 5px 5px; text-transform: lowercase; position:relative;margin-top:-50px;line-height:.6;float:right}
div.comments a, div.comments a:visited, div.comments a:link {padding: 3px 2px; background-color:#fafafa;margin: 0 10px 0 auto; border-width: 0 1px 1px 0;border-style: solid;border-color: #e3e3e3;display:block;width:100px;position:relative;margin-top:-4px}
div.comments a:hover {background-color:#ececec;border-width: 1px 0 0 1px;border-style: solid;border-color: #dddddd ;}
.separator{height: 1px;border-top:1px solid #f3f3f3;margin:30px 40px 30px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; padding: 0 0 0 12px; background: transparent url(http://i41.tinypic.com/29kw1tf.png) no-repeat scroll 0 50%; margin: 50px 0 0 5px; position: relative; text-transform: lowercase; font-size: 7pt; color: #444; font-weight: bold;}
.ljtags:hover {border-color: #520204;} div.ljtags a {font-weight: normal; }
.currents {text-align: left;background-color: #FFFFFF; margin:0 140px 0 0px; padding: 8px 25px; clear:right;text-transform: lowercase; font-size: 7pt; color: #999999;border-right: 10px solid #FFFFFF;}
.currents strong {text-decoration: none; color: #444444;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 0 4px 12px; background: transparent none no-repeat scroll 0 50%; }
.currentlocation {background-image: url(http://i43.tinypic.com/1562vkh.png);}
.currentmood{background-image: url(http://i40.tinypic.com/vo08pg.png);}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png);}
.currentmusic {background-image: url(http://i39.tinypic.com/2r4lgrl.png);}
.currentmood img{vertical-align:middle}
/* TAG PAGE */
h2 { background-color: #FFFFFF;padding: 10px 10px 10px 30px;letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #ffffff; font-weight: normal; margin: 0; }
.ljtaglist { text-align: left; margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #f4f4f4; }
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding:0px; clear: left;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 8px; border: 1px solid #ececec; 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: 0px 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: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
.skiplinks {text-align: right; margin-bottom: 6px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}
/* SIDEBAR */
.defaultuserpic { margin:0 5px 5px; padding:0px; text-align:center;float:right}
.defaultuserpic img {padding: 14px; background-color:#1c1c1c; margin-top: 0px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { padding: 5px 15px;border-left:20px solid #1e1e1e;}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ padding: 7px 5px; background-color: #1e1e1e; margin:2px; display:inline;} li.sbaritem:hover {border-bottom: 3px solid #F18F8C;}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; color: #777777;}
#sidebar_linklist {text-transform: lowercase;padding: 10px 0;line-height:3} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {display:none}
/* FOOTER */
#footer {padding:12px 0;text-align:center;margin:0;text-transform: lowercase; font-size: 7pt; letter-spacing: 0px; z-index: 100; background-color: #1a1a1a;}
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: 1px 7px; margin: 2px; background-color: #222222; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #222222; padding: 2px 10px;width:200px;display:block; margin: 2px auto;}
div#footer a:hover {background-color: #2e2e2e; }
.clearfoot {background-color: #1a1a1a;}
/* ARCHIVE PAGE */
ul.year { background-color: #FFFFFF; margin: 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px;}
ul.year li {display: inline;}
table.yeartable {margin-top: 0; 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: #eeeeee;}
table.yeartable td.yearday { background-color: #f4f4f4; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* ICONS BY PINVOKE */
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"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !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/2vx4l1c.png);}
img[src*="icon_private.gif"]{background-image: url(http://i44.tinypic.com/345foux.png);}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2dkde1s.png);}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i39.tinypic.com/wsra1k.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i43.tinypic.com/fmpdax.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i43.tinypic.com/a0ufky.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/2e679c1.png) !important}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2i957rd.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/2s1abgk.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/2ef4xgp.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/j982gg.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/255pf1v.png)}
img[src*="btn_track.gif"] {background-image: url(http://i43.tinypic.com/2qvut76.png)}
img[src*="btn_tracking.gif"] {background-image: url(http://i43.tinypic.com/1zwj9cn.png)}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/hreo9y.png)}
img[src*="anonymous.gif"] {background-image: url(http://i44.tinypic.com/f4ej9g.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i42.tinypic.com/2nuk515.png)}
img[src*="userinfo.gif"] {background-image: url(http://i41.tinypic.com/dxlbpy.png)}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/2qvgzt5.png)}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/vo24h3.png)}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i44.tinypic.com/6t3hjp.png)}
.ljuser img {width: 0; height: 0; background: transparent url(http://i43.tinypic.com/2mguteb.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i43.tinypic.com/2mguteb.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/scrrx1.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !important}
/* 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: #888888 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 12px; margin-left: 0px; border: 1px solid #ececec; background-color: #FFFFFF;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #ececec; 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: 0px;}
/* MISC */
.Note .Inner, form#postform { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;padding:10px}
.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}
b, u { color: #222222;} #sidebar b, #sidebar u {color:#ffffff}
i, s { color: #aaaaaa; font-family: Georgia, Times New Roman, Book Antiqua, serif;} #sidebar i, #sidebar s {color:#777777}
p, td {font-size: 11px;}
blockquote { padding:15px; margin: 10px;background: #f4f4f4 url() repeat scroll 0 0; color: #777777; }
code {display:block; padding:5px; border:1px dashed #dddddd; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;} form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px;}
input, textarea { font-family: "Trebuchet MS", Geneva, sans-serif; font-size: 11px; background: #f7f7f7 url() repeat scroll 0 0; border: 1px solid #eeeeee;color: #666666;}
/* 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, .ljuser a b {
color: #D89078; font-family:georgia,times,serif;
text-decoration: none;}
.ljuser a b {font-weight:normal;font-family:georgia,times,serif;font-style:italic}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, li.sbaritem:hover a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #C3D8CF;}
div#header a, #header {color: #ffffff;} div#header a:hover {color: #FFFFFF;} a img {border:none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #333333;}
fixed and mount fuji
/*
the words we'll never know in mount fuji ((flexible squares; milou veronica))
*/
/*SET WIDTH*/
#content{ width:780px}
/*EDIT FONT */
body{font-family: "Arial", Helvetica, sans-serif; font-size: .75em}
body{background: url(http://i40.tinypic.com/219qe7o.jpg) #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; margin: 0; padding: 0px 0 0}
.headerimage {position: relative; background: url(); width: px; height: px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #333333;margin: 5px auto 0;padding:0;background-color: #FFFFFF}
#maincontent { padding: 0;clear:right;margin-top: 6px;text-align: left}
#sidebar { padding:10px; margin: 0; text-align: left; color: #888888;font-family:Georgia,serif; font-size: 7pt; background-color: #1a1a1a;min-height:125px}
/* HEADER */
#header {line-height:.8;margin: 0px; text-align: left; color: #aaaaaa; padding:0;font-family:georgia,times,serif;background-color: #1a1a1a;background-image:url(http://i44.tinypic.com/30k94rn.png)}
ul.navheader{ padding:15px 0; float:right;font-size:1.1em;letter-spacing:-.1em;text-transform: lowercase;font-style:italic; margin:0;text-align:right}
ul.navheader li {margin:0 0 0 -2px; list-style-type: none;display: inline;padding:12px 20px}
.title {padding: 50px 10px 0; letter-spacing: .1em;line-height:1;font-size: 1.3em;text-transform: uppercase ;color:#FFFFFF}
.subtitle{text-transform: lowercase;line-height:.9;padding:6px 0 6px 20px; font-size: .7em;color:#aaaaaa;font-style:italic}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
div#header li {background-color:#6498AE} div#header li:hover{background-color:#D5E2B7; position:relative;top:5px; padding-top:17px}
div#header li + li {background-color: #76B5B6} div#header li + li:hover {background-color: #F4E3B8}
div#header li + li + li {background-color: #96C6B6} div#header li + li + li:hover{background-color: #6498AE}
div#header li + li + li + li {background-color: #D5E2B7} div#header li + li + li + li:hover {background-color: #76B5B6}
div#header li + li + li + li + li {background-color:#F4E3B8} div#header li + li + li + li + li:hover{background-color:#96C6B6}
/* ENTRIES */
.subcontent { min-height: 140px; margin:0 10px; padding: 0px;background: #eeeeee url(http://i41.tinypic.com/296i2om.png)}
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject { background-color: transparent ; letter-spacing: -1px; font-size: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 10px 5px 15px 10px; text-align: right;font-family:georgia,times,serif;background-color: #FFFFFF;margin-right:140px}
.entry { margin: 0px; padding: 0px; text-align: left; line-height: 1.75}
.entry_text { padding: 10px 20px; min-height:150px; background-color: #FFFFFF;margin-right:140px}
body.lj-view-reply .entry{background-color:#FFFFFF;margin-right:140px;min-height:100px}
.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: 13px; background-color: #ffffff; margin: 5px 5px 10px 10px ; z-index: 15; border: 1px solid #e7e7e7}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0 0 3px; margin: 5px 5px 10px 10px; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {background-color:#FFFFFF; padding: 13px; border:1px solid #e7e7e7}
.userpicfriends a font {color: #333333;font-size:1.3em}
/* COMMENT BAR */
.comments {color: #ffffff; font-style:italic;font-family:georgia,times,serif;clear:right; font-size: .85em; text-align: right; padding: 5px 0px 5px 5px; text-transform: lowercase; position:relative;margin-top:-50px;line-height:.6;float:right}
div.comments a, div.comments a:visited, div.comments a:link {padding: 3px 2px; background-color:#fafafa;margin: 0 10px 0 auto; border-width: 0 1px 1px 0;border-style: solid;border-color: #e3e3e3;display:block;width:100px;position:relative;margin-top:-4px}
div.comments a:hover {background-color:#ececec;border-width: 1px 0 0 1px;border-style: solid;border-color: #dddddd ;}
.separator{height: 1px;border-top:1px solid #f3f3f3;margin:30px 40px 30px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; padding: 0 0 0 12px; background: transparent url(http://i41.tinypic.com/29kw1tf.png) no-repeat scroll 0 50%; margin: 50px 0 0 5px; position: relative; text-transform: lowercase; font-size: 7pt; color: #444; font-weight: bold}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal; }
.currents {text-align: left;background-color: #FFFFFF; margin:0 140px 0 0px; padding: 8px 25px; clear:right;text-transform: lowercase; font-size: 7pt; color: #999999;border-right: 10px solid #FFFFFF}
.currents strong {text-decoration: none; color: #444444}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 0 4px 12px; background: transparent none no-repeat scroll 0 50%; }
.currentlocation {background-image: url(http://i43.tinypic.com/1562vkh.png)}
.currentmood{background-image: url(http://i40.tinypic.com/vo08pg.png)}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png)}
.currentmusic {background-image: url(http://i39.tinypic.com/2r4lgrl.png)}
.currentmood img{vertical-align:middle}
/* TAG PAGE */
h2 { background-color: #FFFFFF;padding: 10px 10px 10px 30px;letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #ffffff; font-weight: normal; margin: 0; }
.ljtaglist { text-align: left; margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #f4f4f4; }
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding:0px; clear: left}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 8px; border: 1px solid #ececec; 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: 0px 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: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 6px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}
/* SIDEBAR */
.defaultuserpic { margin:0 5px 5px; padding:0px; text-align:center;float:right}
.defaultuserpic img {padding: 14px; background-color:#1c1c1c; margin-top: 0px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { padding: 5px 15px;border-left:20px solid #1e1e1e}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 7px 5px; background-color: #1e1e1e; margin:2px; display:inline} li.sbaritem:hover {border-bottom: 3px solid #F4E3B8}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; color: #777777}
#sidebar_linklist {text-transform: lowercase;padding: 10px 0;line-height:3} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {display:none}
/* FOOTER */
#footer {padding:12px 0;text-align:center;margin:0;text-transform: lowercase; font-size: 7pt; letter-spacing: 0px; z-index: 100; background-color: #1a1a1a}
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: 1px 7px; margin: 2px; background-color: #222222; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #222222; padding: 2px 10px;width:200px;display:block; margin: 2px auto}
div#footer a:hover {background-color: #2e2e2e; }
.clearfoot {background-color: #1a1a1a}
/* ARCHIVE PAGE */
ul.year { background-color: #FFFFFF; margin: 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable {margin-top: 0; 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: #eeeeee}
table.yeartable td.yearday { background-color: #f4f4f4; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* ICONS BY PINVOKE */
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"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !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/2vx4l1c.png)}
img[src*="icon_private.gif"]{background-image: url(http://i44.tinypic.com/345foux.jpg)}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2dkde1s.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i39.tinypic.com/wsra1k.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i43.tinypic.com/fmpdax.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/358t4du.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i44.tinypic.com/23uejgk.png) !important}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2i957rd.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/2s1abgk.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/2ef4xgp.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/j982gg.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/255pf1v.png)}
img[src*="btn_track.gif"] {background-image: url(http://i43.tinypic.com/2qvut76.png)}
img[src*="btn_tracking.gif"] {background-image: url(http://i43.tinypic.com/1zwj9cn.png)}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/hreo9y.png)}
img[src*="anonymous.gif"] {background-image: url(http://i44.tinypic.com/f4ej9g.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i42.tinypic.com/2nuk515.png)}
img[src*="userinfo.gif"] {background-image: url(http://i42.tinypic.com/1zxpr9s.png)}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/2qvgzt5.png)}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/vo24h3.png)}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i44.tinypic.com/6t3hjp.png)}
.ljuser img {width: 0; height: 0; background: transparent url(http://i42.tinypic.com/1zxpr9s.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i42.tinypic.com/1zxpr9s.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i40.tinypic.com/2e679c1.jpg) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !important}
/* MISC */
.Note .Inner, form#postform { 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}
b, u { color: #222222} #sidebar b, #sidebar u {color:#ffffff}
i, s { color: #aaaaaa; font-family: Georgia, Times New Roman, Book Antiqua, serif} #sidebar i, #sidebar s {color:#777777}
p, td {font-size: 11px}
blockquote { padding:15px; margin: 10px;background: #f4f4f4 url() repeat scroll 0 0; color: #777777; }
code {display:block; padding:5px; border:1px dashed #dddddd; font-size: 12px}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px}
input, textarea { font-family: "Georgia", Geneva, sans-serif; font-size: 12px; background: #f7f7f7 url() repeat scroll 0 0; border: 1px solid #eeeeee;color: #444444}
/* 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, .ljuser a b {
color: #76B5B6; font-family:georgia,times,serif;
text-decoration: none}
.ljuser a b {font-weight:normal;font-family:georgia,times,serif;font-style:italic}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, li.sbaritem:hover a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #D5E2B7}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #333333}
sidebar and odd socks
/*
the words we'll never know in odd socks ((flexible squares; milou veronica))
*/
/*SET WIDTH*/
#content{ width:785px}
/*EDIT FONT */
body{font-family: "Verdana", Helvetica, sans-serif; font-size: .73em}
body{background: url() #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; margin: 0; padding: 0px 0 0}
.headerimage {position: relative; background: url(); width: px; height: px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #333333;margin: 0px auto 0;padding:0;background-color: #}
#maincontent { padding: 0;margin-right:170px;margin-top: px;text-align: left}
#sidebar { padding:6px; margin: 0; float:right;text-align: left; color: #888888;font-size: 7pt; background-color: #FFFFFF;width:152px}
/* HEADER */
#header {line-height:.8;margin: 0px; text-align: left; color: #aaaaaa; padding:0;font-family:georgia,times,serif;background-color: #1a1a1a;background-image:url(http://i44.tinypic.com/30k94rn.png)}
ul.navheader{ padding:15px 0; float:right;font-size:1.1em;letter-spacing:-.1em;text-transform: lowercase;font-style:italic; margin:0;text-align:right}
ul.navheader li {margin:0 0 0 -2px; list-style-type: none;display: inline;padding:12px 20px}
.title {padding: 50px 10px 0; letter-spacing: .1em;line-height:1;font-size: 1.3em;text-transform: uppercase ;color:#FFFFFF}
.subtitle{text-transform: lowercase;line-height:.9;padding:6px 0 6px 20px; font-size: .7em;color:#aaaaaa;font-style:italic}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
div#header li {background-color:#190C1A} div#header li:hover{background-color:#FAD194; position:relative;top:5px; padding-top:17px}
div#header li + li {background-color: #40404C} div#header li + li:hover {background-color: #638E91}
div#header li + li + li {background-color: #A18B85} div#header li + li + li:hover{background-color: #190C1A}
div#header li + li + li + li {background-color: #FAD194} div#header li + li + li + li:hover {background-color: #40404C}
div#header li + li + li + li + li {background-color:#638E91} div#header li + li + li + li + li:hover{background-color:#A18B85}
/* ENTRIES */
.subcontent { min-height: 140px; margin:0; padding: 0px;border:5px solid #FFFFFF;background: #eeeeee url(http://i41.tinypic.com/f290go.jpg)}
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject { background-color: transparent ; letter-spacing: -1px; font-size: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 10px 5px 15px 10px; text-align: right;font-family:georgia,times,serif;background-color: #FFFFFF;margin-right:118px}
.entry { margin: 0px; padding: 0px; text-align: left; line-height: 1.75;background-color: #FFFFFF;margin-right:118px}
body.lj-view-reply .entry{background-color:#FFFFFF;margin-right:118px;min-height:100px}
.entry_text { padding: 10px 20px; min-height:150px; }
.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: 4px; background-color: #ffffff; margin: 5px 4px 10px 10px ; z-index: 15; border: 1px solid #e7e7e7}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0 0 3px; margin: 5px 5px 10px 10px; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {background-color:#FFFFFF; padding: 4px; border:1px solid #e7e7e7}
.userpicfriends a font {color: #333333;font-size:1.3em}
/* COMMENT BAR */
.comments {color: #ffffff; font-style:italic;font-family:georgia,times,serif; font-size: .85em; text-align: right; padding: 5px 0px 5px 5px; text-transform: lowercase; position:relative;margin:0 -120px 0 0;line-height:.65;}
div.comments a, div.comments a:visited, div.comments a:link {padding: 2px 3px; background-color:#fafafa;margin: 0 4px 0 auto; border-width: 0 1px 1px 0;border-style: solid;border-color: #e3e3e3;display:block;width:100px;position:relative;margin-top:-4px}
div.comments a:hover {background-color:#ececec;border-width: 1px 0 0 1px;border-style: solid;border-color:#dddddd}
.separator{height: 60px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; padding: 0 0 0 12px; background: transparent url(http://i41.tinypic.com/29kw1tf.png) no-repeat scroll 0 50%; margin: 50px 0 0 5px; position: relative; text-transform: lowercase; font-size: 7pt; color: #444; font-weight: bold}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal; }
.currents {text-align: left;background-color: #FFFFFF; margin:0 118px 0 0px; padding: 8px 25px; clear:;text-transform: lowercase; font-size: 7pt; color: #999999;border-right: 10px solid #FFFFFF}
.currents strong {text-decoration: none; color: #444444}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 0 4px 12px; background: transparent none no-repeat scroll 0 50%; }
.currentlocation {background-image: url(http://i43.tinypic.com/1562vkh.png)}
.currentmood{background-image: url(http://i40.tinypic.com/vo08pg.png)}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png)}
.currentmusic {background-image: url(http://i39.tinypic.com/2r4lgrl.png)}
.currentmood img{vertical-align:middle}
/* TAG PAGE */
h2 { background-color: #FFFFFF;padding: 10px 10px 10px 30px;letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #ffffff; font-weight: normal; margin: 0; }
.ljtaglist { text-align: left; margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #f4f4f4; }
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding:0px; clear: left}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 8px; border: 1px solid #ececec; 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: 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: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 6px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}
/* SIDEBAR */
.defaultuserpic { margin:0 5px 5px; padding:0px; text-align:center}
.defaultuserpic img {padding: 3px; width:70px;height:70px; border:1px solid #eeeeee; margin-top: 0px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { padding: 5px 15px;}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 1px 5px; background:#EEEEEE url(http://i41.tinypic.com/f290go.jpg) repeat fixed 0 0; margin:1px 0; display:block} li.sbaritem:hover { border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7}
li.sbartitle{ font-family:Georgia,serif; text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; color: #777777}
#sidebar_linklist {text-transform: lowercase;padding: 10px 0;} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {}
table.calendar td{font-size:.9em;text-align:center} td.sbarcalendar {border:1px solid #e7e7e7;padding:3px} td.sbarcalendarposts{border:1px solid #e7e7e7;background-color: #f8f8f8;padding:3px}
/* FOOTER */
#footer {padding:12px 0;text-align:center; clear:both;margin:0;text-transform: lowercase; font-size: 7pt; letter-spacing: 0px; z-index: 100; background-color: #1a1a1a}
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: 1px 7px; margin: 2px; background-color: #222222; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #222222; padding: 2px 10px;width:200px;display:block; margin: 2px auto}
div#footer a:hover {background-color: #2e2e2e; }
.clearfoot { clear:both;background-color: #1a1a1a}
/* ARCHIVE PAGE */
ul.year { background-color: #FFFFFF; margin: 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable {margin-top: 0; 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: #eeeeee}
table.yeartable td.yearday { background-color: #f4f4f4; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none;height: 8px}
/* ICONS BY PINVOKE */
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"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;padding-left:6px}
img[src*="icon_protected.gif"]{background-image: url(http://i43.tinypic.com/21j3fpj.png)}
img[src*="icon_private.gif"]{background-image: url(http://i44.tinypic.com/2a8gab4.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2iag36g.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/9pynb5.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i41.tinypic.com/2iadcf6.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/23sfczp.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/2d8117n.png) !important}
img[src*="btn_del.gif"]{background-image: url(http://i40.tinypic.com/hwcnyt.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/2vs3thf.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i43.tinypic.com/tam1qu.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i43.tinypic.com/262ms84.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i42.tinypic.com/2s9591h.png)}
img[src*="btn_track.gif"] {background-image: url(http://i44.tinypic.com/143qc9f.png)}
img[src*="btn_tracking.gif"] {background-image: url(http://i41.tinypic.com/29qie4p.png)}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i43.tinypic.com/14cfuxc.png)}
img[src*="anonymous.gif"] {background-image: url(http://i41.tinypic.com/20aqdk6.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i41.tinypic.com/33xhoio.png)}
img[src*="userinfo.gif"] {background-image: url(http://i43.tinypic.com/53l8xv.png)}
img[src*="talk/none.gif"] {background-image: url(http://i41.tinypic.com/315oaol.png)}
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/vpi8lc.png)}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i43.tinypic.com/35b7ey1.png)}
.ljuser img {width: 0; height: 0; background: transparent url(http://i39.tinypic.com/fp9wlj.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i39.tinypic.com/fp9wlj.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/14cem0x.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !important}
/* MISC */
.Note .Inner, form#postform { 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}
b, u { color: #222222}
i, s { color: #aaaaaa; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:10px; margin: 10px;border:3px double #eeeeee; color: #555555 }
code {display:block; padding:5px; border:1px dashed #dddddd; font-size: 12px}
q{color:#999999;font-style:italic}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px}
input, textarea { font-family: "Georgia", Geneva, sans-serif; font-size: 13px; background: #f7f7f7 url() repeat scroll 0 0; border: 1px solid #eeeeee;color: #444444}
/* 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, .ljuser a b {
color: #40404C; font-family:georgia,times,serif;
text-decoration: none}
.ljuser a b {font-weight:normal;font-family:georgia,times,serif;font-style:italic}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, li.sbaritem:hover a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #638E91}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #333333}
installation
01.
Choose Journal Style
02.
Select "Grays" 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 #FFFFFF.
05.
Then go to the "Sidebar" section. Make sure all the sidebar elements you wish to show 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:Q&A
♚ mini icons by Pinvoke and graphicsbyjulz
♚ Upload images to your own server
♚ If you want to mix and match the colours of the navigation bar, it's the last five lines under the HEADER section
♚ 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.
25.03.12: re-upped some images
The delay was so I could work on some variations to address some of the requests made (also, new Pinvoke icons! They have cake). It was a close call between this one and #2 (which I've actually finished) so expect that one...soonish. Sometimes I wish MV was a factory where I could just write the codes and someone else would make the previews and thumbnails and posts and do the debugging.
Font size and layout width a right at the top of the code for easy editing.
image | live
image | live
image | live layout:the words we'll never know
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, sidebar
browsers tested: FF, Safari, and Opera
plastic and vintage
/*
the words we'll never know in vintage ((flexible squares; milou veronica))
-*/
/*SET WIDTH*/
#content{ min-width: 740px; max-width:1100px;width:90%; }
/*EDIT FONT */
body{font-family: "Arial", Geneva, sans-serif; font-size: .8em}
body{background: url(http://i42.tinypic.com/29wvc5x.gif) #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; margin: 0; padding: 0px 0 0;}
.headerimage {position: relative; background: url(); width: px; height: px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #333333;margin: 5px auto 0;padding:0;background-color: #FFFFFF}
#maincontent { padding: 0;clear:right;margin-top: 6px;text-align: left;}
#sidebar { padding:10px; margin: 0; text-align: left; color: #888888;font-family:Georgia,serif; font-size: 7pt; background-color: #1a1a1a;min-height:125px}
/* HEADER */
#header {line-height:.8;margin: 0px; text-align: left; color: #aaaaaa; padding:0;font-family:georgia,times,serif;background-color: #1a1a1a;background-image:url(http://i44.tinypic.com/5dj88n.png);}
;}){kind=link}
ul.navheader{ padding:15px 0; float:right;font-size:1.1em;letter-spacing:-.1em;text-transform: lowercase;font-style:italic; margin:0;text-align:right}
ul.navheader li {margin:0 0 0 -5px; list-style-type: none;display: inline;padding:12px 20px}
.title {padding: 43px 10px 0; letter-spacing: .1em;line-height:1;font-size: 1.3em;text-transform: uppercase ;color:#FFFFFF}
.subtitle{text-transform: lowercase;line-height:.9;padding:6px 0 6px 20px; font-size: .7em;color:#aaaaaa;font-style:italic}
div#header a, #header {color: #ffffff;} div#header a:hover {color: #FFFFFF;} a img {border:none}
div#header li {background-color:#303030} div#header li:hover{background-color:#D89078}
div#header li + li {background-color: #F18F8C} div#header li + li:hover {background-color: #C3D8CF}
div#header li + li + li {background-color: #D89078;} div#header li + li + li:hover{background-color: #303030}
div#header li + li + li + li {background-color: #FFEED2 ;color:#555}div#header li + div#header li + div#header li + div#header li:hover {background-color: #F18F8C !Important;}
div#header li + li + li + li + li {background-color:#C3D8CF ;} div#header li + li + li + li + li:hover{background-color:#D89078;}
/* ENTRIES */
.subcontent { min-height: 140px; margin:0 10px; padding: 0px;background: #eeeeee url(http://i39.tinypic.com/1z6z4e9.gif)}
}){kind=link}
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject { background-color: transparent ; letter-spacing: -1px; font-size: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 10px 5px 15px 10px; text-align: right;font-family:georgia,times,serif;background-color: #FFFFFF;margin-right:140px}
.entry{margin: 0px; padding: 0px; text-align: left; line-height: 1.75;}
body.lj-view-reply .entry{background-color:#FFFFFF;margin-right:140px;min-height:100px}
.entry_text { padding: 10px 20px; min-height:150px; background-color: #FFFFFF;margin-right:140px}
.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: 13px; background-color: #ffffff; margin: 5px 5px 10px 10px ; z-index: 15; border: 1px solid #e7e7e7;}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0 0 3px; margin: 5px 5px 10px 10px; text-align: right; z-index: 15; font-size: 8pt;}
.userpicfriends img {background-color:#FFFFFF; padding: 13px; border:1px solid #e7e7e7;}
.userpicfriends a font {color: #333333;font-size:1.3em}
/* COMMENT BAR */
.comments {color: #ffffff; font-style:italic;font-family:georgia,times,serif;clear:right; font-size: .85em; text-align: right; padding: 5px 0px 5px 5px; text-transform: lowercase; position:relative;margin-top:-50px;line-height:.6;float:right}
div.comments a, div.comments a:visited, div.comments a:link {padding: 3px 2px; background-color:#fafafa;margin: 0 10px 0 auto; border-width: 0 1px 1px 0;border-style: solid;border-color: #e3e3e3;display:block;width:100px;position:relative;margin-top:-4px}
div.comments a:hover {background-color:#ececec;border-width: 1px 0 0 1px;border-style: solid;border-color: #dddddd ;}
.separator{height: 1px;border-top:1px solid #f3f3f3;margin:30px 40px 30px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; padding: 0 0 0 12px; background: transparent url(http://i41.tinypic.com/29kw1tf.png) no-repeat scroll 0 50%; margin: 50px 0 0 5px; position: relative; text-transform: lowercase; font-size: 7pt; color: #444; font-weight: bold;}
.ljtags:hover {border-color: #520204;} div.ljtags a {font-weight: normal; }
.currents {text-align: left;background-color: #FFFFFF; margin:0 140px 0 0px; padding: 8px 25px; clear:right;text-transform: lowercase; font-size: 7pt; color: #999999;border-right: 10px solid #FFFFFF;}
.currents strong {text-decoration: none; color: #444444;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 0 4px 12px; background: transparent none no-repeat scroll 0 50%; }
.currentlocation {background-image: url(http://i43.tinypic.com/1562vkh.png);}
;}){kind=link}
.currentmood{background-image: url(http://i40.tinypic.com/vo08pg.png);}
;}){kind=link}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png);}
;}){kind=link}
.currentmusic {background-image: url(http://i39.tinypic.com/2r4lgrl.png);}
;}){kind=link}
.currentmood img{vertical-align:middle}
/* TAG PAGE */
h2 { background-color: #FFFFFF;padding: 10px 10px 10px 30px;letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #ffffff; font-weight: normal; margin: 0; }
.ljtaglist { text-align: left; margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #f4f4f4; }
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding:0px; clear: left;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 8px; border: 1px solid #ececec; 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: 0px 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: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
.skiplinks {text-align: right; margin-bottom: 6px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}
/* SIDEBAR */
.defaultuserpic { margin:0 5px 5px; padding:0px; text-align:center;float:right}
.defaultuserpic img {padding: 14px; background-color:#1c1c1c; margin-top: 0px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { padding: 5px 15px;border-left:20px solid #1e1e1e;}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ padding: 7px 5px; background-color: #1e1e1e; margin:2px; display:inline;} li.sbaritem:hover {border-bottom: 3px solid #F18F8C;}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; color: #777777;}
#sidebar_linklist {text-transform: lowercase;padding: 10px 0;line-height:3} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {display:none}
/* FOOTER */
#footer {padding:12px 0;text-align:center;margin:0;text-transform: lowercase; font-size: 7pt; letter-spacing: 0px; z-index: 100; background-color: #1a1a1a;}
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: 1px 7px; margin: 2px; background-color: #222222; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #222222; padding: 2px 10px;width:200px;display:block; margin: 2px auto;}
div#footer a:hover {background-color: #2e2e2e; }
.clearfoot {background-color: #1a1a1a;}
/* ARCHIVE PAGE */
ul.year { background-color: #FFFFFF; margin: 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px;}
ul.year li {display: inline;}
table.yeartable {margin-top: 0; 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: #eeeeee;}
table.yeartable td.yearday { background-color: #f4f4f4; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* ICONS BY PINVOKE */
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"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !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/2vx4l1c.png);}
;}){kind=link}
img[src*="icon_private.gif"]{background-image: url(http://i44.tinypic.com/345foux.png);}
;}){kind=link}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2dkde1s.png);}
;}){kind=link}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i39.tinypic.com/wsra1k.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i43.tinypic.com/fmpdax.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i43.tinypic.com/a0ufky.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/2e679c1.png) !important}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2i957rd.png)}
}){kind=link}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/2s1abgk.png)}
}){kind=link}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/2ef4xgp.png)}
}){kind=link}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/j982gg.png)}
}){kind=link}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/255pf1v.png)}
}){kind=link}
img[src*="btn_track.gif"] {background-image: url(http://i43.tinypic.com/2qvut76.png)}
}){kind=link}
img[src*="btn_tracking.gif"] {background-image: url(http://i43.tinypic.com/1zwj9cn.png)}
}){kind=link}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/hreo9y.png)}
}){kind=link}
img[src*="anonymous.gif"] {background-image: url(http://i44.tinypic.com/f4ej9g.png)}
}){kind=link}
img[src*="openid-profile.gif"] {background-image: url(http://i42.tinypic.com/2nuk515.png)}
}){kind=link}
img[src*="userinfo.gif"] {background-image: url(http://i41.tinypic.com/dxlbpy.png)}
}){kind=link}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/2qvgzt5.png)}
}){kind=link}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/vo24h3.png)}
}){kind=link}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i44.tinypic.com/6t3hjp.png)}
}){kind=link}
.ljuser img {width: 0; height: 0; background: transparent url(http://i43.tinypic.com/2mguteb.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i43.tinypic.com/2mguteb.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/scrrx1.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !important}
/* 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: #888888 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 12px; margin-left: 0px; border: 1px solid #ececec; background-color: #FFFFFF;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #ececec; 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: 0px;}
/* MISC */
.Note .Inner, form#postform { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;padding:10px}
.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}
b, u { color: #222222;} #sidebar b, #sidebar u {color:#ffffff}
i, s { color: #aaaaaa; font-family: Georgia, Times New Roman, Book Antiqua, serif;} #sidebar i, #sidebar s {color:#777777}
p, td {font-size: 11px;}
blockquote { padding:15px; margin: 10px;background: #f4f4f4 url() repeat scroll 0 0; color: #777777; }
code {display:block; padding:5px; border:1px dashed #dddddd; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;} form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px;}
input, textarea { font-family: "Trebuchet MS", Geneva, sans-serif; font-size: 11px; background: #f7f7f7 url() repeat scroll 0 0; border: 1px solid #eeeeee;color: #666666;}
/* 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, .ljuser a b {
color: #D89078; font-family:georgia,times,serif;
text-decoration: none;}
.ljuser a b {font-weight:normal;font-family:georgia,times,serif;font-style:italic}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, li.sbaritem:hover a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #C3D8CF;}
div#header a, #header {color: #ffffff;} div#header a:hover {color: #FFFFFF;} a img {border:none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #333333;}
fixed and mount fuji
/*
the words we'll never know in mount fuji ((flexible squares; milou veronica))
*/
/*SET WIDTH*/
#content{ width:780px}
/*EDIT FONT */
body{font-family: "Arial", Helvetica, sans-serif; font-size: .75em}
body{background: url(http://i40.tinypic.com/219qe7o.jpg) #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; margin: 0; padding: 0px 0 0}
.headerimage {position: relative; background: url(); width: px; height: px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #333333;margin: 5px auto 0;padding:0;background-color: #FFFFFF}
#maincontent { padding: 0;clear:right;margin-top: 6px;text-align: left}
#sidebar { padding:10px; margin: 0; text-align: left; color: #888888;font-family:Georgia,serif; font-size: 7pt; background-color: #1a1a1a;min-height:125px}
/* HEADER */
#header {line-height:.8;margin: 0px; text-align: left; color: #aaaaaa; padding:0;font-family:georgia,times,serif;background-color: #1a1a1a;background-image:url(http://i44.tinypic.com/30k94rn.png)}
}){kind=link}
ul.navheader{ padding:15px 0; float:right;font-size:1.1em;letter-spacing:-.1em;text-transform: lowercase;font-style:italic; margin:0;text-align:right}
ul.navheader li {margin:0 0 0 -2px; list-style-type: none;display: inline;padding:12px 20px}
.title {padding: 50px 10px 0; letter-spacing: .1em;line-height:1;font-size: 1.3em;text-transform: uppercase ;color:#FFFFFF}
.subtitle{text-transform: lowercase;line-height:.9;padding:6px 0 6px 20px; font-size: .7em;color:#aaaaaa;font-style:italic}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
div#header li {background-color:#6498AE} div#header li:hover{background-color:#D5E2B7; position:relative;top:5px; padding-top:17px}
div#header li + li {background-color: #76B5B6} div#header li + li:hover {background-color: #F4E3B8}
div#header li + li + li {background-color: #96C6B6} div#header li + li + li:hover{background-color: #6498AE}
div#header li + li + li + li {background-color: #D5E2B7} div#header li + li + li + li:hover {background-color: #76B5B6}
div#header li + li + li + li + li {background-color:#F4E3B8} div#header li + li + li + li + li:hover{background-color:#96C6B6}
/* ENTRIES */
.subcontent { min-height: 140px; margin:0 10px; padding: 0px;background: #eeeeee url(http://i41.tinypic.com/296i2om.png)}
}){kind=link}
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject { background-color: transparent ; letter-spacing: -1px; font-size: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 10px 5px 15px 10px; text-align: right;font-family:georgia,times,serif;background-color: #FFFFFF;margin-right:140px}
.entry { margin: 0px; padding: 0px; text-align: left; line-height: 1.75}
.entry_text { padding: 10px 20px; min-height:150px; background-color: #FFFFFF;margin-right:140px}
body.lj-view-reply .entry{background-color:#FFFFFF;margin-right:140px;min-height:100px}
.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: 13px; background-color: #ffffff; margin: 5px 5px 10px 10px ; z-index: 15; border: 1px solid #e7e7e7}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0 0 3px; margin: 5px 5px 10px 10px; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {background-color:#FFFFFF; padding: 13px; border:1px solid #e7e7e7}
.userpicfriends a font {color: #333333;font-size:1.3em}
/* COMMENT BAR */
.comments {color: #ffffff; font-style:italic;font-family:georgia,times,serif;clear:right; font-size: .85em; text-align: right; padding: 5px 0px 5px 5px; text-transform: lowercase; position:relative;margin-top:-50px;line-height:.6;float:right}
div.comments a, div.comments a:visited, div.comments a:link {padding: 3px 2px; background-color:#fafafa;margin: 0 10px 0 auto; border-width: 0 1px 1px 0;border-style: solid;border-color: #e3e3e3;display:block;width:100px;position:relative;margin-top:-4px}
div.comments a:hover {background-color:#ececec;border-width: 1px 0 0 1px;border-style: solid;border-color: #dddddd ;}
.separator{height: 1px;border-top:1px solid #f3f3f3;margin:30px 40px 30px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; padding: 0 0 0 12px; background: transparent url(http://i41.tinypic.com/29kw1tf.png) no-repeat scroll 0 50%; margin: 50px 0 0 5px; position: relative; text-transform: lowercase; font-size: 7pt; color: #444; font-weight: bold}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal; }
.currents {text-align: left;background-color: #FFFFFF; margin:0 140px 0 0px; padding: 8px 25px; clear:right;text-transform: lowercase; font-size: 7pt; color: #999999;border-right: 10px solid #FFFFFF}
.currents strong {text-decoration: none; color: #444444}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 0 4px 12px; background: transparent none no-repeat scroll 0 50%; }
.currentlocation {background-image: url(http://i43.tinypic.com/1562vkh.png)}
}){kind=link}
.currentmood{background-image: url(http://i40.tinypic.com/vo08pg.png)}
}){kind=link}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png)}
}){kind=link}
.currentmusic {background-image: url(http://i39.tinypic.com/2r4lgrl.png)}
}){kind=link}
.currentmood img{vertical-align:middle}
/* TAG PAGE */
h2 { background-color: #FFFFFF;padding: 10px 10px 10px 30px;letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #ffffff; font-weight: normal; margin: 0; }
.ljtaglist { text-align: left; margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #f4f4f4; }
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding:0px; clear: left}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 8px; border: 1px solid #ececec; 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: 0px 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: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 6px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}
/* SIDEBAR */
.defaultuserpic { margin:0 5px 5px; padding:0px; text-align:center;float:right}
.defaultuserpic img {padding: 14px; background-color:#1c1c1c; margin-top: 0px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { padding: 5px 15px;border-left:20px solid #1e1e1e}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 7px 5px; background-color: #1e1e1e; margin:2px; display:inline} li.sbaritem:hover {border-bottom: 3px solid #F4E3B8}
li.sbartitle{ text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; color: #777777}
#sidebar_linklist {text-transform: lowercase;padding: 10px 0;line-height:3} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {display:none}
/* FOOTER */
#footer {padding:12px 0;text-align:center;margin:0;text-transform: lowercase; font-size: 7pt; letter-spacing: 0px; z-index: 100; background-color: #1a1a1a}
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: 1px 7px; margin: 2px; background-color: #222222; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #222222; padding: 2px 10px;width:200px;display:block; margin: 2px auto}
div#footer a:hover {background-color: #2e2e2e; }
.clearfoot {background-color: #1a1a1a}
/* ARCHIVE PAGE */
ul.year { background-color: #FFFFFF; margin: 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable {margin-top: 0; 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: #eeeeee}
table.yeartable td.yearday { background-color: #f4f4f4; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none; height: 8px}
/* ICONS BY PINVOKE */
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"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !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/2vx4l1c.png)}
}){kind=link}
img[src*="icon_private.gif"]{background-image: url(http://i44.tinypic.com/345foux.jpg)}
}){kind=link}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2dkde1s.png)}
}){kind=link}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i39.tinypic.com/wsra1k.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i43.tinypic.com/fmpdax.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/358t4du.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i44.tinypic.com/23uejgk.png) !important}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2i957rd.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/2s1abgk.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/2ef4xgp.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/j982gg.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/255pf1v.png)}
img[src*="btn_track.gif"] {background-image: url(http://i43.tinypic.com/2qvut76.png)}
img[src*="btn_tracking.gif"] {background-image: url(http://i43.tinypic.com/1zwj9cn.png)}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/hreo9y.png)}
img[src*="anonymous.gif"] {background-image: url(http://i44.tinypic.com/f4ej9g.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i42.tinypic.com/2nuk515.png)}
img[src*="userinfo.gif"] {background-image: url(http://i42.tinypic.com/1zxpr9s.png)}
}){kind=link}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/2qvgzt5.png)}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/vo24h3.png)}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i44.tinypic.com/6t3hjp.png)}
.ljuser img {width: 0; height: 0; background: transparent url(http://i42.tinypic.com/1zxpr9s.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i42.tinypic.com/1zxpr9s.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i40.tinypic.com/2e679c1.jpg) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !important}
/* MISC */
.Note .Inner, form#postform { 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}
b, u { color: #222222} #sidebar b, #sidebar u {color:#ffffff}
i, s { color: #aaaaaa; font-family: Georgia, Times New Roman, Book Antiqua, serif} #sidebar i, #sidebar s {color:#777777}
p, td {font-size: 11px}
blockquote { padding:15px; margin: 10px;background: #f4f4f4 url() repeat scroll 0 0; color: #777777; }
code {display:block; padding:5px; border:1px dashed #dddddd; font-size: 12px}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px}
input, textarea { font-family: "Georgia", Geneva, sans-serif; font-size: 12px; background: #f7f7f7 url() repeat scroll 0 0; border: 1px solid #eeeeee;color: #444444}
/* 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, .ljuser a b {
color: #76B5B6; font-family:georgia,times,serif;
text-decoration: none}
.ljuser a b {font-weight:normal;font-family:georgia,times,serif;font-style:italic}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, li.sbaritem:hover a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #D5E2B7}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #333333}
sidebar and odd socks
/*
the words we'll never know in odd socks ((flexible squares; milou veronica))
*/
/*SET WIDTH*/
#content{ width:785px}
/*EDIT FONT */
body{font-family: "Verdana", Helvetica, sans-serif; font-size: .73em}
body{background: url() #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; margin: 0; padding: 0px 0 0}
.headerimage {position: relative; background: url(); width: px; height: px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #333333;margin: 0px auto 0;padding:0;background-color: #}
#maincontent { padding: 0;margin-right:170px;margin-top: px;text-align: left}
#sidebar { padding:6px; margin: 0; float:right;text-align: left; color: #888888;font-size: 7pt; background-color: #FFFFFF;width:152px}
/* HEADER */
#header {line-height:.8;margin: 0px; text-align: left; color: #aaaaaa; padding:0;font-family:georgia,times,serif;background-color: #1a1a1a;background-image:url(http://i44.tinypic.com/30k94rn.png)}
ul.navheader{ padding:15px 0; float:right;font-size:1.1em;letter-spacing:-.1em;text-transform: lowercase;font-style:italic; margin:0;text-align:right}
ul.navheader li {margin:0 0 0 -2px; list-style-type: none;display: inline;padding:12px 20px}
.title {padding: 50px 10px 0; letter-spacing: .1em;line-height:1;font-size: 1.3em;text-transform: uppercase ;color:#FFFFFF}
.subtitle{text-transform: lowercase;line-height:.9;padding:6px 0 6px 20px; font-size: .7em;color:#aaaaaa;font-style:italic}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
div#header li {background-color:#190C1A} div#header li:hover{background-color:#FAD194; position:relative;top:5px; padding-top:17px}
div#header li + li {background-color: #40404C} div#header li + li:hover {background-color: #638E91}
div#header li + li + li {background-color: #A18B85} div#header li + li + li:hover{background-color: #190C1A}
div#header li + li + li + li {background-color: #FAD194} div#header li + li + li + li:hover {background-color: #40404C}
div#header li + li + li + li + li {background-color:#638E91} div#header li + li + li + li + li:hover{background-color:#A18B85}
/* ENTRIES */
.subcontent { min-height: 140px; margin:0; padding: 0px;border:5px solid #FFFFFF;background: #eeeeee url(http://i41.tinypic.com/f290go.jpg)}
}){kind=link}
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject { background-color: transparent ; letter-spacing: -1px; font-size: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold}
.datesubject {padding: 10px 5px 15px 10px; text-align: right;font-family:georgia,times,serif;background-color: #FFFFFF;margin-right:118px}
.entry { margin: 0px; padding: 0px; text-align: left; line-height: 1.75;background-color: #FFFFFF;margin-right:118px}
body.lj-view-reply .entry{background-color:#FFFFFF;margin-right:118px;min-height:100px}
.entry_text { padding: 10px 20px; min-height:150px; }
.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: 4px; background-color: #ffffff; margin: 5px 4px 10px 10px ; z-index: 15; border: 1px solid #e7e7e7}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0 0 3px; margin: 5px 5px 10px 10px; text-align: right; z-index: 15; font-size: 8pt}
.userpicfriends img {background-color:#FFFFFF; padding: 4px; border:1px solid #e7e7e7}
.userpicfriends a font {color: #333333;font-size:1.3em}
/* COMMENT BAR */
.comments {color: #ffffff; font-style:italic;font-family:georgia,times,serif; font-size: .85em; text-align: right; padding: 5px 0px 5px 5px; text-transform: lowercase; position:relative;margin:0 -120px 0 0;line-height:.65;}
div.comments a, div.comments a:visited, div.comments a:link {padding: 2px 3px; background-color:#fafafa;margin: 0 4px 0 auto; border-width: 0 1px 1px 0;border-style: solid;border-color: #e3e3e3;display:block;width:100px;position:relative;margin-top:-4px}
div.comments a:hover {background-color:#ececec;border-width: 1px 0 0 1px;border-style: solid;border-color:#dddddd}
.separator{height: 60px}
/* CURRENTS AND TAGS */
.ljtags {text-align: left; padding: 0 0 0 12px; background: transparent url(http://i41.tinypic.com/29kw1tf.png) no-repeat scroll 0 50%; margin: 50px 0 0 5px; position: relative; text-transform: lowercase; font-size: 7pt; color: #444; font-weight: bold}
.ljtags:hover {border-color: #520204} div.ljtags a {font-weight: normal; }
.currents {text-align: left;background-color: #FFFFFF; margin:0 118px 0 0px; padding: 8px 25px; clear:;text-transform: lowercase; font-size: 7pt; color: #999999;border-right: 10px solid #FFFFFF}
.currents strong {text-decoration: none; color: #444444}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 0 4px 12px; background: transparent none no-repeat scroll 0 50%; }
.currentlocation {background-image: url(http://i43.tinypic.com/1562vkh.png)}
.currentmood{background-image: url(http://i40.tinypic.com/vo08pg.png)}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png)}
.currentmusic {background-image: url(http://i39.tinypic.com/2r4lgrl.png)}
.currentmood img{vertical-align:middle}
/* TAG PAGE */
h2 { background-color: #FFFFFF;padding: 10px 10px 10px 30px;letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #ffffff; font-weight: normal; margin: 0; }
.ljtaglist { text-align: left; margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 35px; font-size:10px; list-style: circle; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #f4f4f4; }
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding:0px; clear: left}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 8px; border: 1px solid #ececec; 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: 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: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%}
.skiplinks {text-align: right; margin-bottom: 6px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}
/* SIDEBAR */
.defaultuserpic { margin:0 5px 5px; padding:0px; text-align:center}
.defaultuserpic img {padding: 3px; width:70px;height:70px; border:1px solid #eeeeee; margin-top: 0px}
.sbarheader {padding: 0px 5px 0px 5px}
.sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { padding: 5px 15px;}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none}
li.sbaritem{ padding: 1px 5px; background:#EEEEEE url(http://i41.tinypic.com/f290go.jpg) repeat fixed 0 0; margin:1px 0; display:block} li.sbaritem:hover { border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7}
li.sbartitle{ font-family:Georgia,serif; text-transform: lowercase; padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; color: #777777}
#sidebar_linklist {text-transform: lowercase;padding: 10px 0;} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {}
table.calendar td{font-size:.9em;text-align:center} td.sbarcalendar {border:1px solid #e7e7e7;padding:3px} td.sbarcalendarposts{border:1px solid #e7e7e7;background-color: #f8f8f8;padding:3px}
/* FOOTER */
#footer {padding:12px 0;text-align:center; clear:both;margin:0;text-transform: lowercase; font-size: 7pt; letter-spacing: 0px; z-index: 100; background-color: #1a1a1a}
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: 1px 7px; margin: 2px; background-color: #222222; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #222222; padding: 2px 10px;width:200px;display:block; margin: 2px auto}
div#footer a:hover {background-color: #2e2e2e; }
.clearfoot { clear:both;background-color: #1a1a1a}
/* ARCHIVE PAGE */
ul.year { background-color: #FFFFFF; margin: 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px}
ul.year li {display: inline}
table.yeartable {margin-top: 0; 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: #eeeeee}
table.yeartable td.yearday { background-color: #f4f4f4; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none;height: 8px}
/* ICONS BY PINVOKE */
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"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;padding-left:6px}
img[src*="icon_protected.gif"]{background-image: url(http://i43.tinypic.com/21j3fpj.png)}
}){kind=link}
img[src*="icon_private.gif"]{background-image: url(http://i44.tinypic.com/2a8gab4.png)}
}){kind=link}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2iag36g.png)}
}){kind=link}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/9pynb5.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i41.tinypic.com/2iadcf6.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/23sfczp.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/2d8117n.png) !important}
img[src*="btn_del.gif"]{background-image: url(http://i40.tinypic.com/hwcnyt.png)}
}){kind=link}
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/2vs3thf.png)}
}){kind=link}
img[src*="btn_unscr.gif"] {background-image: url(http://i43.tinypic.com/tam1qu.png)}
}){kind=link}
img[src*="btn_freeze.gif"] {background-image: url(http://i43.tinypic.com/262ms84.png)}
}){kind=link}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i42.tinypic.com/2s9591h.png)}
}){kind=link}
img[src*="btn_track.gif"] {background-image: url(http://i44.tinypic.com/143qc9f.png)}
}){kind=link}
img[src*="btn_tracking.gif"] {background-image: url(http://i41.tinypic.com/29qie4p.png)}
}){kind=link}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i43.tinypic.com/14cfuxc.png)}
}){kind=link}
img[src*="anonymous.gif"] {background-image: url(http://i41.tinypic.com/20aqdk6.png)}
}){kind=link}
img[src*="openid-profile.gif"] {background-image: url(http://i41.tinypic.com/33xhoio.png)}
}){kind=link}
img[src*="userinfo.gif"] {background-image: url(http://i43.tinypic.com/53l8xv.png)}
}){kind=link}
img[src*="talk/none.gif"] {background-image: url(http://i41.tinypic.com/315oaol.png)}
}){kind=link}
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/vpi8lc.png)}
}){kind=link}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i43.tinypic.com/35b7ey1.png)}
}){kind=link}
.ljuser img {width: 0; height: 0; background: transparent url(http://i39.tinypic.com/fp9wlj.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i39.tinypic.com/fp9wlj.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/14cem0x.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !important}
/* MISC */
.Note .Inner, form#postform { 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}
b, u { color: #222222}
i, s { color: #aaaaaa; font-family: Georgia, Times New Roman, Book Antiqua, serif}
p, td {font-size: 11px}
blockquote { padding:10px; margin: 10px;border:3px double #eeeeee; color: #555555 }
code {display:block; padding:5px; border:1px dashed #dddddd; font-size: 12px}
q{color:#999999;font-style:italic}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace} form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px}
input, textarea { font-family: "Georgia", Geneva, sans-serif; font-size: 13px; background: #f7f7f7 url() repeat scroll 0 0; border: 1px solid #eeeeee;color: #444444}
/* 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, .ljuser a b {
color: #40404C; font-family:georgia,times,serif;
text-decoration: none}
.ljuser a b {font-weight:normal;font-family:georgia,times,serif;font-style:italic}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, li.sbaritem:hover a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #638E91}
div#header a, #header {color: #ffffff} div#header a:hover {color: #FFFFFF} a img {border:none}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #333333}
installation
01.
Choose Journal Style
02.
Select "Grays" 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 #FFFFFF.
05.
Then go to the "Sidebar" section. Make sure all the sidebar elements you wish to show 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:Q&A
♚ mini icons by Pinvoke and graphicsbyjulz
♚ Upload images to your own server
♚ If you want to mix and match the colours of the navigation bar, it's the last five lines under the HEADER section
♚ 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.
25.03.12: re-upped some images