smooth sailing: flower girl

[unreal]

I put up a new layout over at my stock community and I asked my members for pictures of flowers with solid backgrounds. Then someone left me link with lots of flower backgrounds which inspired me to make this layout. DO READ ALL THE INSTRUCTIONS



BIGGER PREVIEW // LIVE // IE & FF


/*Stylesheet: By Blame
Name: Flower Girl */

body {
color: #888888;
font-family: Arial;
font-size: 8pt;
margin-top: 10px;
background-color: #ffffff;
background-image: url("http://img593.imageshack.us/img593/8335/lilflow11.jpg");
background-attachment: scroll;
}

a {
color: #e281a0;
text-decoration: none;
}

a:hover {
color: #ffffff;
}

blockquote {
border-left: 5px solid #e0c2bf;
color: #888;
display: block;
margin-bottom: 5px;
margin-left: 0px;
padding: 5px;
}

/* INSERT HEADER IMAGE IN PAGEBLOCK */

.pageblock{
background-image: url("");
background-position: top center;
background-repeat: no-repeat;
padding-top: 230px;
background-color: ;
width: 100%;
margin: 0 auto 0 auto;
position: absolute;
}
.pagefooterblock {
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #666666;
}

.pageheaderblock {
width: 700px;
background-color: ;
padding-bottom: 5px;
margin: 0 auto 0 auto;
}

.header-title {
display: none;
text-transform: lowercase;
text-align: center;
font-family: Arial, sans-serif;
letter-spacing: -2px;
font-size: 12px;
line-height: 10px;
color: #f2f2f2;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
}
.header-menu {
display: ;
padding-top: 25px;
text-align: center;

}

