S2 Flexible Squares - Birded

[endorsements]

live (temp) | image

Style: S2 Flexible Squares
Image Credit: zom_b at Flickr.
Account: Basic & Paid - Doesn't work too well with ads.

/* Layout by endorsements.livejournal.com! Image by http://www.flickr.com/people/zom_b/. Edit as you wish but please credit endorsements.*/

body {background: url("http://i40.tinypic.com/30v0wee.jpg") bottom left no-repeat fixed #36343F; color: #424242; font-family: "verdana", sans-serif; font-size: x-small; margin: 20px 0px 20px 0;}
b {color: #E9763F;}
i {color: #AED7F3;}
u {text-decoration: none; border-bottom: 1px dotted #E9763F;}
s {color: #AED7F3;}
a, a:link, a:visited {color: #AED7F3; text-decoration: none;}
a:hover {color: #A4A4A4; text-decoration: none; border-bottom: 1px dotted #E9763F;}
p, td, blockquote {background-color: #ffffff; padding: 5px; border-left: 5px solid #AED7F3; color: #A4A4A4;}
code, kbd, pre, tt {font-family: monospace;}

#content {width: 600px; margin-left: 400px; margin-right: auto; background-color: none; padding: 15px;}

#maincontent {margin-top: 15px; font-family: "verdana", sans-serif; font-size: x-small; background-color: #FFFFF; color: #424242; border-width: 0px; border-style: dashed; border-color: #ffffff; text-align: left;}

#sidebar {display: none;}

#header {width: 100%; padding: 10px 0px 0px 0px; margin: 20px; text-align: right; font-family: "arial"; text-transform: uppercase; font-size: 35px; letter-spacing: 0px; border-style: none; border-color: none; border-width: opx; background-color: none; color: #AED7F3;}

#footer {width: 100%; text-align: center; font-family: "arial"; font-weight: bold; text-transform: uppercase; font-size: medium; letter-spacing: 1px; background-color: #none; color: #AED7F3; border-color: #ffffff; border-width: 0px; border-style: solid; z-index: 100; clear: both;}

ul.navheader {padding: 0px; margin: 0px;}
ul.navheader li {display: inline; padding: 0 3px 0 3px;}
.title {display: none;}
.subtitle{display: none;}
.entry {margin: 0px 10px 10px 10px; padding: 10px; background-color: #ffffff; color: #424242; font-family: "verdana", sans-serif; font-size: x-small; text-align: left; border-width: 0px; border-color: #ffffff; border-style: none;}
.entry ul li {padding-left: 5px; margin-left: 15px;}
.entry ol li {padding-left: 5px; margin-left: 15px;}
.userpic {position: relative; float: right; padding: 5px; margin: 10px; text-align: center; background-color: #ffffff; border-style: dotted; border-width: 1px; border-color: #E9763F; font-family: "verdana", sans-serif; font-size: x-small; z-index: 15;}
.userpicfriends {position: relative; float: right; padding: 5px; margin: 10px; text-align: center; background-color: #ffffff; !important; border-style: dotted; border-width: 1px; border-color: #E9763F;; font-family: "verdana", sans-serif; font-size: x-small; z-index: 15;}
.date {line-height: 200%; top: 5px; color: #424242; font-family: "verdana", sans-serif; font-size: 8px;}
.subject {padding: 1px; font-family: "arial"; font-size: medium; text-decoration: none; text-transform: uppercase; border-bottom: 1px dotted #E9763F;}
.datesubject {background-color: #fffff; padding: 5px; font-size: 8px;}
.currents, .currentmood, .currentmusic {font-family: "verdana", sans-serif; font-size: x-small;}
.comments {font-family: "verdana", sans-serif; font-size: x-small; text-align: right; background-color: #ffffff; padding: 0px 5px 0px 5px; position: relative; top: 10px; text-transform: none;}
.subcontent {margin: 0px 0px 0px 0px; padding: 0px; background-color: #ffffff; color: #666666; font-family: "Verdana", sans-serif; font-size: x-small; text-align: justify; border-width: opx; border-style: solid; border-color: #ffffff; width: 600px; margin-left: 20px;}

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-width: 1px; border-style: solid; border-color: #999999;}
table.yeartable td.yearday {background-color: #d4dce8; text-align: center;}
td.yearmonth {border-style: none;}

ul.navfooter{padding: 0px; margin: 0px;}
ul.navfooter li {display: inline; margin: 0 5px 0 5px;}
.clearfoot {clear: both;}

.clear {height: 15px;}
.skiplinks {text-align: center;}
.separator {margin-left: -20px; height: 20px; background-color: none; width: 106%;}

.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: none; background-image: url(http://i38.tinypic.com/16j58gl.jpg); padding: 16px 17px 2px 2px !important; text-decoration: none;}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {background-color: none; background-image: url(http://i38.tinypic.com/16j58gl.jpg); padding: 16px 16px 0 2px;}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {background-color: none; background-image: url(http://i43.tinypic.com/20apbeu.jpg); padding: 16px 16px 0 2px;}

table#lj_controlstrip td {background-color: #ffffff; color: #AED7F3; border-width: 0px;}
#lj_controlstrip input {background-color: #ffffff; color: #AED7F3; border: 1px dotted #AED7F3;}
#lj_controlstrip a {background-color: #ffffff; color: #AED7F3;}
#lj_controlstrip_statustext {background-color: #ffffff; #AED7F3; }
#lj_controlstrip {background-color: #ffffff; color: #AED7F3; border-bottom: 3px solid #E9763F;}
Note: If you want your header links to all fit in a line, you have to change "Recent Entries" to "Recent", and "User Info" to "Info", just like in the preview. (You can do that here.)

o1. Comments and credit (endorsements) are appreciated!
o2. You are welcome to alter.
o3. Friend endorsedlayouts? :)