s2 Flexible Squares; Honey Bee

[fuckkcliche]

Image | Live

Instructions:
1) You need to be in S2 to do this, so if you haven't done so, switch from S1 to S2.
2) Go under "Journal" and click "Customize Journal Style"
3) Under your "Current Theme" (Which is located to the right of the page), Click "Select Different Theme"
4) Search "Flexible Squares". Once you've found it, choose it for your theme.
5) Then go back to "Select Different Theme" and scroll down to the bottom where it says "Choose Page Setup"
6) Make your ad-placement vertical. (This hides the ad)
7) Make it "2 Column (sidebar on right)"
8) Scroll back up to "Customize your theme", under "Current theme" on the right side of the page.
9) Click "Customize your theme"
10) Click "Custom CSS"
11) Make all the drop-down menu's say "No" above the CSS box!
12) Then paste this code...
/* stylesheet by fuckkcliche@estiloamor */

body {
background-image:url(http://i35.tinypic.com/dpbjpx.png);
background-attachment:fixed;
color: #999;
font-family: arial;
font-size: 8pt;
line-height:1.5em;
margin-top:35px;
}

a, a:link, a:visited {
color: #737373;
text-decoration: none;
cursor: default;
}

a:hover {
color: #ccc;
text-decoration: none;
cursor: default;
}

blockquote {
padding: 10px;
color: #fff;
background:#F5E072;
font-family: 'Georgia', 'Times New Roman', Times, sans-serif;
font-size: 8.5pt;

border:1px solid #EBD043;
text-align: justify;
}

code, kbd, pre, tt {
font-family: tahoma;
font-size: 9px;
background: #fff;
border: 1px solid #ccc;
}

b, i, s, u, emphasise, abbr, strong, strike { color: #737373; }

#content
{
width: 1000px;
background-color: transparent;
margin-left:auto;
margin-right:auto;

}

#maincontent {
margin-left: auto;
margin-right:auto;
background-color:transparent;
width:650px;

}

#sidebar {
display:none;

}

#header {

float:left;
text-transform: lowercase;
width:150px;

}
div#header li.view { }

#footer {
width: 650px;
padding: 0px 0px 10px 0px;
text-align: right;
margin-top: 0px;
z-index: 100;
clear: both;
margin:auto;
}

.clearfoot {
clear: both;
}

#footer .viewing { display:none; }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {

}

div#header a:hover {
color:#A6A6A6;
}
div#footer a:hover {
color:#A6A6A6;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: ;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: block;
padding: 0 3px 0 3px;
list-style:none;
}
#header li, #footer li {list-style:none; text-align:right;}

.title {
display: none;
}

.subtitle{
display: block; font-family: georgia; font-style:italic; font-size:

25px; width:150px; text-align:right;margin-top:30px;margin-bottom:100px;

background:#f7f7f7; border: 0px;}

.defaultuserpic {
position: relative; display: block; padding:10px; text-align:center; margin: 15px;

float:right; background: #f0f0f0; margin-top: 35px;

}
.defaultuserpic img {
margin-top: 0px;
width: 60px;
height: 60px;
border: 0px;

}

.sbarbody2 {margin-left: 10px; float:left;padding: 15px 20px; width:200px; }

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

li.sbaritem{
list-style-type:none;
padding: 4px;
border-bottom: 1px solid #eee;
margin:0;
padding-left:20px;
}
li.sbaritem:hover {
background-color: #f7f7f7;
}

li.sbartitle{
display:none;

}

#sidebar_linklist li.sbartitle{
display:block;
text-align:left;
list-style-type: none;}

#sidebar_tags li.sbartitle {display:none;}

#sidebar_linklist {
list-style-type:none;
display:inline;
letter-spacing: 1px;
font-size: 7pt;
font-family: georgia;
font-style:italic;
float:left;
width: 250px;
margin-top: 10px;
text-align:right;
text-transform: lowercase;
padding-top:2px;
} #sidebar_summary { display:none;}

#sidebar_tags {
list-style-type:none;
display:inline;
letter-spacing: 1px;
font-size: 7pt;
font-family: georgia;
font-style:italic;
float:left;
width: 250px;
margin-top: 10px;
text-align:right;
padding-left: 20px;
text-transform: lowercase;
padding-top:2px;}

#sidebar_calendar, #sidebar_tags {display:none;}

ul.ljtaglist li {
list-style: none;
list-style-position: inside;
padding-left: 5px;
}

ul.ljtaglist {
text-align: left;

padding: 8px 8px 8px 12px;
margin-right: auto;
margin-left: auto;
background-color: #000;
}

.subcontent {
border:1px solid;
border-color: #eee;
background:white;
padding: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.entry {
background: #fff;
padding: 30px;
padding-top:15px;
text-align: justify;

}
.entry_text {
padding-right: 15px;
}

.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0;
list-style: decimal-leading-zero;
list-style-position: inside;
}

