&;14

[aeyd]

I'm working on your interest icons. Will post those probably next week or so. Before that I thought I'd share a layout I made recently.

Layout 05: Skyblue [S2: Flexible Squares]


/*custom css by ainodeluca*/
/*main*/
body{background-color:#7CA8C5;background-image:url('');background-repeat: repeat;color:#444;letter-spacing:1px;margin:20px;padding:5px;font-size:12px;}
/*extra*/
textarea.textbox{width: 100%;}
input, textarea{background-color: #ffffff;color: #1C1C1C;font-family:Times New Roman,Georgia,sans;font-size:12px;}
img{border:none;}
b,i,s,u{color:#1C1C1C;}
a, a:link, a:visited {color:#00425F;text-decoration: none;font-weight:lighter;}
a:hover{color:#444444; text-decoration: none;}
blockquote{border-left:dashed 1px #cccccc; padding:5px;}
.currents{margin-top:5px;text-transform:lowercase;font-size:11px;}
.currentgroups{display:none;}
.skiplinks{text-align:right; text-transform:lowercase;font-size:11px;}
/*sidebar*/
#sidebar{background-color:#ffffff;width:200px;float:left;text-transform:lowercase;border-right:1px dashed #cccccc;}
.defaultuserpic{padding-top:10px;text-align: center;}
.sbarbody2{padding: 10px 10px 0 10px;text-align:justify;}
li.sbartitle{border-bottom:1px dashed #cccccc;list-style:none;padding:5px;padding-left:10px;}
ul.sbarlist{padding-left: 0px;margin-left: 0px;list-style: none;}
li.tagcloud{margin-left:5px;margin-right:5px;text-align:justify;}
li.sbaritem{padding-left: 15px;padding-right: 10px;list-style: none;}
.sbarcalendar{border:1px solid #cccccc;text-align: center;}
.sbarcalendarposts{border:1px solid #cccccc;background-color: #ffffff;text-align: center;}
/*header*/
#header{display:none;}
.title, .subtitle{display:none;}
/*footie*/
#footer{padding-top:10px;text-align:right;text-transform:lowercase;color:#1C1C1C;}
ul.navfooter{padding:0px;margin:0px;}
ul.navfooter li{display: inline;margin: 0 5px 0 5px;}
/*stuff*/
#content{background-color:#ffffff;width:70%;margin-left:auto;margin-right:auto;color:#383838;font-family:Times New Roman,Georgia,sans;font-size:12px;}
#maincontent{background-color:#ffffff;margin-left:210px;padding:15px;margin-top:-5px;}
.userpic{display:none;float:right;padding:5px;background:transpert;}
.date{font-size:10px;margin-left:5px;}
.subject{font-size:11px; text-transform:lowercase;padding:15px 15px 15px 0;border-bottom:1px dashed #cccccc;}
.entry_text{color:#383838;font-family:Times New Roman,Georgia,sans;font-size:12px;line-height:16px;text-align:justify; margin-bottom:17px;}
.entry{margin-top:20px;}
.comments{text-transform:lowercase; font-size:11px; letter-spacing:2px;}
.separator{padding:15px;border-bottom:1px dashed #cccccc;}
/*pages*/
.userpicfriends{float:right;
background-color:#ffffff !important;padding:5px;font-size:11px;}
.userpiccomment{float:left;padding-right:15px;border-color:#ffffff;}
.box{padding:5px;}
.datesubjectcomment{padding: 5px;margin-top: 20px;text-transform:lowercase;}
.reply{position: relative;margin: 20px 30px 10px 30px;padding: 25px 10px 10px 10px;text-align: left;}
.replytosubject{font-weight: lighter;}
.commentreply{position: relative;margin: 10px;font-size: 11px;}
.commentbox{border-bottom:1px dashed #cccccc;padding: 10px;margin: 10px;}
.commentboxpartial{padding: 10px;margin: 10px;}
.commentinfo{margin-top: 10px; width: 100%;}
/*icons*/
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ padding: 0 2px 18px 18px !important; background-image:url(http://img31.imageshack.us/img31/2158/cup.png);}img[src*="icon_private.gif"]{ padding: 0 0 18px 18px !important; background-image: url(http://img31.imageshack.us/img31/2158/cup.png);} img[src*="icon_groups.gif"]{ padding: 0 0 18px 18px !important; background-image: url(http://img31.imageshack.us/img31/2158/cup.png);}
span.ljuser a b { color: #444444; background: transparent; font-weight:bold;text-transform:uppercase;}
span.ljuser a:hover b { color: #1C1C1C; background: transparent;}
/*nav*/
body.lj-view-recent div#header li.view {
background:transparent url(http://img44.imageshack.us/img44/1374/24tagpencil.png) no-repeat scroll 50% 0;
padding:12px 12px 0; }
body.lj-view-archive div#header li.view{ padding:12px 12px 0; background:transparent url(http://img89.imageshack.us/img89/2118/24tab.png) no-repeat scroll 50% 0}
body.lj-view-friends div#header li.view{ padding:12px 12px 0; background:transparent url(http://img513.imageshack.us/img513/282/24memberheart.png) no-repeat scroll 50% 0}
div#header a[href*=".livejournal.com/"] {
background:transparent url(http://img44.imageshack.us/img44/1374/24tagpencil.png) no-repeat scroll 50% 0; padding:12px 12px 0; }
div#header a[href*="/calendar"] {
background:transparent url(http://img89.imageshack.us/img89/2118/24tab.png) no-repeat scroll 50% 0; padding:12px 12px 0; }
div#header a[href*="/friends"] {
background:transparent url(http://img513.imageshack.us/img513/282/24memberheart.png) no-repeat scroll 50% 0; padding:12px 12px 0; }
div#header a[href*="/profile"] {
background:transparent url(http://img196.imageshack.us/img196/9681/24messageinfo.png) no-repeat scroll 50% 0; padding:12px 12px 0; }
/*calendar*/
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 #cccccc;}
table.yeartable td.yearday{background-color: #ffffff;text-align: center;}
td.yearmonth{border-style: none;}
Image preview @ here

Tiny icons by Famfamfam and Sweetie

-Comments and feedback are more than welcome.
-No need to credit me if you don't want to.
-But please DO NOT claim the CSS as your own, thank you!