[Layout] S2 Flexible Squares: So intense [#008]

[hyuknice]

img // live

Info:
-S2 Flexible Squares
-Accounts: Basic, Plus & Paid
-Looks good in firefox, not sure about others.

Code:
/*----
So Intense.
[flexible squares]
- By: Hyuknice@LJ.com /Ddalgimonkeys@LJ.com]
----*/

body {
background: #d8fcff;
text-align: center;
font-family: "georgia";
font-size: 10px;
margin: 10px 0px 0px 0px; }

a, a:link, a:visited {
color: #61af53;
text-decoration: none; }

a:hover {
color: #2e348f;
text-decoration: none; }

p, td { font-size: 11px; }

blockquote {
width: 80%;
background: #f4f4f4;
font-family: "arial";
text-align: justify;
font-size: 10px;
color: #212121;
padding: 10px;
border-left: 20px solid #d5cf2b;
margin: auto; }

blockquote:hover { border-left: 20px solid #63b353; }
code, kbd, pre, tt { font-family: monospace; }

#content {
width: 850px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border-width: 0px;
padding: 0px; }

#maincontent {
margin-top: 15px;
font-family: "arial";
font-size: 11px;
background-color: transparent;
color: #898989;
border-width: 0px;
margin-right: auto;
text-align: left; }

#footer {
text-align: center;
font-family: "arial";
font-size: 11px;
letter-spacing: 3px;
background: transparent;
color: #212121;
border-width: 0px;
z-index: 100;
clear: both; }

#sidebar {
width: auto;
height: auto;
padding: 10px 10px 10px 5px;
margin: 0px 0px 10px 0px;
font-family: "arial";
font-size: 12px;
text-align: justify;
color: #fff;
background: #8661b4;
border: 0px; }

/* HEADER */

.title {display: none;}

.subtitle{
position: relative;
font-family: "georgia";
font-size: 18px;
color: #fff;
text-align: center;
text-transform: lowercase;
letter-spacing: 3px;
top: 25px; }

#header {
padding: 0px;
margin: 10px 0px 0px 0px;
text-align: left;
font-family: "arial";
font-size: 11px;
background: #31349b;
height: 240px;
width: auto;
z-index: 0; }

ul.navheader {
padding: 0px;
position: relative;
text-transform: uppercase;
margin: 0px;
letter-spacing: 5px;
z-index: 100; }

ul.navheader li a, ul.navheader li a:visited {
color: #212121;
text-align: right;
height: 23px;
width: auto;
display: block; }

ul.navheader li a:hover {
color: #212121;
text-align: right;
text-decoration: none;
width: auto;
display: block; }

