s2 layout: last night's love affair is looking vulnerable [flexible squares]: milou

milou_veronica

s2 layout: last night's love affair is looking vulnerable [flexible squares]

Dec 19, 2009 11:15

image | live

image | live
layout:last night's love affair is looking vulnerable
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar/sidebar
browsers: FF definitely, everything else more or less.
Rounded corners don't work in IE (for now, maybe IE9)

ecstasy
/*

last night's love affair is looking vulnerable in ecstasy (flexible squares; milou veronica)

*/

body {background: #f5f5f5 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: "Trebuchet MS",Geneva, sans-serif; font-size: 9pt; margin:0px}

.headerimage {display:none;position: relative; background: transparent url() repeat scroll 0 0; width: 100%; height: 120px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:5px solid #4CA8AF; border-bottom:5px solid #83BBBF}

#content{color: #444444; max-width: 850px; background: transparent url() repeat scroll 0 0; margin: 0 auto; border-width: 0px; padding: 10px 0 0}

#maincontent {padding:0; background: #f5f5f5 url() repeat scroll 0 0; text-align: justify;margin-left:180px}

#sidebar {float:left; padding:0 0 0 15px;background: #eeeeee url(http://i31.tinypic.com/2s9ez45.png) repeat scroll;width: 160px; text-align: left; color: #666666; font-size: .85em; border:1px solid #ececec;line-height: 1.75;margin-left: auto; margin-right: auto}

/* HEADER */

#header {margin: 0 auto;text-align: center; text-transform: uppercase; color: #ffffff; padding: 35px 0 0}

div#header a, div#header a:link, div#header a:visited{postion:relative;color:#FFF}
div#header li.view {}.title:first-letter {color:#EF952C}
ul.navheader{ font-size:8pt;margin:0;padding:0 0 12px;letter-spacing:1px;line-height:.8;text-align:right}
ul.navheader li {margin: 0 0 0 -20px; list-style-type: none; padding:35px 25px 10px;display:inline;
-moz-border-radius-topleft:60px;-moz-border-radius-topright:60px;
-webkit-border-top-right-radius:60px;-webkit-border-top-left-radius:60px;
border-top-right-radius:60px;border-top-left-radius:60px}
ul.navheader li:hover{position:relative;padding:30px 25px 20px;bottom:10px}
.title {background-color: #111;padding: 10px 0 0;letter-spacing: -1px;line-height:.8;margin: 0;font-size:13pt;color:#FFFFFF}
.subtitle{background-color: #111;padding: 0 0 10px;text-transform: lowercase; font-size:.73em;line-height:2; text-align: center;letter-spacing: 3px;font-family:tahoma;color:#777777}

div#header li {background-color:#2CCEEF}div#header li:hover{background-color:#FF7F84}
div#header li + li{background-color: #95BF2F}div#header li + li:hover{background-color: #D445DF}
div#header li + li + li {background-color: #EF952C}div#header li + li + li:hover{background-color: #2CCEEF}
div#header li + li + li + li{background-color: #FF7F84}div#header li + li + li + li:hover{background-color: #95BF2F}
div#header li + li + li + li + li {background-color:#D445DF}div#header li + li + li + li + li:hover{background-color:#EF952C}

/* ENTRIES */

.subcontent {min-height: 120px; background: #f1f1f1 url(http://i31.tinypic.com/2s9ez45.png) repeat scroll 50% 0;padding-right:115px;margin-left: auto; margin-right: auto; border: 1px solid #ececec}

.date {text-transform: uppercase; color: #aaa; font-size:.9em;letter-spacing:.6em}
.subject {font-size: 2em; letter-spacing:-0.09em;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a,.subject a:link,.subject a:visited {text-decoration: none;color: #aaaaaa}

.datesubject {text-align: left;padding: 10px 5px 10px 10px;background-color: #ffffff; border-right: 1px solid #ececec}

.entry{margin: 0px; padding: 10px 0 0 0;text-align: justify;line-height: 1.75; min-height:63px;background-color: #ffffff;border-right: 1px solid #ececec}
.entry_text {padding: 0 20px}

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

/* USERPICS */

.userpic {position: relative; float: right; padding: 3px; background-color: #ffffff; margin:5px -112px 10px 10px; z-index: 15; border: 1px solid #e4e4e4}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0px; margin:5px -112px 10px 10px; text-align: center;z-index: 15}
.userpicfriends img {border: 0px; padding: 3px; border: 1px solid #e4e4e4; background-color: #ffffff}
.userpicfriends a font {color: #333333;font-size:10pt}

/* COMMENT BAR */

.comments {color: #f2f2f2; font-size: 7.5pt; text-align: right; padding:6px 0; line-height:.2;position: relative;margin:0 -115px 0 0;text-transform: lowercase;clear:right}

div.comments a, div.comments a:visited, div.comments a:link {padding: 1px 6px;display:block;background-color:#f2f2f2;line-height:1;width:95px;margin:0 3px 0 auto;border-color:#e4e4e4;border-style:solid;border-width:0 1px 1px 0}
div.comments a:hover{border-width:1px 0 0 1px;border-color:#dddddd;background-color:#ececec}
.separator{height: 25px}

/* CURRENTS AND TAGS */

.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i28.tinypic.com/aoki13.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold}
.ljtags:hover {} div.ljtags a {font-weight: normal}

.currents {text-align: right; margin:0; padding: 8px 20px; text-transform: lowercase; font-size: 7pt; color: #646464;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}
.currents strong,.currentlocation strong,.currentmood strong,.currentgroups strong,.currentmusic strong {text-decoration: none; color: #888888; display:none}
.currentlocation,.currentmood,.currentgroups ,.currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i31.tinypic.com/2yumwe1.gif)}
.currentmood{background-image: url(http://i31.tinypic.com/2hmoshx.gif)}
.currentgroups {background-image: url(http://i25.tinypic.com/5kqe4l.gif)}
.currentmusic {background-image: url(http://i32.tinypic.com/10nzvk3.gif)}

/* TAG PAGE */

h2 {padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto}

.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none}
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee}.ljtaglist li:hover{background-color:#f8f8f8}

/* COMMENT PAGE */

body.lj-view-reply .entry{padding:10px 20px 20px}
.box {text-align: left; margin-bottom:1px; padding: 0px;margin-left: auto; margin-right: auto}

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}

.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}

input {font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999}
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.25}

.replytosubject {letter-spacing:2px; font-weight: bold}

.commentreply {min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px}

.commentbox {border: 1px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}

.commentbox:hover,.commentboxpartial:hover {border-color: #dddddd}

.commentboxpartial {background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px}

.commentinfo {background-color: #ffffff; margin-top: 10px; width: 100%}
form#postform{background-color: #ffffff;border:1px solid #eeeeee}form#qrform table {border-width: 0px !important}form#qrform {background-color: #ffffff}

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

.skiplinks {text-align: center; border:1px solid #ececec;margin: 0 auto 10px;padding: 10px 0px; font-size: 8pt; color: #eeeeee;background-color: #ffffff}
.skiplinks a {background-color:#ffffff;word-spacing:1px}.skiplinks a:hover{background-color:#f7f7f7}

/* SIDEBAR */

.defaultuserpic {text-align: center; margin: 0;background-color: #ffffff;padding: 10px 0;border-left: 1px solid #ececec;}
.defaultuserpic img {border: 1px solid #eee;padding:2px;}

.sbarheader {padding: 0px 5px 3px 5px;background-color: #ffffff;}
.sbarbody {padding: 0px 2px 3px 2px; background-color: #ffffff;border-left: 1px solid #ececec;}

.sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5;background-color: #ffffff;border-left: 1px solid #ececec;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:black; padding: 0 4px; margin:2px 0;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#eeeeee;background-color: #f9f9f9;} li.sbaritem:hover {border-color:#dddddd;border-width: 1px 0px 0px 1px;background-color: #f4f4f4;}
li.sbartitle{padding: 3px 8px; color: #1a1a1a;text-transform:lowercase;letter-spacing:0.05em;border-top:1px solid #f4f4f4}

#sidebar_linklist {text-align:left;text-transform: lowercase;margin:0; background-color: #ffffff}
#sidebar table.calendar {font-size:7pt;line-height:1}td.sbarcalendar, td.sbarcalendarposts {border:1px solid #eeeeee;padding:4px 3px} td.sbarcalendarposts {background-color:#f4f4f4;text-align:center;font-size:10pt;padding:1px}

/* FOOTER */

#footer {background-color: #111111;padding: 0; text-align: center; margin:auto;text-transform: uppercase; font-size:.7em; letter-spacing: 3px; z-index: 100; clear: both}

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

div#footer li.viewing {color: #555555;display:none}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:inline; color: #aaaaaa}
div#footer a:hover {color:#bbbbbb}

.clearfoot {background-color: #111111;clear: both;height:15px}

/* ARCHIVE PAGE */

ul.year {margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;padding: 20px;border: 1px solid #ececec}

ul.year li {display: inline}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto; width:100%;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: #FBFBF8; text-align: center}

td.yearmonth {border-style: none}

.clear {display:none; height: 8px}

/* MINI ICONS */

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 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://i43.tinypic.com/dmpv28.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/2zp6r1z.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/5m9yjd.png)}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/30vhoip.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i40.tinypic.com/jrv5e8.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/10ru6us.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i42.tinypic.com/65055j.png) !important}

img[src*="btn_del.gif"]{background-image: url(http://i39.tinypic.com/30xiwhs.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i43.tinypic.com/2yv4a4w.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/zul8jc.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/2yz0h0h.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i39.tinypic.com/v6tf8n.png)}
img[src*="btn_track.gif"] {background-image: url(http://i40.tinypic.com/dph8up.png)}
img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/2zqtoaa.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/s1p200.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/28u0acm.png)}
img[src*="userinfo.gif"] {background-image: url(http://i40.tinypic.com/2w6t16w.png)}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/2009rvk.png)}
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/2emjspu.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i40.tinypic.com/2nqtbbs.png)}

.ljuser img {width: 0; height: 0; background: transparent url(http://i40.tinypic.com/2w6t16w.png) no-repeat 0 0; padding: 0 2px 10px 10px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i40.tinypic.com/2w6t16w.png) no-repeat 0 0 !important; padding: 0 2px 10px 10px !important}
.ljuser img[src*="community.gif"] {background: transparent url(http://i39.tinypic.com/2d6jndc.png) no-repeat scroll 0 0 !important; padding: 0 2px 10px 10px !important}

HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !important}

/* CONTEXTUAL POP-UP */

div.ContextualPopup {margin: 0px; text-align: left; font: normal 9px "Arial" !important}
div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #eeeeee;background: transparent url(http://i31.tinypic.com/2s9ez45.png) !important; padding: 0; width: 280px}
div.ContextualPopup .Userpic {padding: 3px; margin: 5px 5px 0; border: 1px solid #eeeeee; background: #ffffff url()}
div.ContextualPopup .Content {padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url()}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important; font-weight: bold; color: #999999 !important}
div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase}

/* MISC */
table#lj_controlstrip td {background: #ececec url(http://i31.tinypic.com/2s9ez45.png);color: #666666;border: solid 1px #e4e4e4; border-left: none}
#lj_controlstrip input {border: 1px solid #e3e3e3;background-color: #e7e7e7; color:#555555}
#lj_controlstrip a {color: #999999}#lj_controlstrip_statustext {color: #666666}#lj_controlstrip.ljuser a b {color:#ffffff}#lj_controlstrip_userpic {display:none}
a img {border:none}
b, u {color: #333333}
i, s {color: #aaaaaa}
p, td {}

blockquote {padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#555555;font-size:8pt}
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
.appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important}

kbd, pre, tt {font-family: monospace}
textarea {font-family: "Trebuchet MS",Geneva, sans-serif;font-size: 12px; background: #f7f7f7 url() repeat; border: 1px solid #dddddd; color: #555555}

/* COLORS */

a, a:link, a:visited,.subject a, div.comments a:hover,.subject a:link,.subject a:visited, h2, code, div#sidebar a,.datesubjectcomment a:link,.datesubjectcomment a:visited, div.ContextualPopup.Relation,.ljuser a b {
color: #95BF2F;
text-decoration: none}
.ljuser a b {font-weight:normal}
a:hover,.subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a,.ljuser a b:hover {color: #FF7F84; text-decoration: none}
.subject a,.subject a:link,.subject a:visited,.subject,h2 {text-decoration: none;color: #29C5DF}
stained
/*

last night's love affair is looking vulnerable in stained (flexible squares; milou veronica)

*/

body {background: #222222 url(http://i28.tinypic.com/29zy1jr.jpg) repeat fixed 0 0; text-align: center; color: #ffffff; font-family: "Arial",Geneva, sans-serif; font-size: 9pt; margin:0px}

.headerimage {display:none;position: relative; background: transparent url() repeat scroll 0 0; width: 100%; height: 120px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:5px solid #4CA8AF; border-bottom:5px solid #83BBBF}

#content{color: #aaaaaa; max-width: 850px; background: transparent url() repeat scroll 0 0; margin: 0 auto; border-width: 0px; padding: 10px 0 0}

#maincontent {padding:0; background: transparent; text-align: justify;margin-left:180px}

#sidebar {float:left; padding:0 0 0 15px;background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0;width: 160px; text-align: left; color: #666666; font-size: .85em; border:0px solid #222222;line-height: 1.75;margin-left: auto; margin-right: auto}

/* HEADER */

#header {margin: 0 auto;text-align: center; text-transform: uppercase; color: #ffffff; padding: 35px 0 0}

div#header a, div#header a:link, div#header a:visited{postion:relative;color:#FFF}
div#header li.view {background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;}.title:first-letter {color:#333}
ul.navheader{ font-size:8pt;margin:0;padding:0 0 12px;letter-spacing:1px;line-height:.8;text-align:right}
ul.navheader li {background: transparent url(http://i29.tinypic.com/33dyttf.png) repeat scroll 50% 0;margin: 0 0 0 -20px; list-style-type: none; padding:35px 25px 10px;display:inline;-moz-border-radius-topleft:60px;-moz-border-radius-topright:60px;
-webkit-border-top-right-radius:60px;-webkit-border-top-left-radius:60px;
border-top-right-radius:60px;border-top-left-radius:60px}
ul.navheader li:hover{position:relative;padding:30px 25px 20px;bottom:10px;background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0}
.title {background-color: #000000;padding: 10px 0 0;letter-spacing: -1px;line-height:.8;margin: 0;font-size:13pt;color:#ccc}
.subtitle{background-color: #000000;padding: 0 0 10px;text-transform: lowercase; font-size:.73em;line-height:2; text-align: center;letter-spacing: 3px;font-family:tahoma;color:#777777}

/* ENTRIES */
.subcontent {min-height: 120px; background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0;padding-right:140px;margin-left: auto; margin-right: auto; border: 0px solid #222}

.date {text-transform: uppercase; color: #aaa; font-size:.8em;float:right}
.subject {font-size: .95em; letter-spacing:0.09em;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a,.subject a:link,.subject a:visited {text-decoration: none;color: #aaaaaa}

.datesubject {text-align: left;padding: 15px 5px 15px 10px;background: #000 url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0}

.entry{margin: 0px; padding: 0;text-align: justify;line-height: 1.75; min-height:63px}
.entry_text {min-height:90px;padding: 10px 20px 0;background: transparent url(http://i32.tinypic.com/148dfnb.png) repeat scroll 50% 0}

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

/* USERPICS */
.userpic {position: relative; float: right; padding: 10px; background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0; margin:5px -132px 10px 10px; z-index: 15; border: 0px solid #0a0a0a}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0px; margin:5px -132px 10px 10px; text-align: center;z-index: 15}
.userpicfriends img {border: 0px; padding: 10px; border: 0px solid #;background: transparent url(http://i29.tinypic.com/33dyttf.png) repeat scroll 50% 0;}
.userpicfriends a font {color: #fff;font-size:10pt}

/* COMMENT BAR */
.comments {color: #111; font-size: 8pt; text-align: right; padding:12px 0 12px 0; line-height:.2;position: relative;background: transparent url(http://i32.tinypic.com/148dfnb.png) repeat scroll 50% 0;margin:0 -140px 0 0;text-transform: uppercase;clear:right;word-spacing:-3px}
div.comments a, div.comments a:visited, div.comments a:link {padding: 10px 12px;display:inline;background: transparent url(http://i32.tinypic.com/148dfnb.png) repeat scroll 50% 0;word-spacing:3px;line-height:1;margin:0 3px 0 auto;position:relative}
div.comments a:hover{background:#000 url()}
.separator{height: 65px}

/* CURRENTS AND TAGS */
.ljtags {text-align: right; padding: 4px 0px 4px 0; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #cccccc; font-weight: bold}
.ljtags:hover {} div.ljtags a {font-weight: normal}

.currents {background: transparent url(http://i27.tinypic.com/e8a58l.png) repeat scroll 50% 0;text-align: right; margin:0; padding: 8px 20px; text-transform: lowercase; font-size: 7pt; color: #646464;border-right:1px solid #000}
.currents strong,.currentlocation strong,.currentmood strong,.currentgroups strong,.currentmusic strong {text-decoration: none; color: #cccccc}

/* TAG PAGE */

h2 {padding: 10px 10px 10px 30px; border: 0px solid #111111; border-bottom:none;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;font-weight: normal;margin: 0px auto}

.ljtaglist {text-align: left; margin: 0px auto; padding:20px;background: transparent url(http://i32.tinypic.com/148dfnb.png) repeat scroll 50% 0;font-size:10px; list-style:inside none square; border: 0px solid #111111; border-top:none}
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #000}.ljtaglist li:hover{background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0;l}

/* COMMENT PAGE */

body.lj-view-reply .entry{padding:10px 20px 20px}
.box {text-align: left; margin-bottom:1px; padding: 0px;margin-left: auto; margin-right: auto}

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}

.userpiccomment {position: relative; padding: 9px; border: 1px solid #111111; background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0;left: 0px; margin: 0 10px 0 0; z-index: 15; float: left}

input {font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0; border: 1px solid #111111; color: #999999}
textarea.textbox {width: 100% !important}

.reply{border: 0px ; position: relative; margin: 0px 30px 10px 30px; padding: 2px 10px 10px 10px; text-align: left; line-height: 1.25}

.replytosubject {letter-spacing:2px; font-weight: bold}

.commentreply {min-height: 65px; text-align: left; position: relative; margin: 0px 10px 10px 120px}

.commentbox {border: 0px solid #151515; background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}

.commentbox:hover,.commentboxpartial:hover {border-color: #dddddd}

.commentboxpartial {background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;border: 1px solid #111111;padding: 10px; margin: 10px}

.commentinfo {background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;margin-top: 10px; width: 100%}
form#postform{background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;border:1px solid #161616}form#qrform table {border-width: 0px !important}form#qrform {background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0}

.Note .Inner {background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0; border: 1px solid #161616; color: #666666}.ippu.track_title {letter-spacing: 3px; color: #444444; font-weight: normal}div.ljcmtmanage {background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;border: 1px solid #161616; padding:10px}

.skiplinks {text-align: center; border:0px solid #151515;margin: 0 auto 10px;padding: 10px 0px; font-size: 8pt; color: #222;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;}

/*SIDEBAR */

.defaultuserpic {text-align: center; margin: 0;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;padding: 10px 0;border-left: 1px solid #1a1a1a;}
.defaultuserpic img {border: 1px solid #171717;padding:2px;}

.sbarheader {padding: 0px 5px 3px 5px;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0}
.sbarbody {padding: 0px 2px 3px 2px; background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;border-left: 1px solid #1a1a1a;}

.sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;border-left: 1px solid #1a1a1a;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:block; padding: 0 4px; margin:2px 0} li.sbaritem:hover {border-color:#222222}
li.sbartitle{padding: 3px 8px; color: #ccc;text-transform:lowercase;letter-spacing:0.05em;border-top:1px solid #111;background: transparent url() repeat scroll 50% 0}

#sidebar_linklist {text-align:left;text-transform: lowercase;margin:0;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0}
#sidebar table.calendar {font-size:7pt;line-height:1}td.sbarcalendar, td.sbarcalendarposts {border:1px solid #1d1d1d;padding:4px 3px} td.sbarcalendarposts {background: transparent url(http://i27.tinypic.com/292lf0o.png) repeat scroll 50% 0;text-align:center;font-size:10pt;padding:1px}

/* FOOTER */
#footer {background-color: #000000;padding: 0; text-align: center; margin:auto;text-transform: uppercase; font-size:.7em; letter-spacing: 3px; z-index: 100; clear: both}

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

div#footer li.viewing {color: #555555;display:none}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:inline; color: #aaaaaa}
div#footer a:hover {color:#bbbbbb}

.clearfoot {background-color: #000000;clear: both;height:15px}

/* ARCHIVE PAGE */

ul.year {margin: 0px; margin: 0 auto 10px;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0; text-align: center;padding: 20px;border: 0px solid #222222}

ul.year li {display: inline}

table.yeartable {margin-left: auto; margin-right: auto;background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;border: 1px solid #111111; margin-left: auto; margin-right: auto; width:100%;padding: 30px}

table.yeartable td.yeardate, table.yeartable td.yearday {border-width: 0px; padding:5px 5px 10px;border-style: solid;background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0;}

table.yeartable td.yearday {background: transparent url() repeat scroll 50% 0; text-align: center}

td.yearmonth {border-style: none}

.clear {display:none; height: 8px}

/* MINI ICONS */

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 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://i30.tinypic.com/euokrt.png)}
img[src*="icon_private.gif"]{background-image: url(http://i27.tinypic.com/30l2psm.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i29.tinypic.com/2zfiide.png)}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/30vhoip.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i40.tinypic.com/jrv5e8.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/10ru6us.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i42.tinypic.com/65055j.png) !important}

img[src*="btn_del.gif"]{background-image: url(http://i39.tinypic.com/30xiwhs.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i43.tinypic.com/2yv4a4w.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/zul8jc.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/2yz0h0h.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i39.tinypic.com/v6tf8n.png)}
img[src*="btn_track.gif"] {background-image: url(http://i40.tinypic.com/dph8up.png)}
img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/2zqtoaa.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/s1p200.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/28u0acm.png)}
img[src*="userinfo.gif"] {background-image: url(http://i31.tinypic.com/14j1568.png)}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/2009rvk.png)}
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/2emjspu.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i40.tinypic.com/2nqtbbs.png)}

.ljuser img {width: 0; height: 0; background: transparent url(http://i31.tinypic.com/14j1568.png) no-repeat 0 0; padding: 14px 16px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i31.tinypic.com/14j1568.png) no-repeat 0 0 !important; padding: 14px 16px 0 2px !important}
.ljuser img[src*="community.gif"] {background: transparent url(http://i30.tinypic.com/28cqa2q.png) no-repeat scroll 0 0 !important; padding: 14px 16px 0 2px !important}

HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !important}

/* CONTEXTUAL POP-UP */

div.ContextualPopup {margin: 0px; text-align: left; font: normal 9px "Arial" !important}
div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #111111;background: transparent url(http://i31.tinypic.com/fcviwl.png) !important; padding: 0; width: 280px}
div.ContextualPopup .Userpic {padding: 3px; margin: 5px 5px 0; border: 1px solid #151515; background:transparent url(http://i28.tinypic.com/2cz509g.png)}
div.ContextualPopup .Content {padding: 5px;border-right: 1px solid #111; margin-right:68px;background: transparent url(http://i28.tinypic.com/2cz509g.png)}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important; font-weight: bold; color: #999999 !important}
div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase}

/* MISC */

table#lj_controlstrip td {background: transparent url(http://i31.tinypic.com/fcviwl.png) repeat scroll 50% 0;color: #666666;border: solid 1px #222; border-left: none}
#lj_controlstrip{background: transparent url() repeat scroll 50% 0}
#lj_controlstrip input {border: 1px solid #151515;background-color: #222; color:#555555}
#lj_controlstrip a {color: #999999}#lj_controlstrip_statustext {color: #666666}#lj_controlstrip.ljuser a b {color:#ffffff}#lj_controlstrip_userpic {display:none}
a img {border:none}
b, u {color: #333333}
i, s {color: #aaaaaa}
p, td {}

blockquote {padding:10px; border: 1px solid #181818;margin:0 4px; color:#888;font-size:8.5pt}
code {display:block; padding:5px; border:1px dashed #151515; font-size: 12px}
.appwidget-qotd table td div{border:1px solid #151515 !Important;padding:5px 30px 5px 5px !important}

kbd, pre, tt {font-family: monospace}
textarea {font-family: "Trebuchet MS",Geneva, sans-serif;font-size: 12px; background: transparent url(http://i28.tinypic.com/2cz509g.png) repeat scroll 50% 0 !important;border: 1px solid #151515 !important; color: #cccccc;padding:10px 0 10px 10px}

/* COLORS */

a, a:link, a:visited,.subject a, div.comments a:hover,.subject a:link,.subject a:visited, h2, code, div#sidebar a,.datesubjectcomment a:link,.datesubjectcomment a:visited, div.ContextualPopup.Relation,.ljuser a b {
color: #62878F;
text-decoration: none}
.ljuser a b {font-weight:normal}
a:hover,.subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a,.ljuser a b:hover {color: #475F56; text-decoration: none}
.subject a,.subject a:link,.subject a:visited,.subject,h2 {text-decoration: none;color: #ffffff}
sober
/*

last night's love affair is looking vulnerable in sober (flexible squares; milou veronica)

*/

body {background-color: #222222; text-align: center; color: #ffffff; font-family: "Arial",Geneva, sans-serif; font-size: 9pt; margin:0}

.headerimage {position: relative; background: transparent url() repeat scroll 0 0; width:760px; height: 0px;margin:0 auto}

#content{color: #444444;background-color: transparent; margin: 0 auto; border-width: 0px; padding: 10px 0 }

#maincontent {padding:10px 0 0; background-color: #f5f5f5; text-align: justify}

#sidebar { padding:0 10px 10px;background-color: #111111;text-align:left;color: #888888;width:760px;font-size: .85em;min-height:85px;line-height: 1.75;margin-left: auto; margin-right: auto;font-family:Georgia,Times New Roman,serif}

/* HEADER */

#header {background-color:#111111;margin: 0 auto;text-align: right; color: #ffffff; padding: 0 0;font-family:Georgia,Times New Roman,serif; width:780px;font-style:italic;text-transform:lowercase;}

div#header a, div#header a:link, div#header a:visited{postion:relative;color:#FFF}
div#header li.view {}.title:first-letter {color:#8D9C9B;font-size:38pt;float:left}
ul.navheader{ background-color:#222222;font-size:10pt;margin:0;padding:35px 0 7px;letter-spacing:-1px;line-height:.8;text-align:right}
ul.navheader li {margin: 0 0 0 -20px; list-style-type: none; padding:25px 25px 5px;display:inline;-moz-border-radius-topleft:40px;-moz-border-radius-topright:40px;
-webkit-border-top-right-radius:40px;-webkit-border-top-left-radius:40px;
border-top-right-radius:40px;border-top-left-radius:40px}
ul.navheader li:hover{position:relative;padding:20px 25px 15px;bottom:10px}
.title {background-color: #111;width:450px;text-align:left;padding: 10px 10px 0;letter-spacing: -1px;line-height:.8;margin: 0 0 0 auto;font-size:14pt; text-transform: lowercase;color:#fff}
.subtitle{background-color: #111;padding: 0 10px 10px;font-size:.85em;line-height:2;letter-spacing: px;color:#777777}

div#header li {background-color:#8D9C9B}div#header li:hover{background-color:#CEC29E}
div#header li + li{background-color: #B9C0B0}div#header li + li:hover{background-color: #A77F62}
div#header li + li + li {background-color: #D7D3AC}div#header li + li + li:hover{background-color: #8D9C9B}
div#header li + li + li + li{background-color: #CEC29E}div#header li + li + li + li:hover{background-color: #B9C0B0}
div#header li + li + li + li + li {background-color:#A77F62}div#header li + li + li + li + li:hover{background-color:#D7D3AC}

/* ENTRIES */

.subcontent {min-height: 120px; background: #f1f1f1 url(http://i31.tinypic.com/2s9ez45.png) repeat scroll 50% 0;padding-right:115px;margin-left: auto; margin-right: auto; border: 1px solid #ececec; width:665px}

.date {text-transform: uppercase; color: #aaa; font-size:.9em;letter-spacing:.6em}
.subject {font-size: 2em; letter-spacing:-0.09em;line-height: 1; color: #aaaaaa; font-family:Georgia,Times New Roman,serif; font-style:italic;text-transform: lowercase}
.subject a,.subject a:link,.subject a:visited {text-decoration: none;color: #aaaaaa}

.datesubject {text-align: left;padding: 10px 5px 10px 10px;background-color: #ffffff;border-right: 1px solid #ececec}

.entry{margin: 0px; padding: 10px 0 0 0;text-align: justify;line-height: 1.75; min-height:63px;background-color: #ffffff;border-right: 1px solid #ececec}
.entry_text {padding: 0 20px}

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

/* USERPICS */

.userpic {position: relative; float: right; padding: 3px; background-color: #ffffff; margin:5px -112px 10px 10px; z-index: 15; border: 1px solid #e4e4e4}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0px; margin:5px -112px 10px 10px; text-align: center;z-index: 15}
.userpicfriends img {border: 0px; padding: 3px; border: 1px solid #e4e4e4; background-color: #ffffff}
.userpicfriends a font {color: #333333;font-size:10pt}

/* COMMENT BAR */

.comments { font-family:Georgia,Times New Roman,serif; font-style:italic;color: #f2f2f2; font-size: 9pt; text-align: right; padding:6px 0; line-height:.2;position: relative;margin:0 -115px 0 0;text-transform: lowercase;clear:right}

div.comments a, div.comments a:visited, div.comments a:link {padding: 1px 6px;display:block;background-color:#e7e7e7;line-height:1;width:95px;margin:0 3px 0 auto;border-color:#ccc;border-style:solid;border-width:0 1px 1px 0}
div.comments a:hover{border-width:1px 0 0 1px;border-color:#dddddd;background-color:#ececec}
.separator{height: 25px}

/* CURRENTS AND TAGS */

.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i28.tinypic.com/aoki13.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold}
.ljtags:hover {} div.ljtags a {font-weight: normal}

.currents {text-align: right; margin:0; padding: 8px 20px; text-transform: lowercase; font-size: 7pt; color: #646464;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}
.currents strong,.currentlocation strong,.currentmood strong,.currentgroups strong,.currentmusic strong {text-decoration: none; color: #888888; display:none}
.currentlocation,.currentmood,.currentgroups ,.currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i31.tinypic.com/2yumwe1.gif)}
.currentmood{background-image: url(http://i31.tinypic.com/2hmoshx.gif)}
.currentgroups {background-image: url(http://i25.tinypic.com/5kqe4l.gif)}
.currentmusic {background-image: url(http://i32.tinypic.com/10nzvk3.gif)}

/* TAG PAGE */

h2 {padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto;width:740px}

.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;width:740px}
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee}.ljtaglist li:hover{background-color:#f8f8f8}

/* COMMENT PAGE */

body.lj-view-reply .entry{padding:10px 20px 20px}
.box {text-align: left; margin-bottom:1px; padding: 0px;width:780px;margin-left: auto; margin-right: auto}

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px}

.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left}

input {font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999}
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.25}

.replytosubject {letter-spacing:2px; font-weight: bold}

.commentreply {min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px}

.commentbox {border: 1px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}

.commentbox:hover,.commentboxpartial:hover {border-color: #dddddd}

.commentboxpartial {background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px}

.commentinfo {background-color: #ffffff; margin-top: 10px; width: 100%}
form#postform{background-color: #ffffff;border:1px solid #eeeeee}form#qrform table {border-width: 0px !important}form#qrform {background-color: #ffffff}

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

.skiplinks {text-align: center; border:1px solid #ececec;margin: 0 auto 10px;padding: 10px 0px; font-size: 8pt; color: #eeeeee;width:780px;background-color: #ffffff}
.skiplinks a {background-color:#ffffff;word-spacing:1px}.skiplinks a:hover{background-color:#f7f7f7}

/* SIDEBAR */

.defaultuserpic {text-align: center; margin: 0;padding: 10px;float:right}
.defaultuserpic img {border: 1px solid #1d1d1d;padding:2px;width:70px;height:70px}

.sbarheader {padding: 0px 5px 3px 5px}
.sbarbody {padding: 0px 2px 3px 2px}

.sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:inline; padding:5px 8px; margin:02px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#000000;background-color: #0a0a0a} li.sbaritem:hover {border-color:#0a0a0a;border-width: 1px 0px 0px 1px;background-color: #181818;}
li.sbartitle{display:none}
#sidebar_calendar, #sidebar_tags, #sidebar_summary{display:none}
#sidebar_linklist {text-align:left;text-transform: lowercase;margin:0}

/* FOOTER */

#footer {background-color: #111111;padding:10px 0 20px; text-align: left; margin:auto;text-transform: uppercase; font-size:.7em; z-index: 100; clear: both;width:780px}

ul.navfooter{padding: 0px; margin:0 0 0 10px}
ul.navfooter li {list-style: none; margin: 0 0 0 4px;display:inline}

div#footer li.viewing {color: #555555;display:none}
div#footer a, div#footer a:link, div#footer a:visited {padding: 10px 10px; background-color:#1d1d1d;display:inline; color: #cccccc;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;
border-bottom-left-radius:10px;border-bottom-right-radius:10px}
div#footer a:hover {color:#ffffff;background-color:#333}

.clearfoot {background-color: #111111;clear: both;height:0px;width:780px;margin:0 auto}

/* ARCHIVE PAGE */

ul.year {margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;padding: 20px;border: 1px solid #ececec;width:740px}

ul.year li {display: inline}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto;width:780px;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: #FBFBF8; text-align: center}

td.yearmonth {border-style: none}

.clear {display:none; height: 8px}

/* MINI ICONS */

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 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://i43.tinypic.com/dmpv28.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/2zp6r1z.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/5m9yjd.png)}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/30vhoip.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i40.tinypic.com/jrv5e8.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/10ru6us.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i42.tinypic.com/65055j.png) !important}

img[src*="btn_del.gif"]{background-image: url(http://i39.tinypic.com/30xiwhs.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i43.tinypic.com/2yv4a4w.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/zul8jc.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/2yz0h0h.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i39.tinypic.com/v6tf8n.png)}
img[src*="btn_track.gif"] {background-image: url(http://i40.tinypic.com/dph8up.png)}
img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/2zqtoaa.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/s1p200.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/28u0acm.png)}
img[src*="userinfo.gif"] {background-image: url(http://i40.tinypic.com/2w6t16w.png)}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/2009rvk.png)}
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/2emjspu.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i40.tinypic.com/2nqtbbs.png)}

.ljuser img {width: 0; height: 0; background: transparent url(http://i30.tinypic.com/so0hm9.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i30.tinypic.com/so0hm9.png) no-repeat 0 0 !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] {background: transparent url(http://i32.tinypic.com/o8wair.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}

HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !important}

/* CONTEXTUAL POP-UP */

div.ContextualPopup {margin: 0; text-align: left; font: normal 9px "Arial" !important}
div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #eeeeee;background: transparent url(http://i31.tinypic.com/2s9ez45.png) !important; padding: 0; width: 280px}
div.ContextualPopup .Userpic {padding: 3px; margin: 5px 5px 0; border: 1px solid #eeeeee; background: #ffffff url()}
div.ContextualPopup .Content {padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url()}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important; font-weight: bold; color: #999999 !important}
div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase}

/* MISC */
table#lj_controlstrip td {background: #2a2a2a url();color: #666666;border: solid 1px #212121; border-left: none}
#lj_controlstrip input {border: 1px solid #e3e3e3;background-color: #e7e7e7; color:#555555}
#lj_controlstrip a {color: #999999}#lj_controlstrip_statustext {color: #666666}#lj_controlstrip.ljuser a b {color:#ffffff}#lj_controlstrip_userpic {display:none}
a img {border:none}
b, u {color: #333333}
i, s {color: #aaaaaa}
p, td {}

blockquote {padding:15px; border: 1px solid #eeeeee; background-color: #f7f7f7; color:#555555;font-size:8pt}
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px}
.appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important}

kbd, pre, tt {font-family: monospace}
textarea {font-family: "Georgia",Times New Roman, serif;font-size: 13px; background: #f4f4f4 url() repeat; border: 1px solid #dddddd; color: #444444;padding:5px 0 10px 10px}

/* COLORS */

a, a:link, a:visited,.subject a, div.comments a:hover,.subject a:link,.subject a:visited, h2, code, div#sidebar a,.datesubjectcomment a:link,.datesubjectcomment a:visited, div.ContextualPopup.Relation,.ljuser a b {
color: #8D9C9B;
text-decoration: none}
.ljuser a b {font-family: "Georgia",Times New Roman, serif;font-style:italic;font-weight:normal}
a:hover,.subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a,.ljuser a b:hover {color: #A77F62; text-decoration: none}
.subject a,.subject a:link,.subject a:visited,.subject,h2 {text-decoration: none;color: #000000}
obsessions
GO HERE FOR CODE

installation
01.
Choose Journal Style
02.
Select "Autumn" Flexible Squares layout in "Select a New Theme", unless you're using the Ecstasy version,in which case choose "Greys".
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 #222222 (#FFFFFF for Ecstasy).
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 metadata icons by Brand Spanking New
♚ Upload images to your own server for safies.
♚ 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.
release notes
07/10 - corrected code to allow rounded corners in webkit browsers (trident still won't work until the release of CSS3)

style: flexible squares, wot: layout