milou_veronica: s2 layout: bound to linger on in robots [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-06-15 09:03:00

Current mood:	damp
Entry tags:	style: flexible squares, wot: s2 layout

s2 layout: bound to linger on in robots [flexible squares]
I promised I'd make a (relatively) colourful version, so I whipped this up. You better like robots.

image | live

layout:bound to linger on in robots
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar
browsers: IE7, FF, Safari, Chrome, and Opera

/*-------------------------------------------------

bound to linger on in robots, fuck yeah ((flexible squares; basic, plus and paid; milou veronica))

----------------------------------------------------*/

body { background: #f4f4f4 url(http://i39.tinypic.com/mja5x2.png) repeat fixed 0 0;text-align: center; color: #ffffff;font-family: Helvetica, Arial, Times,serif;font-size:9pt; margin:0px;}

.headerimage {position: relative; background: url(); width: 700px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }

#content{color: #444444;background: transparent url() repeat scroll;width: 780px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding:0; color: #555555;text-align: justify;}

#sidebar {padding:5px 0;background: #FFFFFF url() repeat scroll;text-align: left; padding:10px;color: #444444; font-size: .85em; line-height: 1.5;border:1px solid #eeeeee;min-height:88px}

/*-------------------HEADER-----------------------*/
#header {font-family:Impact,Charcoal, sans-serif;margin:0; text-align: center;  text-transform: uppercase; color: #666666; padding: 70px 0 5px;}

div#header a, div#header a:link, div#header a:visited{postion:relative;sans-serif;color: #777777;text-transform: uppercase;}
ul.navheader li:hover {background-color: #; color:#cccccc;}
div#header li.view {color: #666;padding: 4px 6px;background-color:#;}
div#header li.view:hover{ background-color: #;}
ul.navheader{ padding: 0; margin:0 20px 0 0}
ul.navheader li {margin: 0px; list-style-type: none; color: #666;padding: 4px 6px;display:inline;}

.title {padding: 50px 0 0;letter-spacing: -1px;line-height:.8;margin:0;line-height:;font-size:25pt;color:#1BA7DF;display:nne;}
.subtitle{text-transform: lowercase;line-height:1;color:#222222;font-size:10pt}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; margin-right:0px; background: # url() repeat scroll;margin-left: auto; margin-right: auto; border: 0px solid #e6e6e6;}

.date {text-transform: uppercase; color: #888888; font-size:8pt; float:right}

.subject {font-size:14pt;line-height: 1; color: #aaaaaa; text-transform: uppercase}

.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}

.datesubject {padding: 15px 5px 10px 0px;text-align:left;font-family:Impact,Charcoal, sans-serif;min-height:5px;}

.entry{background-color:#FFFFFF;margin:0; margin-left:120px;padding: 0px;text-align: justify;line-height: 1.75; border: 1px solid #eeeeee}
body.lj-view-reply .entry{min-height:120px;padding:20px}
.entry_text {padding:10px 25px;}

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

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: left; background: # url() repeat fixed 0 0; margin:44px 10px 10px 0; z-index: 15}
.userpicfriends {position: relative; float: left;background: transparent url() repeat fixed 0 0 !important;padding: 0px; margin:44px 10px 10px 0; text-align: center;z-index: 15;padding: 0px}

.userpicfriends img {background-color:#FFFFFF;border: 1px solid #eeeeee; margin:0px 0 5px;padding:7px }
.userpic img {background-color:#FFFFFF;border: 1px solid #eeeeee;padding:7px}
.userpicfriends a font {color: #111111;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {color: #eeeeee; font-size: 7pt; text-align: left; padding: 0px;line-height:.3; position: relative; margin:0; margin-left:-120px;clear:left;text-transform:uppercase}

div.comments a, div.comments a:visited, div.comments a:link  {margin-left:3px;display:block;line-height:1;width:100px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#e8e8e8;padding: 2px 0 2px 9px;background-color:#fafafa}
 div.comments a:hover{border-width: 1px 0 0 1px} 
.separator{height: 65px;}

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

.currents {text-align: right; margin:0; padding:10px 25px;text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%}
.currentlocation {background-image: url(http://i44.tinypic.com/2i12fjo.png)}
.currentmood{background-image: url(http://i44.tinypic.com/21oqhj.png)}
.currentgroups {background-image: url(http://i42.tinypic.com/16h46tz.png)}
.currentmusic {background-image: url(http://i41.tinypic.com/2zhgvu1.png)}
/*----------------------TAG PAGE------------------------------*/
h2 {text-align: right; padding: 10px 10px 10px 30px; font-weight: normal; text-transform:uppercase;margin: 0px auto;font-family:Impact,Charcoal, sans-serif;text-transform:lowercase }

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

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; margin-bottom:1px; padding: 0px 5px; clear: left;margin-left: auto; margin-right: auto;}

.datesubjectcomment {text-align: left; color: #aaaaaa; margin-top: 0px; font-size:1.1em;letter-spacing:-.05em;font-style:italic}
.datesubjectcomment strong {color:#666666;font-size:1.3em;font-weight:normal}
.userpiccomment {position: relative; padding: 13px; border: 1px solid #ececec; background-color: #f3f3f3;  left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}

input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa;  border: 1px solid #cccccc;  color: #999999;}
textarea.textbox  {width: 100% !important;}

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

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

.commentreply {min-height: 50px; text-align: left;line-height: 1.75; position: relative;margin: 10px 10px 10px 140px;}

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

.commentbox:hover, .commentboxpartial:hover {}

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

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff}
.skiplinks {text-align: center; border:1px solid #eeeeee;margin:10px 0 0;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {}.skiplinks a:hover{}
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {text-align: center;float:right;margin:0 0 10px 10px}
.defaultuserpic img {border: 1px solid #eeeeee;padding:3px;width:80px;height:80px}

.sbarheader {padding: 0px 5px 0px 5px;background-color: #ffffff;}
.sbarbody {padding: 0px 5px 0px 5px; }

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

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:inline;padding: 3px 8px; margin: 1px 2px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;background: transparent url(http://i42.tinypic.com/2vtqdz6.png) repeat fixed 0 0} li.sbaritem:hover {border-color:#cccccc;border-width: 1px 0px 0px 1px;}
li.sbartitle{text-transform: lowercase;display:none;padding: 8px; color: #1a1a1a;font-variant:small-caps;text-align:right}

#sidebar_linklist  {margin:0; padding:0;line-height:2}
#sidebar_summary,#sidebar_tags, #sidebar_calendar {display:none}
table.calendar {width:180px;text-align:center}
.sbarcalendar, .sbarcalendarposts {padding-top:4px;padding-bottom:4px;border:1px solid #eeeeee;}#sidebar_calendar table td:hover,.sbarcalendarposts {background-color:#f8f8f8}

/*---------------------FOOTER----------------------------------*/
#footer {padding: 5px;text-align: center; margin:auto;text-transform: uppercase; font-size: 10pt;z-index: 100; clear: both;font-family:Impact,Charcoal, sans-serif}

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

div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 4px 15px; background-color:#FFFFFF; display:inline; color: #444444}
 div#footer a:hover { background-color:#dddddd;color:#222222;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6}

.clearfoot {clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px; margin: 0 auto;padding:20px 0;text-align: center;font-family:Impact,Charcoal, sans-serif}

ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #eeeeee; margin-left: auto; margin-right: auto; width:100%;padding: 30px;}

table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;}

table.yeartable td.yearday { background-color: #f4f4f4; text-align: center;}

td.yearmonth {border-style: none;}

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

/*-----------------------ICONS BY PINVOKE--------------------------------*/

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"],  .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;padding-left:6px}
img[src*="icon_protected.gif"]{background-image: url(http://i43.tinypic.com/21j3fpj.png)}
img[src*="icon_private.gif"]{background-image: url(http://i44.tinypic.com/2a8gab4.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2iag36g.png)}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/9pynb5.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i41.tinypic.com/2iadcf6.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/9b8x9v.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i44.tinypic.com/2ir69md.png) !important}

img[src*="btn_del.gif"]{background-image: url(http://i40.tinypic.com/hwcnyt.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/2vs3thf.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i43.tinypic.com/tam1qu.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i43.tinypic.com/262ms84.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i42.tinypic.com/2s9591h.png)}
img[src*="btn_track.gif"] {background-image: url(http://i44.tinypic.com/143qc9f.png)}
img[src*="btn_tracking.gif"] {background-image: url(http://i41.tinypic.com/29qie4p.png)} 
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i43.tinypic.com/14cfuxc.png)}
img[src*="anonymous.gif"] {background-image: url(http://i41.tinypic.com/20aqdk6.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i41.tinypic.com/33xhoio.png)}
img[src*="userinfo.gif"] {background-image: url(http://i43.tinypic.com/2znoi38.png)}
img[src*="talk/none.gif"] {background-image: url(http://i41.tinypic.com/315oaol.png)} 
img[src*="help.gif"] {height: 0px; width: 0px;padding:8px;background-image: url(http://i41.tinypic.com/vpi8lc.png)}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i43.tinypic.com/35b7ey1.png)}

.ljuser img {width: 0; height: 0; background: transparent url(http://i43.tinypic.com/2znoi38.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
	.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i43.tinypic.com/2znoi38.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i40.tinypic.com/vkuc2.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; }

/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 0px; text-align: left; font: normal 9px "Arial" !important; }
div.ContextualPopup div.Inner {  color: #aaaaaa !important;border:1px solid #eeeeee;background: transparent url(http://i42.tinypic.com/2vtqdz6.png) !important; padding: 0; width: 280px;}
div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border:  1px solid #eeeeee; background: #ffffff url();}
div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url();}
div.ContextualPopup div.Inner a,div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation {font-size: 11pt;font-weight:normal !important;text-transform:lowercase;font-family:Impact,Charcoal, sans-serif;}
/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #76CDF0;color: #666666;border: solid 1px #45B3DF; border-left: none; }
#lj_controlstrip input {border: 1px solid #2393BF;background-color: #45B3DF; color:#555555}
#lj_controlstrip a { color: #2393BF}
 #lj_controlstrip_statustext {color: #FFFFFF}
#lj_controlstrip_userpic {display:none}

a img {border:none}
b, u { color: #222222}
i, s { color: #aaaaaa}
p, td {}

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

kbd, pre, tt {font-family: monospace;}
textarea  { font-family: Tahoma, Arial, sans-serif;font-size: 9pt; background: #f7f7f7 url() repeat;border: 1px solid #cccccc; color: #555555}

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
	color: #79B81D; 
	text-decoration: none}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a,  .datesubjectcomment a:hover,.ljuser a b:hover {color: #76CDF0; text-decoration: none}
.subject a, .subject a:link, .subject a:visited, .subject, h2 {text-decoration: none;color: #111111}
div#sidebar a { color: #666;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #83AF9E;}

ul.navheader li{font-size:0}
div#header a{padding:63px;background:transparent url(http://i39.tinypic.com/30wqa7n.png) no-repeat scroll 50% 0}
div#header a[href*=".livejournal.com/"] {background:transparent url(http://i42.tinypic.com/dyauxt.png) no-repeat scroll 50% 0} 
div#header a[href*="/calendar"] {background:transparent url(http://i42.tinypic.com/35jzgw6.png) no-repeat scroll 50% 0} 
div#header a[href*="/friends"] {background:transparent url(http://i44.tinypic.com/jab8u9.png) no-repeat scroll 50% 0} 
div#header a[href*="/profile"]{background:transparent url(http://i42.tinypic.com/1zpmzo3.png) no-repeat scroll 50% 0} 
body.lj-view-recent div#header li.view {padding: 63px;background:transparent url(http://i42.tinypic.com/dyauxt.png) no-repeat scroll 50% 0} 
body.lj-view-archive div#header li.view{padding: 63px;background:transparent url(http://i42.tinypic.com/35jzgw6.png) no-repeat scroll 50% 0} 
body.lj-view-friends div#header li.view{padding: 63px;background:transparent url(http://i44.tinypic.com/jab8u9.png) no-repeat scroll 50% 0}

installation
01.	Choose Journal Style
02.	Select "Grays" Flexible Squares layout in "Select a New Theme"
03.	In Choose a Page Setup, select 2 Column (sidebar on right) or 2 Column (sidebar on left).
04.	Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #FFFFFF.
05.	Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
06.	Paste code into the Custom Stylesheet box.
notes:
Q&A	♚ mini icons by Pinvoke and DryIcons ♚ Upload images to your own server ♚ As per usual, feel free to add your own header/ edit bloody anything you want to. ♚Please address all problems to the F.A.Q. ♚ If you find the robot with the martini appearing twice in your header, go to the bottom of your code to where div#header a[href=".livejournal.com/"]* is and put the full journal url there, (for example, for me it'd be div#header a[href="milou-veronica.livejournal.com/"]) If this doesn't help it's because the you've set is a part of your journal like your tags list or something. In that case add the follwoing code to the bottom of your CSS, making the URL whatever your set website is (eg, "milou-veronica.livejournal.com/tag/") div#header a[href="URL HERE"] {background:transparent url(http://i39.tinypic.com/30wqa7n.png) no-repeat scroll 50% 0}

Page 1 of 3
<<	[1] [2] [3]	>>

(62 comments) - (Post a new comment)

	airxwar 2009-06-14 11:07 pm UTC (link)
	I like the color blue you used. (Reply to this) (Thread)

	milou_veronica 2009-06-14 11:09 pm UTC (link)
	:) Thank-you. (Reply to this) (Parent)

	terraforming 2009-06-14 11:09 pm UTC (link)
	AW. (Reply to this) (Thread)

	milou_veronica 2009-06-14 11:16 pm UTC (link)
	:D (Reply to this) (Parent)

	impalalove 2009-06-14 11:10 pm UTC (link)
	Aw! Saved for future use! (Reply to this) (Thread)

	milou_veronica 2009-06-14 11:17 pm UTC (link)
	Hee! Thank-you darling ♥ (Reply to this) (Parent)

	stannate 2009-06-14 11:11 pm UTC (link)
	Hooray for robots! (Reply to this) (Thread)

	milou_veronica 2009-06-14 11:19 pm UTC (link)
	Hooray! (Reply to this) (Parent)

	1849 2009-06-14 11:23 pm UTC (link)
	I. Love. This. (Reply to this) (Thread)

	milou_veronica 2009-06-14 11:33 pm UTC (link)
	Thank-you :D (Reply to this) (Parent)

	lye_tea 2009-06-14 11:24 pm UTC (link)
	This is so cute and clever. I like the color scheme very much. :) (Reply to this)

	euphoriant 2009-06-14 11:28 pm UTC (link)
	That. That is adorable. ♥ (Reply to this)

	sexyscholar 2009-06-14 11:30 pm UTC (link)
	I think I'm going to set this up on my hubby's journal. He's been looking for a new layout, and he digs the robots. :) So cute! (Reply to this)

	happyiris 2009-06-14 11:40 pm UTC (link)
	adorable layout & love the color blue ♥ memming for future use~ (Reply to this)

	colorfilm 2009-06-14 11:41 pm UTC (link)
	ahhh I love robots! totally using this! (Reply to this)

	joaniemaloney 2009-06-14 11:54 pm UTC (link)
	so bright and fun! love this layout.;D (Reply to this)

	volumepatrol 2009-06-15 12:00 am UTC (link)
	thats my favorite font, i love that you used it (Reply to this)

	x_falsetto 2009-06-15 12:17 am UTC (link)
	+mems to use later. (Reply to this)

	yuuten 2009-06-15 12:25 am UTC (link)
	Aww, cute! XD (Reply to this)

	riddledfate 2009-06-15 12:27 am UTC (link)
	This is gorgeous. memming (Reply to this)

	truexillusions 2009-06-15 03:14 am UTC (link)
	I absolutely LOVE this. (Reply to this)

	catspajamas06 2009-06-15 03:46 am UTC (link)
	Pretty. (Reply to this)

	laranjalima 2009-06-15 04:40 am UTC (link)
	pretty! (Reply to this)

	lisa_corner 2009-06-15 04:41 am UTC (link)
	This is absolutely gorgeous. Thank you! (Reply to this)

	artchess 2009-06-15 05:01 am UTC (link)
	so cute! (Reply to this)

	tribulation 2009-06-15 05:42 am UTC (link)
	That's fantastic! ♥ (Reply to this)

	crazy_kuroneko 2009-06-15 08:09 am UTC (link)
	waw... cool.. i love those big icons :3 i cant wait to see new layout with big icons in smooth sailing... i want to put it on my recent layout but it's so difficult __ so i just wait from you LOL (Reply to this)

	cambridged 2009-06-15 08:41 am UTC (link)
	infinite smiley faces go here. (Reply to this)

	schokoball 2009-06-15 08:59 am UTC (link)
	cute :D (Reply to this)

	inamberclad 2009-06-15 09:28 am UTC (link)
	Awesome! Definitely using. (Reply to this)

(62 comments) - (Post a new comment)

Page 1 of 3
<<	[1] [2] [3]	>>

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

LJ Labs

Store