.navheader .view {
height: auto;
padding: 5px;
border-left: 30px solid #d8fcff;
text-align: right;
color: #272727; }

ul.navheader li {
display: block;
padding: 10px 0 0 10px;
width: auto;
background-color: #be2c2c;
position: relative; }

ul.navheader li:hover { background-color: #d8fcff; }
ul.navheader li { border-left: 30px solid #be2c2c; width: auto; text-align: left; }
ul.navheader li + li { border-left: 30px solid #d25d0d; width: auto; background-color: #d25d07; text-align: left; }
ul.navheader li + li + li { border-left: 30px solid #d5cf2b; width: auto; background-color: #d5cf2b; text-align: left; }
ul.navheader li + li + li + li { border-left: 30px solid #63b353; width: auto; background-color: #63b353; display: block; text-align: left; }
ul.navheader li + li + li + li + li { border-left: 30px solid #218dd8; width: auto; background-color: #218dd8; display: block; text-align: left; }

/* SIDEBAR */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #6d469d;
font-family: "times new roman";
font-weight: bold;
padding: 3px;}

div#sidebar a:hover { color: #5d368d; }
li.sbartitle { display: none; }

li.sbaritem {
padding: 0px 4px 0px 4px;
display: inline;
list-style: none; }

.sbarheader { display: none; }
.sbarbody { padding: 0px; }
.sbarbody2 { padding: 0px }
table.calendar { display: none; }
li.sbartitle { display: none; }

ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none; }

li.sbaritem, .tagcloud {
background: #9573c0;
padding: 5px;
list-style: none;
border-width: 0px;
margin: 5px; }

/* USERPICS */

.userpic, .userpicfriends {
text-align: center;
position: relative;
float: right;
background-color: transparent !important;
padding: 0px;
margin: 30px -100px 0px 0px;
z-index: 15; }

.userpic img, .userpicfriends img {
width: 80px;
height: 80px;
margin: 0px -30px 0px 0px;
padding: 5px;
border-width: 15px;
border-style: solid;
border-color: #e1568a;
z-index: 15; }

.userpic a, .userpicfriends a, .userpic font, .userpicfriends font {
color: #313131;
text-align: center;
margin: 0px -15px 0px 0px;
font-family: "georgia";
text-transform: uppercase;
font-size: 10px; }

.defaultuserpic { margin: 5px; float: left; }

.defaultuserpic img {
border-width: 13px;
border-style: solid;
padding: 8px;
border-color: #916dbd;
width: 80px;
height: 80px; }

.userpiccomment {
position: relative;
top: -18px;
left: 2px;
padding: 5px;
margin: 20px 10px 20px -140px;
width: 80px;
height: 80px;
z-index: 15;
float: left;
padding: 2px;
border-width: 15px;
border-style: solid;
border-color: #61af53; }

/* MAINCONTENT */

.entry {
margin: 0px;
padding: 10px;
background: #fff;
color: #6a6a6a;
font-family: "arial";
font-size: 11px;
text-align: left;
border-right: 1px dotted #63b353;
border-left: 1px dotted #63b353;
border-bottom: 1px dotted #63b353; }

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

.date {
line-height: 200%;
top: 5px;
color: #212121;
font-family: "arial";
font-size: 9px;
text-align: center; }

.subject {
font-weight: bold;
padding: 10px;
color: #fff;
font-family: "georgia";
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;}

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

.subject a:hover { color: #fff; }

.datesubject {
margin: -15px 0px 0px 0px;
background: #e2548a;
padding: 5px; }

.currents, .currentmood, .currentmusic {
font-family: "arial";
font-size: 9px;
padding: 0px; }

.ljtags {
width: auto;
padding: 10px 0px 0px 0px;
text-align: left;
margin-top: 20px;
font-family: "arial";
font-size: 9px;
font-weight: bold; }

.comments {
font-weight: none;
text-align: center;
font-size: 0px;
color: #ffffff;
padding: 10px; }

div.comments a, div.comments a:link, div.comments a:visited {
color: #ffffff;
margin: 10px;
text-transform: lowercase;
background-color: #e15685;
font-size: 13px;
display: inline;
padding: 10px;
width: 90px; }

div.comments a:hover { color: #ffffff; background-color: #cf4775; }

/* ENTRY/REPLY */

.datesubjectcomment {
border-width: 0px;
padding: 4px;
width: auto;
height: 60px;
background: #fff; }

.box { border-width: 0px; padding: 10px; clear: left; }
input { background: #dccaee; color: #572f7d; }
textarea { background: #dccaee; color: #572f7d; }
textarea.textbox { width: 95% !important; }

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "arial";
font-size: 11px;
line-height: 125%; }

.replytosubject { font-weight: bold; }

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "arial";
color: #707070; }

.commentbox {
border-width: 0px;
padding: 5px;
margin: 10px;
background: #fff; }

.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #61af53; }
.datesubjectcomment a:hover { height: 40px; color: #2e348f; }

.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #fff; }

.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%; }

/* ARCHIVE */

ul.year { text-align: center; padding-bottom: 40px; }
table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yearday { background-color: #fff; text-align: center; }
td.yearmonth { background: #fff; padding: 2px 5px 2px 5px;}

ul.year li {
border-width: 0px;
background: #fff;
padding: 5px;
display: inline; }

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
background: #fff;
padding: 5px;}

/* FOOTER */

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

/* MISC */

h2 {
background: #fff;
padding: 10px 10px 10px 30px;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px; }

.ljtaglist {
text-align: left;
margin: 0px; padding: 30px;
background: #fff;
padding: 20px;
font-size:11px;
list-style:none; }

div.ContextualPopup div.Inner {
color: #218dd8!important;
background: #fff!important;
font-family: "arial";
border-style: solid;
border-color: #63b353;
border-width: 1px;
padding: 10px;
width: 200px; }

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;
font-weight: normal;
color: #8661b4!important; }

div.ContextualPopup div.Inner a:hover { color: #ffffff!important; letter-spacing: 1px;}

.clear { height: 0px; }
.skiplinks { text-align: center; margin: 10px 0px 20px 0px; }
.separator { height: 50px; }
::-moz-selection { background-color: #f4caca; }
i, em, s, strike, u, underline { color: #8b8b8b;}

.headerimage {position: relative;
background: url(http://pics.livejournal.com/lucissa_malfoy/pic/0002wkyw);
width: 573px;
height: 200px;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; }

Ok, I admit it, this is a recycled-ish version of "forever blue", but we're all about recycling nowadays aren't we? :D

*You may edit but credit would be nice
*Hotlink is a no-no, upload the header to your own server (if using it)
*Comment if taking please. Feedback is very much appreciated.
*Join/Watch?
*Xp2: x @ mintyapple