hey this fire, it's burnin' us up
I originally planned this to be my private layout for
heavy_sky, but I ended up loving it so much that I changed my mind. (Haha.) Then I had no idea what name should be given to this layout and then I realized that I've been in love with The Calculation by Regina Spektor ever since I first heard it, so here you go. A layout decidated to my new fav song.
The sweet version can easily be called a sister of the sweet version of The open sky is mine tonight, btw. :) (I have to confess I love both!)
Layout: The Calculation {S2 Flexible Squares}, sweet, ocean & vanilla
Features: custom contextual pop-up, mini icons, custom comments pages
Account types: basic // plus // paid
image // liveimage // live
image // live
CODES // sweetCODES // ocean/*---------------------------------------------------
THE CALCULATION (sweet)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke
-----------------------------------------------------*/
body {
background:#FFF5D7 url(http://i5.photobucket.com/albums/y193/vespergenic/random/bg/dot2.png) repeat fixed 0 0;
text-align: center;
color: #444444;
font-family: "trebuchet MS", sans-serif;
font-size: 10px;
margin: 150px 0 0px 0;
}
a, a:link, a:visited { color: #FF9999; text-decoration: none; }
a:hover { color: #FFCCCC; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote { background-color:#FFCCCC; padding: 10px; border: 1px dashed #ff9999; }
code { background-color: #FEDAD3; padding: 10px; display: block; }
u, strong, underline { color: #FF9966; } i, s, em, strike { color: #FF6666; }
/* ----- general ----- */
#content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; }
#maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444;
border-style: none; text-align: justify; }
#sidebar { display: none; }
/* ----- header & footer ----- */
#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; border-style: none; background-color: #f1f1f1; color: #444444; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; }
div#header a:hover, div#footer a:hover { color: #FF6666; text-decoration: none; }
.title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%;
top: 10px; text-align: left; color:#666666; padding-left: 20px; }
.subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal;
top: -10px; color:#FF6666; text-align: left; margin-top: -20px; padding-left: 20px;}
#footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #FF9999;
color: #333333; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;}
#footer:hover { background-color:#ffcccc } .clearfoot { clear: both; }
/* ----- header & footer navigation ----- */
ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; }
ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color:#FF9999; padding: 25px; text-align: right;}
ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #FFCCCC; padding: 25px; text-align: right; }
ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 5 5px 5 5px; background-color:#f1f1f1 !important; padding: 250px; }
div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left}
body.lj-view-recent div#header li.view {border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
body.lj-view-archive div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
body.lj-view-friends div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
/* ----- entry stuff ----- */
.subcontent { background-color: #f1f1f1; }
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f1f1f1; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px;
z-index: 15; border: 1px solid #ff6666; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;}
.userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC }
.userpicfriends a font { color: #FF6666; } .userpicfriends a:hover font { color: #FF9999;}
.date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; }
.subject { font-weight: normal; padding: 10px; color: #FF9999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% }
.subject a, .subject a:link, .subject a:visited {color: #FF9999;} .subject a:hover {color: #FF6666;}
.datesubject { background-color: #ededed; padding: 15px; border-bottom: 1px dashed #dcdcdc; }
.entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; }
/* ----- currents & tags ----- */
.currents { clear: right; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: right; padding-top: 5px; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
div.ljtags a {font-weight: normal; }
.currentlocation { margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; background:url(http://i39.tinypic.com/9iekxy.png) no-repeat center right; }
.currentmood {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i43.tinypic.com/16216qw.png) no-repeat center right;}
.currentmusic {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;}
.ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px;
background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif;
text-transform: lowercase; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #FF6666; padding-top: 15px;
font-weight: normal; margin: 0px auto; background-color:#f1f1f1; text-align: center;}
.ljtaglist { text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #f1f1f1; font-size:10px; color: #444444; border-top: none;}
.ljtaglist li { margin: 3px; padding: 3px; }
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #f1f1f1;}
table.yeartable td.yearday { background-color: #FFCCCC; text-align: center; } td.yearmonth { border-style: none; }
/* ----- comments ----- */
.comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative;
top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #FF6666; }
div.comments a:hover { color: #FF9999; text-decoration: none; }
.datesubjectcomment { background-color: #f1f1f1; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #dcdcdc;}
.userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #ff6666; width: 55px; height: 55px; }
.box { border-top: 1px solid #ff6666; padding: 10px; clear: left; }
input, textarea { background-color: #ededed; color: #FF6666; border: 1px solid #dcdcdc; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;}
textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f1; color: #444444; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;}
.commentbox, .commentboxpartial { border: 1px solid #ffcccc; padding: 10px; margin: 10px; background-color: #f1f1f1; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #FF9999; } .datesubjectcomment a:hover { color: #FF6666; }
.commentinfo { background-color: #f1f1f1; margin-top: 10px; width: 100%; }
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear { height: 15px; } .separator{ height: 20px; }
.skiplinks { text-align: left; background-color: #f1f1f1; padding: 5px; border: 1px solid #e9e9e9; }
select { background-color: #ededed !important; color: #ff6666 !important; border: 1px solid #dcdcdc; padding: 3px;}
::-moz-selection { background-color:#FFCCCC; color: #FF6666; }
/* ----- mini icons ----- */
.subject img {vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5poiex.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important;vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background-color:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px;
font-family: "trebuchet MS", sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd }
div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #FF9999 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #FF6666 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color: #FBEAE6; color: #444444; border-left: none; border: none; border-bottom: 1px solid #ff9999; }
#lj_controlstrip a { color: #FF9999; } #lj_controlstrip a:hover {color: #FF6666;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important;
color: #ff6666; padding: 0; margin: 0; width: auto; text-transform: none; }
/*---------------------------------------------------
THE CALCULATION (ocean)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke
-----------------------------------------------------*/
body {
background-color: #99CCCC;
text-align: center;
color: #444444;
font-family: "trebuchet MS", sans-serif;
font-size: 10px;
margin: 150px 0 0px 0;
}
a, a:link, a:visited { color: #339999; text-decoration: none; }
a:hover { color: #66CC99; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote { background-color: #C8E8E2; padding: 10px; border: 1px dashed #009999; }
code { background-color: #99CCCC; padding: 10px; display: block; }
u, strong, underline { color: #006699; } i, s, em, strike { color: #009999; }
/* ----- general ----- */
#content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; }
#maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444;
border-style: none; text-align: justify; }
#sidebar { display: none; }
/* ----- header & footer ----- */
#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; border-style: none; background-color: #f1f1f1; color: #444444; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; }
div#header a:hover, div#footer a:hover { color: #009999; text-decoration: none; }
.title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%;
top: 10px; text-align: left; color:#666666; padding-left: 20px; }
.subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal;
top: -10px; color: #00CCCC; text-align: left; margin-top: -20px; padding-left: 20px;}
#footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #006699;
color: #cccccc; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;}
#footer:hover { background-color: #99CC99; color: #333333; } .clearfoot { clear: both; }
/* ----- header & footer navigation ----- */
ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; }
ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color: #009999; padding: 25px; text-align: right;}
ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #33CCCC; padding: 25px; text-align: right; }
ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 5 5px 5 5px; background-color:#f1f1f1 !important; padding: 250px; }
div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left}
body.lj-view-recent div#header li.view {border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
body.lj-view-archive div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
body.lj-view-friends div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
/* ----- entry stuff ----- */
.subcontent { background-color: #f1f1f1; }
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f1f1f1; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px;
z-index: 15; border: 1px solid #33cccc; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;}
.userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC }
.userpicfriends a font { color: #009999; } .userpicfriends a:hover font { color: #66CCCC;}
.date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; }
.subject { font-weight: normal; padding: 10px; color: #339999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% }
.subject a, .subject a:link, .subject a:visited {color: #339999;} .subject a:hover {color: #66CCCC;}
.datesubject { background-color: #ededed; padding: 15px; border-bottom: 1px dashed #dcdcdc; }
.entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; }
/* ----- currents & tags ----- */
.currents { clear: right; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: right; padding-top: 5px; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
div.ljtags a {font-weight: normal; }
.currentlocation { margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; background:url(http://i39.tinypic.com/9iekxy.png) no-repeat center right; }
.currentmood {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i43.tinypic.com/16216qw.png) no-repeat center right;}
.currentmusic {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;}
.ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px;
background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif;
text-transform: lowercase; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #009999;
font-weight: normal; margin: 0px auto; background-color:#f1f1f1; text-align: center; padding-top: 15px;}
.ljtaglist { list-style-type: none; text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #f1f1f1; font-size:10px; color: #444444; border-top: none;}
.ljtaglist li { margin: 3px; padding: 3px; }
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #f1f1f1;}
table.yeartable td.yearday { background-color: #99CC99; text-align: center; } td.yearmonth { border-style: none; }
/* ----- comments ----- */
.comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative;
top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #66CCCC; }
div.comments a:hover { color: #339999; text-decoration: none; }
.datesubjectcomment { background-color: #f1f1f1; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #dcdcdc;}
.userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #00cccc; width: 55px; height: 55px; }
.box { border-top: 1px solid #00cccc; padding: 10px; clear: left; }
input, textarea { background-color: #ededed; color: #009999; border: 1px solid #dcdcdc; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;}
textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f1; color: #444444; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;}
.commentbox, .commentboxpartial { border: 1px solid #66cccc; padding: 10px; margin: 10px; background-color: #f1f1f1; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #009999; } .datesubjectcomment a:hover { color: #33CCCC; }
.commentinfo { background-color: #f1f1f1; margin-top: 10px; width: 100%; }
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear { height: 15px; } .separator{ height: 20px; }
.skiplinks { text-align: left; background-color: #f1f1f1; padding: 5px; border: 1px solid #e9e9e9; }
select { background-color: #ededed !important; color: #009999 !important; border: 1px solid #dcdcdc; padding: 3px;}
::-moz-selection { background-color: #C2EDE2; color: #006666; }
/* ----- mini icons ----- */
.subject img {vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5poiex.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important;vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background-color:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px;
font-family: "trebuchet MS", sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd }
div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #009999 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #66CCCC !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color: #C6E8E6; color: #444444; border-left: none; border: none; border-bottom: 1px solid #339999; }
#lj_controlstrip a { color: #009999; } #lj_controlstrip a:hover {color: #33CCCC;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important;
color: #009999; padding: 0; margin: 0; width: auto; text-transform: none; }
CODES // vanilla /*---------------------------------------------------
THE CALCULATION (vanilla)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke
-----------------------------------------------------*/
body {
background-color: #FEF8C7;
text-align: center;
color: #444444;
font-family: "trebuchet MS", sans-serif;
font-size: 10px;
margin: 150px 0 0px 0;
}
a, a:link, a:visited { color: #FF9933; text-decoration: none; }
a:hover { color: #FFCC66; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote { background-color: #FFFAD2; padding: 10px; border: 1px dashed #ff9999; }
code { background-color: #FFCC99; padding: 10px; display: block; }
u, strong, underline { color: #FF6633; } i, s, em, strike { color: #FF9966; }
/* ----- general ----- */
#content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; }
#maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444;
border-style: none; text-align: justify; }
#sidebar { display: none; }
/* ----- header & footer ----- */
#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; border-style: none; background-color: #fefefe; color: #444444; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; }
div#header a:hover {color: #333333; text-decoration: none; } div#footer a:hover { color: #FFCC66; text-decoration: none; }
.title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%;
top: 10px; text-align: left; color:#666666; padding-left: 20px; }
.subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal;
top: -10px; color: #FFCC66; text-align: left; margin-top: -20px; padding-left: 20px;}
#footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #FFCC99;
color: #333333; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;}
#footer:hover { background-color: #FFFFCC; } .clearfoot { clear: both; }
/* ----- header & footer navigation ----- */
ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; }
ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color: #FFCC66; padding: 25px; text-align: right;}
ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #FFCC99; padding: 25px; text-align: right; }
ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 5 5px 5 5px; background-color:#fefefe !important; padding: 250px; }
div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left}
body.lj-view-recent div#header li.view {border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
body.lj-view-archive div#header li.view{border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
body.lj-view-friends div#header li.view{border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
/* ----- entry stuff ----- */
.subcontent { background-color: #fefefe; }
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #fefefe; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px;
z-index: 15; border: 1px solid #ff9966; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;}
.userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC }
.userpicfriends a font { color: #FF9966; } .userpicfriends a:hover font { color: #FFCC66;}
.date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; }
.subject { font-weight: normal; padding: 10px; color: #FF9933; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% }
.subject a, .subject a:link, .subject a:visited {color: #FF9933;} .subject a:hover {color: #FFCC66;}
.datesubject { background-color: #f1f1f1; padding: 15px; border-bottom: 1px dashed #e1e1e1; }
.entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; }
/* ----- currents & tags ----- */
.currents { clear: right; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: right; padding-top: 5px; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
div.ljtags a {font-weight: normal; }
.currentlocation { margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; background:url(http://i39.tinypic.com/9iekxy.png) no-repeat center right; }
.currentmood {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i43.tinypic.com/16216qw.png) no-repeat center right;}
.currentmusic {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;}
.ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px;
background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif;
text-transform: lowercase; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #FF9966;
font-weight: normal; margin: 0px auto; background-color:#fefefe; text-align: center; padding-top: 15px;}
.ljtaglist { list-style-type: none; text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #fefefe; font-size:10px; color: #444444; border-top: none;}
.ljtaglist li { margin: 3px; padding: 3px; }
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #fefefe;}
table.yeartable td.yearday { background-color: #FFCC99; text-align: center; } td.yearmonth { border-style: none; }
/* ----- comments ----- */
.comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative;
top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #FF9966; }
div.comments a:hover { color: #FFCC99; text-decoration: none; }
.datesubjectcomment { background-color: #fefefe; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #e1e1e1;}
.userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #ff9966; width: 55px; height: 55px; }
.box { border-top: 1px solid #ffcc66; padding: 10px; clear: left; }
input, textarea { background-color: #f1f1f1; color: #FF9966; border: 1px solid #e1e1e1; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;}
textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #fefefe; color: #444444; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;}
.commentbox, .commentboxpartial { border: 1px solid #ffcc99; padding: 10px; margin: 10px; background-color: #fefefe; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #FF9966; } .datesubjectcomment a:hover { color: #FFCC99; }
.commentinfo { background-color: #fefefe; margin-top: 10px; width: 100%; }
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear { height: 15px; } .separator{ height: 20px; }
.skiplinks { text-align: left; background-color: #fefefe; padding: 5px; border: 1px solid #e1e1e1; }
select { background-color: #f1f1f1 !important; color: #FF9966 !important; border: 1px solid #e1e1e1; padding: 3px;}
::-moz-selection { background-color: #666666; color: #FFFFCC; }
/* ----- mini icons ----- */
.subject img {vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5poiex.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important;vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background-color:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px;
font-family: "trebuchet MS", sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd }
div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #FF9966 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #FFCC99 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color: #FCF2DA; color: #444444; border-left: none; border: none; border-bottom: 1px solid #ffcc66; }
#lj_controlstrip a { color: #FF9966; } #lj_controlstrip a:hover {color: #FFCC99;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important;
color: #FF9966; padding: 0; margin: 0; width: auto; text-transform: none; }
rules & installation info here
heavy_sky, but I ended up loving it so much that I changed my mind. (Haha.) Then I had no idea what name should be given to this layout and then I realized that I've been in love with The Calculation by Regina Spektor ever since I first heard it, so here you go. A layout decidated to my new fav song.
The sweet version can easily be called a sister of the sweet version of The open sky is mine tonight, btw. :) (I have to confess I love both!)
Layout: The Calculation {S2 Flexible Squares}, sweet, ocean & vanilla
Features: custom contextual pop-up, mini icons, custom comments pages
Account types: basic // plus // paid
image // liveimage // live
image // live
CODES // sweetCODES // ocean/*---------------------------------------------------
THE CALCULATION (sweet)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke
-----------------------------------------------------*/
body {
background:#FFF5D7 url(http://i5.photobucket.com/albums/y193/vespergenic/random/bg/dot2.png) repeat fixed 0 0;
text-align: center;
color: #444444;
font-family: "trebuchet MS", sans-serif;
font-size: 10px;
margin: 150px 0 0px 0;
}
a, a:link, a:visited { color: #FF9999; text-decoration: none; }
a:hover { color: #FFCCCC; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote { background-color:#FFCCCC; padding: 10px; border: 1px dashed #ff9999; }
code { background-color: #FEDAD3; padding: 10px; display: block; }
u, strong, underline { color: #FF9966; } i, s, em, strike { color: #FF6666; }
/* ----- general ----- */
#content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; }
#maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444;
border-style: none; text-align: justify; }
#sidebar { display: none; }
/* ----- header & footer ----- */
#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; border-style: none; background-color: #f1f1f1; color: #444444; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; }
div#header a:hover, div#footer a:hover { color: #FF6666; text-decoration: none; }
.title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%;
top: 10px; text-align: left; color:#666666; padding-left: 20px; }
.subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal;
top: -10px; color:#FF6666; text-align: left; margin-top: -20px; padding-left: 20px;}
#footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #FF9999;
color: #333333; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;}
#footer:hover { background-color:#ffcccc } .clearfoot { clear: both; }
/* ----- header & footer navigation ----- */
ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; }
ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color:#FF9999; padding: 25px; text-align: right;}
ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #FFCCCC; padding: 25px; text-align: right; }
ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 5 5px 5 5px; background-color:#f1f1f1 !important; padding: 250px; }
div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left}
body.lj-view-recent div#header li.view {border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
body.lj-view-archive div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
body.lj-view-friends div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
/* ----- entry stuff ----- */
.subcontent { background-color: #f1f1f1; }
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f1f1f1; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px;
z-index: 15; border: 1px solid #ff6666; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;}
.userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC }
.userpicfriends a font { color: #FF6666; } .userpicfriends a:hover font { color: #FF9999;}
.date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; }
.subject { font-weight: normal; padding: 10px; color: #FF9999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% }
.subject a, .subject a:link, .subject a:visited {color: #FF9999;} .subject a:hover {color: #FF6666;}
.datesubject { background-color: #ededed; padding: 15px; border-bottom: 1px dashed #dcdcdc; }
.entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; }
/* ----- currents & tags ----- */
.currents { clear: right; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: right; padding-top: 5px; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
div.ljtags a {font-weight: normal; }
.currentlocation { margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; background:url(http://i39.tinypic.com/9iekxy.png) no-repeat center right; }
.currentmood {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i43.tinypic.com/16216qw.png) no-repeat center right;}
.currentmusic {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;}
.ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px;
background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif;
text-transform: lowercase; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #FF6666; padding-top: 15px;
font-weight: normal; margin: 0px auto; background-color:#f1f1f1; text-align: center;}
.ljtaglist { text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #f1f1f1; font-size:10px; color: #444444; border-top: none;}
.ljtaglist li { margin: 3px; padding: 3px; }
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #f1f1f1;}
table.yeartable td.yearday { background-color: #FFCCCC; text-align: center; } td.yearmonth { border-style: none; }
/* ----- comments ----- */
.comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative;
top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #FF6666; }
div.comments a:hover { color: #FF9999; text-decoration: none; }
.datesubjectcomment { background-color: #f1f1f1; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #dcdcdc;}
.userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #ff6666; width: 55px; height: 55px; }
.box { border-top: 1px solid #ff6666; padding: 10px; clear: left; }
input, textarea { background-color: #ededed; color: #FF6666; border: 1px solid #dcdcdc; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;}
textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f1; color: #444444; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;}
.commentbox, .commentboxpartial { border: 1px solid #ffcccc; padding: 10px; margin: 10px; background-color: #f1f1f1; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #FF9999; } .datesubjectcomment a:hover { color: #FF6666; }
.commentinfo { background-color: #f1f1f1; margin-top: 10px; width: 100%; }
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear { height: 15px; } .separator{ height: 20px; }
.skiplinks { text-align: left; background-color: #f1f1f1; padding: 5px; border: 1px solid #e9e9e9; }
select { background-color: #ededed !important; color: #ff6666 !important; border: 1px solid #dcdcdc; padding: 3px;}
::-moz-selection { background-color:#FFCCCC; color: #FF6666; }
/* ----- mini icons ----- */
.subject img {vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5poiex.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important;vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
;}){kind=link}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
;}){kind=link}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
;}){kind=link}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
;}){kind=link}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
;}){kind=link}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
;}){kind=link}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
;}){kind=link}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
;}){kind=link}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
;}){kind=link}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
;}){kind=link}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
;}){kind=link}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
;}){kind=link}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
;}){kind=link}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
;}){kind=link}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
;}){kind=link}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background-color:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px;
font-family: "trebuchet MS", sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd }
div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #FF9999 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #FF6666 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color: #FBEAE6; color: #444444; border-left: none; border: none; border-bottom: 1px solid #ff9999; }
#lj_controlstrip a { color: #FF9999; } #lj_controlstrip a:hover {color: #FF6666;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important;
color: #ff6666; padding: 0; margin: 0; width: auto; text-transform: none; }
/*---------------------------------------------------
THE CALCULATION (ocean)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke
-----------------------------------------------------*/
body {
background-color: #99CCCC;
text-align: center;
color: #444444;
font-family: "trebuchet MS", sans-serif;
font-size: 10px;
margin: 150px 0 0px 0;
}
a, a:link, a:visited { color: #339999; text-decoration: none; }
a:hover { color: #66CC99; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote { background-color: #C8E8E2; padding: 10px; border: 1px dashed #009999; }
code { background-color: #99CCCC; padding: 10px; display: block; }
u, strong, underline { color: #006699; } i, s, em, strike { color: #009999; }
/* ----- general ----- */
#content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; }
#maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444;
border-style: none; text-align: justify; }
#sidebar { display: none; }
/* ----- header & footer ----- */
#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; border-style: none; background-color: #f1f1f1; color: #444444; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; }
div#header a:hover, div#footer a:hover { color: #009999; text-decoration: none; }
.title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%;
top: 10px; text-align: left; color:#666666; padding-left: 20px; }
.subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal;
top: -10px; color: #00CCCC; text-align: left; margin-top: -20px; padding-left: 20px;}
#footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #006699;
color: #cccccc; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;}
#footer:hover { background-color: #99CC99; color: #333333; } .clearfoot { clear: both; }
/* ----- header & footer navigation ----- */
ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; }
ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color: #009999; padding: 25px; text-align: right;}
ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #33CCCC; padding: 25px; text-align: right; }
ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 5 5px 5 5px; background-color:#f1f1f1 !important; padding: 250px; }
div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left}
body.lj-view-recent div#header li.view {border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
body.lj-view-archive div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
body.lj-view-friends div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
/* ----- entry stuff ----- */
.subcontent { background-color: #f1f1f1; }
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f1f1f1; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px;
z-index: 15; border: 1px solid #33cccc; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;}
.userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC }
.userpicfriends a font { color: #009999; } .userpicfriends a:hover font { color: #66CCCC;}
.date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; }
.subject { font-weight: normal; padding: 10px; color: #339999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% }
.subject a, .subject a:link, .subject a:visited {color: #339999;} .subject a:hover {color: #66CCCC;}
.datesubject { background-color: #ededed; padding: 15px; border-bottom: 1px dashed #dcdcdc; }
.entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; }
/* ----- currents & tags ----- */
.currents { clear: right; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: right; padding-top: 5px; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
div.ljtags a {font-weight: normal; }
.currentlocation { margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; background:url(http://i39.tinypic.com/9iekxy.png) no-repeat center right; }
.currentmood {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i43.tinypic.com/16216qw.png) no-repeat center right;}
.currentmusic {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;}
.ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px;
background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif;
text-transform: lowercase; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #009999;
font-weight: normal; margin: 0px auto; background-color:#f1f1f1; text-align: center; padding-top: 15px;}
.ljtaglist { list-style-type: none; text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #f1f1f1; font-size:10px; color: #444444; border-top: none;}
.ljtaglist li { margin: 3px; padding: 3px; }
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #f1f1f1;}
table.yeartable td.yearday { background-color: #99CC99; text-align: center; } td.yearmonth { border-style: none; }
/* ----- comments ----- */
.comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative;
top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #66CCCC; }
div.comments a:hover { color: #339999; text-decoration: none; }
.datesubjectcomment { background-color: #f1f1f1; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #dcdcdc;}
.userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #00cccc; width: 55px; height: 55px; }
.box { border-top: 1px solid #00cccc; padding: 10px; clear: left; }
input, textarea { background-color: #ededed; color: #009999; border: 1px solid #dcdcdc; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;}
textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f1; color: #444444; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;}
.commentbox, .commentboxpartial { border: 1px solid #66cccc; padding: 10px; margin: 10px; background-color: #f1f1f1; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #009999; } .datesubjectcomment a:hover { color: #33CCCC; }
.commentinfo { background-color: #f1f1f1; margin-top: 10px; width: 100%; }
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear { height: 15px; } .separator{ height: 20px; }
.skiplinks { text-align: left; background-color: #f1f1f1; padding: 5px; border: 1px solid #e9e9e9; }
select { background-color: #ededed !important; color: #009999 !important; border: 1px solid #dcdcdc; padding: 3px;}
::-moz-selection { background-color: #C2EDE2; color: #006666; }
/* ----- mini icons ----- */
.subject img {vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5poiex.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important;vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background-color:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px;
font-family: "trebuchet MS", sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd }
div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #009999 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #66CCCC !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color: #C6E8E6; color: #444444; border-left: none; border: none; border-bottom: 1px solid #339999; }
#lj_controlstrip a { color: #009999; } #lj_controlstrip a:hover {color: #33CCCC;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important;
color: #009999; padding: 0; margin: 0; width: auto; text-transform: none; }
CODES // vanilla /*---------------------------------------------------
THE CALCULATION (vanilla)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke
-----------------------------------------------------*/
body {
background-color: #FEF8C7;
text-align: center;
color: #444444;
font-family: "trebuchet MS", sans-serif;
font-size: 10px;
margin: 150px 0 0px 0;
}
a, a:link, a:visited { color: #FF9933; text-decoration: none; }
a:hover { color: #FFCC66; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote { background-color: #FFFAD2; padding: 10px; border: 1px dashed #ff9999; }
code { background-color: #FFCC99; padding: 10px; display: block; }
u, strong, underline { color: #FF6633; } i, s, em, strike { color: #FF9966; }
/* ----- general ----- */
#content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; }
#maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444;
border-style: none; text-align: justify; }
#sidebar { display: none; }
/* ----- header & footer ----- */
#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; border-style: none; background-color: #fefefe; color: #444444; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; }
div#header a:hover {color: #333333; text-decoration: none; } div#footer a:hover { color: #FFCC66; text-decoration: none; }
.title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%;
top: 10px; text-align: left; color:#666666; padding-left: 20px; }
.subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal;
top: -10px; color: #FFCC66; text-align: left; margin-top: -20px; padding-left: 20px;}
#footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #FFCC99;
color: #333333; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;}
#footer:hover { background-color: #FFFFCC; } .clearfoot { clear: both; }
/* ----- header & footer navigation ----- */
ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; }
ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color: #FFCC66; padding: 25px; text-align: right;}
ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #FFCC99; padding: 25px; text-align: right; }
ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 5 5px 5 5px; background-color:#fefefe !important; padding: 250px; }
div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left}
body.lj-view-recent div#header li.view {border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left}
body.lj-view-archive div#header li.view{border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left}
body.lj-view-friends div#header li.view{border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left}
/* ----- entry stuff ----- */
.subcontent { background-color: #fefefe; }
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #fefefe; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px;
z-index: 15; border: 1px solid #ff9966; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;}
.userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC }
.userpicfriends a font { color: #FF9966; } .userpicfriends a:hover font { color: #FFCC66;}
.date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; }
.subject { font-weight: normal; padding: 10px; color: #FF9933; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% }
.subject a, .subject a:link, .subject a:visited {color: #FF9933;} .subject a:hover {color: #FFCC66;}
.datesubject { background-color: #f1f1f1; padding: 15px; border-bottom: 1px dashed #e1e1e1; }
.entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; }
/* ----- currents & tags ----- */
.currents { clear: right; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: right; padding-top: 5px; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
div.ljtags a {font-weight: normal; }
.currentlocation { margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; background:url(http://i39.tinypic.com/9iekxy.png) no-repeat center right; }
.currentmood {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i43.tinypic.com/16216qw.png) no-repeat center right;}
.currentmusic {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative;
font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;}
.ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px;
background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif;
text-transform: lowercase; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #FF9966;
font-weight: normal; margin: 0px auto; background-color:#fefefe; text-align: center; padding-top: 15px;}
.ljtaglist { list-style-type: none; text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #fefefe; font-size:10px; color: #444444; border-top: none;}
.ljtaglist li { margin: 3px; padding: 3px; }
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #fefefe;}
table.yeartable td.yearday { background-color: #FFCC99; text-align: center; } td.yearmonth { border-style: none; }
/* ----- comments ----- */
.comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative;
top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #FF9966; }
div.comments a:hover { color: #FFCC99; text-decoration: none; }
.datesubjectcomment { background-color: #fefefe; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #e1e1e1;}
.userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #ff9966; width: 55px; height: 55px; }
.box { border-top: 1px solid #ffcc66; padding: 10px; clear: left; }
input, textarea { background-color: #f1f1f1; color: #FF9966; border: 1px solid #e1e1e1; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;}
textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #fefefe; color: #444444; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;}
.commentbox, .commentboxpartial { border: 1px solid #ffcc99; padding: 10px; margin: 10px; background-color: #fefefe; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #FF9966; } .datesubjectcomment a:hover { color: #FFCC99; }
.commentinfo { background-color: #fefefe; margin-top: 10px; width: 100%; }
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear { height: 15px; } .separator{ height: 20px; }
.skiplinks { text-align: left; background-color: #fefefe; padding: 5px; border: 1px solid #e1e1e1; }
select { background-color: #f1f1f1 !important; color: #FF9966 !important; border: 1px solid #e1e1e1; padding: 3px;}
::-moz-selection { background-color: #666666; color: #FFFFCC; }
/* ----- mini icons ----- */
.subject img {vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5poiex.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important;vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background-color:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px;
font-family: "trebuchet MS", sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd }
div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #FF9966 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #FFCC99 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color: #FCF2DA; color: #444444; border-left: none; border: none; border-bottom: 1px solid #ffcc66; }
#lj_controlstrip a { color: #FF9966; } #lj_controlstrip a:hover {color: #FFCC99;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important;
color: #FF9966; padding: 0; margin: 0; width: auto; text-transform: none; }
rules & installation info here