.header-menu a, .header-menu a:visited {
font-size:16px;
text-align: center;
white-space: nowrap;
padding: 2px 6px 2px 6px;
color: #000000;
text-decoration: none;
}
.header-menu a:hover {
color: #ffffff;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding-top: 150px;
margin:0 auto;
width: 795px;
background-color: ;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: #ffffff;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #666666;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}

/* ENTRIES */

.entryHolder {
width: 668px;
padding: 15px;
margin: 10px auto 10px auto;
color: #888888;
background-image: url("http://img805.imageshack.us/img805/2981/line02.png");
background-repeat: repeat;
border: 0px solid #dddddd;
font-family: Arial, sans-serif;
font-size: 8pt;
align: center;
}
.entryUserinfo {
font-weight: none;
font-family: Arial, sans-serif;
font-size: 8pt;
text-align: left;
margin: 8px 12px 8px 5px;
background-color: transparent;
}
.entryUserinfo-usericon img {
background-image: url("http://img805.imageshack.us/img805/2981/line02.png");
background-repeat: repeat;
border: 1px solid #dddddd;
padding: 2px;
float: right;
}

.entryText {
line-height: 16px;
padding: 8px 4px 14px 0px;
}
.entryHeader {
text-transform: lowercase;
font-size: 10pt;
letter-spacing: -1px;
font-family: Arial;
padding: 0px 0px 2px 0px;
border: 1px solid #dddddd;
}
.entryHeader a{
color: #e281a0;
}
.entryHeader a:hover {
color: #dddddd;
}
.entryHeaderDate {
color: #ffffff;
font-size: 12pt;
font-family: arial, sans-seriff;
}
.entryHeaderSubject {
text-transform: lowercase;
font-size: 12pt;
font-family: arial, sans-seriff;
}
.entryHeaderDate a {
color: #c9c9c9;
text-decoration: none;
font-size: 12pt;
font-family: arial, sans-seriff;
}
.entryHeaderDate a:hover {
color: #dddddd;
}
.entryMetadata {
font-family: Arial, sans-serif;
padding-bottom: 10px;
}
.entryMetadata img {
display: none;
}
.entryMetadata ul {
margin: 0px;
padding: 1px;
}
.entryMetadata li {
list-style: none;
padding: 1px;
display: block;
}
.entryMetadata-label {
padding: 2px;
color: #888888;
font-size: 8pt;
text-transform: lowercase;
}
.entryLinkbar {
border: 1px solid #dddddd;
text-transform: lowercase;
text-align: right;
font-size: 8pt;
font-family: Arial, sans-serif;
padding: 6px;
margin-left: 0px;
}
.entryLinkbar a, .entryLinkbar a:visited {
color: #bbbbbb;
}
.entryLinkbar a:hover {
color: #666666;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
border-left: 1px solid #dddddd;
display: inline;
}

/* COMMENT LINKS */

/*Read comments*/
.entryLinkbar a[href*="?nc="]{
background-image:url(http://i25.tinypic.com/2s9etk0.jpg) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}
/*Comment*/
.entryLinkbar a[href*="=reply"]{
background-image:url(http://i27.tinypic.com/dxe805.png) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}
/*Link*/
.entryLinkbar a{
background-image:url(http://i25.tinypic.com/2s9etk0.jpg) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}
/*Tag*/
.entryLinkbar a[href*="edittags"]{
background-image:url(http://i31.tinypic.com/120rzi1.gif) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}
/*Flag*/
.entryLinkbar a[href*="content_flag"]{
background-image:url(http://l-stat.livejournal.com/img/button-flag.gif) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}
/*Tell a friend*/
.entryLinkbar a[href*="tellafriend"]{
background-image:url(http://i25.tinypic.com/biw31h.png) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}
/*Memadd*/
.entryLinkbar a[href*="memadd"]{
background-image:url(http://i27.tinypic.com/9hud7o.png) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}
/*Track*/
.entryLinkbar a[href*="subscriptions"]{
background-image:url(http://i26.tinypic.com/2wntoog.png) !important;
background-repeat:no-repeat;
background-position:left center;
padding:16px 0px 16px 25px
}

/* FOOTER */

#footer-menu {
background-color: transparent;
text-transform: lowercase;
text-align: center;
font-family: Arial, sans-serif;
font-size: 11pt;

}
#footer-menu a, .footer-menu a:visited {
padding: 0px 12px 0px 0px;
color: #000000;
white-space: nowrap;
}
#footer-menu a:hover {
color: #ffffff;
}

/* SIDEBAR */

.nav a {border-bottom: 1px solid #e0c2bf;
color: #000000; display: block; font-family: tahoma; font-size: 8pt; text-transform: uppercase; line-height: 9px; padding: 3px;}
.nav a:hover {color: #ffffff; text-decoration: none;}
.nav br {display: none;}

.sidebar {
border-right: 0px solid #f2f2f2;
padding: 0px;
margin: -140px 0px 0px 47px;
font-family: Arial, sans-serif;
font-size: 8pt;
text-align: justify;
width: 720px;
height: 120px;
color: #888888;
position:absolute;
}

.sidebox {
float:left;
color: #888888;
background-image: url("http://img843.imageshack.us/img843/8089/line01m.png");
background-repeat: repeat;
border: 0px solid #dddddd;
padding: 10px;
margin: 0px 10px 0 0px;
width: 206px;
height: 120px;
}

.sideboxTitle {
background: url(http://i40.tinypic.com/1zgtjdj.png) left no-repeat center;
text-transform: lowercase;
font-size: 12pt;
font-family: Georgia, sans-seriff;
padding-left: 22px;
padding-bottom: 3px;
border-bottom: 1px dotted #c9c9c9;
color: #b8dff5;
text-align: left;
display: none;
}

.listtitle {
font-weight: normal;
text-align: left;
text-transform: lowercase;
font-size: 8pt;
letter-spacing: 1px;
border-bottom: 1px solid #f2f2f2;
margin: 4px 0px 4px 0px;
}
.sideboxContent {

text-align: justify;
padding: 3px;
}
.sidebox #freetext {
text-align: justify;
height: 90px;

}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}

.sidebox #tags_sidebox a {
display: block;
font-size: 10px;
border-bottom: 1px solid #e0c2bf;
color: #ee5b90;
font-family: tahoma;
}

.sidebox #tags_sidebox {
font-size: 0 !important;
height: 95px;
overflow: auto;
}

.sidebox #systemlinks {
text-align: right;
margin-left: 5px;
color: #000000;
font-family: tahoma;
line-height: 19px;
font-size: 7pt;
text-transform: uppercase;
}
.sidebox #systemlinks a{
border-right: 10px solid #e0c2bf;
padding: 3px 5px 3px 10px;
}

.sidebox #systemlinks a:hover{
border-right: 10px solid #ee5b90;
padding: 3px 5px 3px 10px;
}

.sidebox #latestmonth table {
width: 90%;
margin: 4px auto 4px auto;
}
#latestmonth a:link, #latestmonth a:active, #latestmonth a:visited {
text-align: center;
text-transform: lowercase;
}
#latestmonth td {
text-align: center;
padding: 1px;
font-family: Arial, sans-serif;
font-size: 8pt;
}
.latestmonth-inactive {
background-color: #f7f7f7;
padding: 2px;
}
.latestmonth-active {
background-color: #eeeeee;
padding: 2px;
}
.profile-label {
display: none;
}

/* COMMENT PAGE */

.commentHolder {
color: #888888;
background-color: #ffffff;
font-family: Arial, sans-serif;
font-size: 8pt;
margin: 4px 0px 4px 8px;
}
.commentUserinfo {
text-align: center;
margin: 8px 8px 8px 8px;
background-color: #ffffff;
}
.commentUserinfo-usericon img {
padding-bottom: 2px;
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
text-transform: lowercase;
background-color: #ffffff;
color: #888888;
font-family: Arial, sans-serif;
font-size: 10pt;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #bebebe;
}
.commentHeaderScreened {
font-family: Arial, sans-serif;
font-size: 10pt;
background-color: #eeeeee;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: normal;
}
.commentLinkbar {
border-top: 1px solid #f2f2f2;
font-family: Arial, sans-serif;
text-transform: lowercase;
font-size: 8pt;
text-align: right;
}
.commentLinkbar a {
color: #bbbbbb;
}
.commentLinkbar a:hover {
color: #666666;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
border: 0;
background-color: #ffffff;
color: #4e4e4e;
padding-left: 10px;
}
#commenttext{
width: 90%;
}

/* ARCHIVE PAGE */

.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 400px;
margin: 8px 8px 8px 20px;
}
.daysubjects {
color: #888888;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
background: #ffffff;
color: #888888;
}
.day-blank {
}
.day {
}
.day-date {
color: #888888;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 12px;
}
.day-count a {
text-decoration: none;
color: #bebebe;
}

/* TAGS PAGE */

.tagstable td {
}
.tagstable {
text-transform: lowercase;
width: 500px;
}

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

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif?v=1"] {
width: 0px;
height: 0px;
background-image: url(http://img210.imageshack.us/img210/4268/89048628.png);
background-repeat: no-repeat;
padding: 18px 18px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif?v=1"] {
width: 0px;
height: 0px;
background-image: url(http://img530.imageshack.us/img530/3589/82740386.png);
background-repeat: no-repeat;
padding: 18px 18px 0 0 !important;
}

install instructions ♫
Go to customize and set your style to S2 & save changes ♫
Select Smooth Sailing ♫
Then go to choose a page setup and select sidebar left. ♫
Then go to custom options and press Custom CSS & select NO in all the dropdown boxes. Then copy & paste the CSS into the box & save changes. ♫
if you want your links in the sidebar to look like in the preview then copy this code into a free text box

LINK
LINK
LINK ♫
sidebar must read: if your text in the free boxes is longer then in the preview then you will need to change a couple of things. Otherwise you text will overlap the sidebar and entries. first change your padding-top in .bodyblock. then change your margin in .sidebar. change margin:.. ♫
if you have any questions check the faq first

style: smooth sailing, maker: brutal