hr {

height: 1px;
background-color: #ffffff;
border-bottom: 1px solid #ccc; }

.userpic {
padding: 8px;
z-index: 15;
border: 1px solid #eee;
background: #fff;
display: block; float: right; margin-left:15px; margin-right:-150px; position:

relative;

}

.userpicfriends {
position: relative;
float: right;
padding:8px;
margin-left:15px;
margin-right:-150px;
z-index: 15;
background: #fff!important;
border:1px solid #eee;
-moz-border-radius: 0 0 15px 15px;}

.userpicfriends font {font-family: courier new; color: #333!important;}
.userpic font {font-family: courier new; color: #333!important;}

.userpicfriends img {
}

.date {
text-transform: uppercase;
color: #aaaaaa;
font-family:Helvetica;
font-size: 10px;
letter-spacing: 1px;
word-spacing: 0px;}
.subject {
color: #999;
background-color: transparent;
font-family: "georgia", arial, sans-serif;
font-size: 12pt;
text-transform: lowercase;
line-height: 100%;

}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold; color: #999;}

.datesubject {
text-align: left;
background-image: url();
background: #fff;
padding-top: 30px;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
width:590px;
border-bottom: 1px dotted #EBD043;
}

.currents div { display: block; }
.currents strong, .currentmood strong, .currentmusic

.currentlocation, .ljtags strong {
color: #000;
display:none;
font-weight: lighter;
font-family: arial;
text-transform: lowercase;
margin-right: 5px;
}
.currentmusic {padding: 2px 5px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/sound.gif) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 5px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/heart.gif) no-repeat scroll 0% 50%; margin-left: 5px;}
.currentlocation {padding: 2px 5px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/home.gif) no-repeat scroll 0% 50%; margin-left: 0px;}
.ljtags {text-align: left; padding: 2px 2px 2px 20px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 11px; color: #888888; background: transparent url(http://imgboot.com/images/estiloamor/tag.gif) no-repeat scroll 0% 50%; margin-left: 0px; margin-bottom: -5px;}

.ljtags a, .ljtags a:link, .ljtags a:hover, .ljtags a:visited {
color: #F2D440;
text-transform: lowercase;
font-weight: lighter; }

.currents, .currentmood, .currentmusic {
font-size: 11px;
margin-left: 0px;
line-spacing: -1px;
font-weight: lighter;
color: #ccc;
text-transform: lowercase;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #ccc;
font-weight: normal;
text-transform: lowercase;
}

.currentlocation a:hover, .ljtags a:hover {
color: #EEC911;
font-weight: normal;
text-transform: lowercase;
}

.comments {
text-transform: lowercase;
margin-top: 10px;
color: #999;
text-align: right;
padding: 15px;
padding-left:0px;
padding-top:10px;
position: relative;
width: 550px;
font-family: 'Georgia', 'Times New Roman', Times, sans-serif;
font-size: 8.5pt;
}

div.comments a, div.comments a:link, div.comments a:visited{
color:#999;
}

div.comments a:hover { color:; }

/* maincontent -- entry, reply pages */

.datesubjectcomment { background-color: #fff;

padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
background-color: #fff;
top: -30px;
left: 0px;
padding: 5px;
margin: 30px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #d1d1d1;
border-style: dotted;
width: 60px;
height: 60px;
}

.box {

padding: 10px;
clear: left;

}

input, textarea {
color: #0a0a0a;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
background: #fff;
font-size: 11px;
}

select { font-size: 9px; border-style: solid; border-width: 1px 1px 1px 1px;

border-color: #F7F7F7; background: #fafafa; color: #ccc;}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: arial;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #999999;
}

.replytosubject {
font-weight: bold;
}

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

.commentbox {

border-color: #fff;
border-width: 1px;
border-style: solid;
padding: 8px;
margin: 10px;
background-color: #fff;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #73382B;
}

.datesubjectcomment a:hover {
color: #DEBB9F;
border-bottom: #F0EEE8 1px dotted;
}

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

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

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #fff;
background: #fff;
}

ul.year li {
display: inline;
background: #fff;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 0px solid #fff;
background: #fff; }

table.yeartable td.yeardate, table.yeartable td.yearday {
}

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

td.yearmonth {
border-style: none;
}

/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li { list-style: none; list-style: decimal inside; }

.clearfoot {
clear: both;
}

/* misc */

.clear {
height: 2px;
}

.skiplinks {
display: block;
text-transform: lowercase;
text-align: center;
padding: 8px; color: transparent;
margin-bottom: -2px;}

.headerimage {
/* for formatting header image */
width: XXXpx;
height: XXXpx;
background-image:url(XXX);
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
background-color: ;
}

.separator { background: transparent; height: 29px; }

/*----------------------------------------------------
Tiny Icons
----------------------------------------------------------------*/

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 14px 16px 0px 0px;
background: url(http://i26.tinypic.com/2a7y00g.png);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 16px 0px 0px;
background: url(http://i42.tinypic.com/veslli.png);
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(hhttp://imgboot.com/images/estiloamor/crown.png);
padding: 16px 17px 2px 2px !important;
}

.ljuser img[src*="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://imgboot.com/images/estiloamor/crown.png)!important;
background-repeat: no-repeat!important;
padding: 13px 11px 0 0px!important;
}

.ljuser img[src*="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://imgboot.com/images/estiloamor/staricon.png)!important;
background-repeat: no-repeat!important;
padding: 13px 11px 0px 0px!important;
}

img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i43.tinypic.com/2w74r2u.png);
}

img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/11i27oz.png);
}

img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i27.tinypic.com/vxgnll.png);
}

img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/2uqgius.png);
}

img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/o8ewz8.png);
}

img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/23jjs5s.png);
}

img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i25.tinypic.com/igaxpc.png);
}

img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i31.tinypic.com/1zxkxu8.png);
}

img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/191jz8.png);
}

img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
display: none;
}

img[src="http://l-stat.livejournal.com/img/help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/m7zus3.png);
}

table#lj_controlstrip td {
background-color: #fff;
color: #ccc;
border:0px;
}

#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip

input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip

input#xc_remember,

#lj_controlstrip input {
background:#ddd none repeat scroll 0 0 !important;
border:0 none;
color:#5F5F5F !important;

}

#lj_controlstrip a {
color: #666666;

}

#lj_controlstrip_statustext {
color: #dddddd;

}

#lj_controlstrip .ljuser a b {
color:#ddd;

}
#lj_controlstrip_userpic {
display:none;

}
a img {border:none;}

And that's it! There's no ads on this layout if you set the ad placement on vertical. Enjoy!