Layouts by writing_light

Layout #15 Flexible Squares - Butterfly Tree

2009-01-09T02:16:07Z

Layout Style: Flexible Squares
Best view: 800x600 and higher, looks best in larger resolutions
Browser(s) Compatible: Tested with FF and IE7, transparencies do not work in IE
Work with Nav bar?: Yes
Work with Ads? Yes
Credit: writing_light or losing_light somewhere in your journal please
Crossposted:
Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Background image image from dryicons.com
Blue transparency
White transparency
Brown transparency

Polls
Main poll bar
Right poll bar
Left poll bar

mini icons from the Famfamfam. Mini icons are the same in each layout.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Select Journal Style
Choose any Flexible Squares layout and hit Apply Theme
If your account has ads, choose your ad placement and save
Hit Customize Selected Theme
Choose Custom CSS
Make sure all drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet* hit Save Changes

Overrides:

/* 
** Layout by LJ user writing-light at writing
   light.livejournal.com 
** Flexible Squares
** butterfly tree from dryicons.com 
** mini icons from www.famfamfam.com

** please do not remove credit */

#lj_controlstrip {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) !important;
*background: url() #e9ebf2 !important;
    border-bottom: 1px solid #fff;
    color: 7d6f5c;
}

#lj_controlstrip a {
    color: #7d6f5c; !important;
    font-weight: bold;
}

#lj_controlstrip a:hover {
    color: #a4aad4 !important;
    text-decoration: none;
}

#lj_controlstrip td {
    color: #7d6f5c;
    font-size: 11px;
    font-family: Arial, sans-serif;
    letter-spacing: normal;
    line-height: 16.5px;
}

#lj_controlstrip a:hover {
    text-decoration: none;
}

#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#lj_controlstrip input, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
    background-color: #fff;
    border: 2px outset #a4aad4;
    color: #a4aad4;
    margin: 2px;
}

#lj_controlstrip_userpic {
    margin: 1px;
}

#lj_controlstrip_user {
    border-right: 1px solid #a4aad4;  
    padding: 0 1em;
    vertical-align: middle;
    white-space: nowrap;
    width: 18em;
}

#lj_controlstrip_actionlinks {
    border-right: 1px solid #a4aad4;
    padding: 0 1em;
    vertical-align: middle;
    white-space: nowrap;
    width: 33em;
}

#lj_controlstrip_statustext {
    font-size: 12px;
    font-weight: bold;
}

#lj_controlstrip_login {
    border-right: 1px solid #a4aad4;
    padding-left: 1em;
    vertical-align: middle;
    width: 28em; 
    white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
    border-right: 1px solid #a4aad4;
    vertical-align: top;
    width: 140px;
}

#lj_controlstrip_statustext {
    color: #a4aad4;
}

#lj_controlstrip_search {
    border-right: 1px solid #a4aad4;
    padding-left: 1em;
    vertical-align: middle;
}

.lj_controlstrip_search_sup {
    text-align: center;
    width: 35%;
}

#lj_controlstrip_search_input_text {
    background: #fff !important;
    position: relative;
    z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
    width: 100% !important;
}

#lj_controlstrip_search_submit {
    position: relative;
    z-index: 100;
}

#lj_controlstrip_loggedout_userpic {
    background: url(/img/controlstrip/ljlogo-dark-loggedout.gif) no-repeat top left;
}

#lj_controlstrip_cprod {
    position: absolute;
    right: 10px;
    text-align: right;
    top: .5em;
    width: 20em;
}

#lj_controlstrip_cprod a {
    padding: 0 1px;
}

.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes {
    margin: 0;
    padding: 0;
    right: 0;
    text-align: right;
}

body {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/butterflytreeblue2.png) no-repeat bottom right #a4aad4 fixed;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin-top: 10px;
    text-transform: lowercase;
}

#header, #footer {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftblue.png);
*background: url() #b4bad8;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    padding: 8px;
}

.title {
    margin-top: -16px;
    text-align: right;
*display: none;
}

.subtitle {
    margin-top: -11px;
    text-align: right;
*display: none;
}

.headerimage {
    background: url() no-repeat top left;
    height: 0px;
    margin-left: 10px; 
}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 15px;
}

div#header a:hover {
    color: #7d6f5c;
}

ul.navheader {
    padding: 0;
    margin: 0;
}

ul.navheader li  {
    display: inline;
    padding: 0 5px;
}

#content {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #e8eaf4;
    margin: 10px;
    width: 768px;
}

#maincontent {
    margin-left: 220px;
}

.subcontent {
    color: #a4aad4;
    padding: 10px;
}

.separator {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url () #988e82;
    height: 10px;
}

.datesubject, .datesubjectcomment {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftblue.png);
*background: url() #b5badc;
    border: 1px solid #7d6f5c;
}

.date {
    color: #fff;
    font-size: 9px;
    padding-top: 34px;
}

.subject {
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 25px; 
    font-weight: bold;
    line-height: 16px;
    margin: 4px 5px 0 0;
    padding-bottom: 9px;
}

.subject a, .subject a:link, .subject a:visited {
    font-family: "edwardian script itc", script;
}

.userpic, .userpicfriends {
    background-color: #fff !important;
    border: 1px solid #7d6f5c;
    float: left;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
}

.userpic img, .userpicfriends img {
    max-height: 65px;
    max-width: 65px;
}

.userpicfriends font {
    color: #7d6f5c;
    font-size: 8px;
}

.userpicfriends a:hover font {
    color: #a4aad4;
}

div.ContextualPopup {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {
    border: 3px solid #fff;
}

div.ContextualPopup div.Inner {
    background: #a4aad4 !important;
    border: 3px solid #fff;
    color: #fff !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #7d6f5c !important;
    font-family: "edwardian script itc", script;
    font-size: 24px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.entry {
    margin: 5px 5px 10px 5px;
    text-align: justify;
    text-transform: none;
}

.entry img{
    max-width: 485px;
}

.entry ul li, .entry ol li {
    list-style: disc inside;
    padding: 0;
    margin: 0;
}

.entry ol li {
    list-style: decimal inside;
}

a, a:link, a:visited {
   color: #7d6f5c;
   font-weight: bold;
   text-decoration: none;
}

a:hover{
   color: #fff;
}

blockquote:first-letter {
    color: #a4aad4;
    letter-spacing: -3px;
    font-size: 80px;
    font-weight: bold;
}

blockquote {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    border-bottom: 3px solid #a4aad4;
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    line-height: 19px;
    margin: 5px;
    padding: 25px 7px 7px 7px;
*line-height: 29px;
}

*::-moz-selection {
    background-color: #fff;
    color: #7d6f5c;
}

code, kbd, pre, tt {
    font-family: courier, monospace;
}

input, textarea {
    background-color: #fff;
    color: #7d6f5c;
}

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

.ljtags {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) repeat;
*background: url() #f9fafc;
    color: #a4aad4;
    font-size: 9px;
    font-weight: bold;
    margin-top: 15px;
    padding:5px 5px 0 5px;
    text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation, .currentgroups {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    color: #7d6f5c;
    font-size: 9px;
    padding: 1px 3px;
}

.currents {
    border-bottom: 3px solid #a4aad4;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
    color: #a4aad4;
    text-transform: lowercase;
}

.comments {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    font-family: "Verdana", sans-serif;
    font-size: 8pt;
    color: #a4aad4;
    margin-top: 12px;
    padding: 8px;
    text-align: center;
}

div.comments a, div.comments a:link, div.comments a:visited {
    text-transform: lowercase;
}

div.comments a:hover {
    color: #a4aad4;
}

#sidebar {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png) #a4aad4;
*background: url() #b5badc;
    float: left;
    margin: 5px;
    padding: 10px 10px 30px 10px;
    text-align: center;
    width: 200px;
}

.sbarbody {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #8b827c;
    border: 1px solid #fff;
    margin: 5px 0;
    padding: 5px 5px 10px 5px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
    color: #fff;
}
	
div#sidebar a:hover {
    color: #a4aad4;
}

.defaultuserpic {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #8b827c;
    border: 1px solid #fff;
    padding: 8px 0;
}

.defaultuserpic img {
    border: 1px solid #fff;
}

table.calendar {
    background-color: #f8fcf8;
    border: 1px solid #a4aad4;
    padding: 1px;
}

.sbarcalendar {
    border: 1px outset #a4aad4;
    color: #a4aad4;
    font-size: 12px;
    padding: 2px;
}

.sbarcalendarposts {
    background-color: #a4aad4;
    border: 1px outset #fff;
    font-size: 12px;
    padding: 2px;
}

li.sbartitle {
    color: #a4aad4;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    font-weight: bold;
    margin: 5px 0;		
}

li.sbaritem {
    padding: 1px;
}

ul.sbarlist {
    font-size: 9px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.ljtaglist {
}

ul.ljtaglist li {
    margin: 0;
    padding: 0;
}

.sbarbody2 {
    color: #7d6f5c;
    padding: 15px 0;
}

#footer {
    text-align: center;
}

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

ul.navfooter li {
    display: inline;
    margin: 0 5px;
}

.skiplinks {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png);
*background: url() #eaecf5;
    color: #a4aad4;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
}

.box {
    clear: right;
    color: #7d6f5c;
    padding: 10px 0 10px 10px;
}

.datesubjectcomment{
    color: #fff;
    font-size: 11px;
    padding: 3px 0;
}

.datesubjectcomment strong {
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 22px;
    line-height: 16px;
}

.userpiccomment {
    border: 1px solid #7d6f5c;
    float: left;
    height: 65px;
    margin: -4px 5px 0 -1px;
    width: 65px;
}

.commentbox, .commentboxpartial {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    border: 1px solid #a4aad4;
    color: #a4aad4;
    margin: 10px;
    padding: 5px;
}

.commentbox img {
    max-width: 472px;
}

.commentreply {
    color: #7d6f5c;
    margin: 5px 5px 15px 5px;
}

ul.year{
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    border-bottom: 3px solid #a4aad4;
    padding: 12px 0;
    text-align: center;
}

ul.year li {
    color: #7d6f5c;
    display: inline;
    padding: 0 5px;
}

ul.year li a:hover {
    color: #a4aad4;
}

table.yeartable {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    border: 2px solid #a4aad4;
    width: 90%;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
    border: 1px outset #a4aad4;
    color: #a4aad4;
}

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

td.yearmonth {
    color: #adaad4;
}

td.yearmonth a:hover {
    color: #adaad4;
}

h2 { 
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    border-bottom: 3px solid #a4aad4;
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 30px;
    font-weight: bold;
    padding: 12px 0;
    text-align: center;
}

.ljtaglist { 
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
    border: 2px solid #adaad4;
    list-style-type: none; 
    margin: 10px;
    padding: 5px;
}

.ljtaglist li { 
    border-bottom: 1px dotted #adaad4;; 
    color: #adaad4;
    font-weight: bold; 
}

.clearfoot {
    display: none;
    clear: both;
}

.clear {
    display: none;
    height: 15px;
}

.sbaritem img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

.subject img, .sbaritem img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/filtered.png) no-repeat;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_private.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/private-3.png) no-repeat;
    height: 0;
    padding: 16px 15px 0 0 !important;
    width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/customfiltered.png) no-repeat;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/community.png);
    padding: 16px 16px 0 0 !important;
}

.ljuser img, .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user-3.png) no-repeat;
    height: 0;
    padding: 16px 15px 0 0 !important;
    width: 0;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/mainbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/mainbarblue.png);
    height: 0;
    padding: 7px 0; 
}

.entry img[src="http://l-stat.livejournal.com/img/poll/leftbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/leftbarblue.png);
    height: 0;
    padding: 14px 0 0 7px; 
}

.entry img[src="http://l-stat.livejournal.com/img/poll/rightbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/rightbarblue.png);
    height: 0;
    padding: 7px 0px 7px 0; 
}

Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.
Background image image from dryicons.com
Pink transparency
White transparency
Brown transparency

Polls
Main poll bar
Right poll bar
Left poll bar

Directions:
Same as above

Overrides:

/* 
** Layout by LJ user writing-light at writing
   light.livejournal.com 
** Flexible Squares
** butterfly tree from dryicons.com 
** mini icons from www.famfamfam.com

** please do not remove credit */

#lj_controlstrip {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) !important;
*background: url() #e6d7e3 !important;
    border-bottom: 1px solid #fff;
    color: 7d6f5c;
}

#lj_controlstrip a {
    color: #7d6f5c; !important;
    font-weight: bold;
}

#lj_controlstrip a:hover {
    color: #9c5f91 !important;
    text-decoration: none;
}

#lj_controlstrip td {
    color: #7d6f5c;
    font-size: 11px;
    font-family: Arial, sans-serif;
    letter-spacing: normal;
    line-height: 16.5px;
}

#lj_controlstrip a:hover {
    text-decoration: none;
}

#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#lj_controlstrip_userpic {
    margin: 1px;
}

#lj_controlstrip_user {
    border-right: 1px solid #9c5f91;  
    padding: 0 1em;
    vertical-align: middle;
    white-space: nowrap;
    width: 18em;
}

#lj_controlstrip_actionlinks {
    border-right: 1px solid #9c5f91;
    padding: 0 1em;
    vertical-align: middle;
    white-space: nowrap;
    width: 33em;
}

#lj_controlstrip_statustext {
    font-size: 12px;
    font-weight: bold;
}

#lj_controlstrip_login {
    border-right: 1px solid #9c5f91;
    padding-left: 1em;
    vertical-align: middle;
    width: 28em; 
    white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
    border-right: 1px solid #9c5f91;
    vertical-align: top;
    width: 140px;
}

#lj_controlstrip_statustext {
    color: #9c5f91;
}

#lj_controlstrip_search {
    border-right: 1px solid #9c5f91;
    padding-left: 1em;
    vertical-align: middle;
}

.lj_controlstrip_search_sup {
    text-align: center;
    width: 35%;
}

#lj_controlstrip_search_input_text {
    background: #fff !important;
    position: relative;
    z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
    width: 100% !important;
}

#lj_controlstrip_search_submit {
    position: relative;
    z-index: 100;
}

#lj_controlstrip_loggedout_userpic {
    background: url(/img/controlstrip/ljlogo-dark-loggedout.gif) no-repeat top left;
}

#lj_controlstrip_cprod {
    position: absolute;
    right: 10px;
    text-align: right;
    top: .5em;
    width: 20em;
}

#lj_controlstrip_cprod a {
    padding: 0 1px;
}

.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes {
    margin: 0;
    padding: 0;
    right: 0;
    text-align: right;
}

body {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/butterflytreepink2.png) no-repeat bottom right #af5f94 fixed;
*background-color: #9c5f91;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin-top: 10px;
    text-transform: lowercase;
}

#header, #footer {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftpink.png);
*background: url() #af7da6;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    padding: 8px;
}

.title {
    margin-top: -16px;
    text-align: right;
*display: none;
}

.subtitle {
    margin-top: -11px;
    text-align: right;
*display: none;
}

.headerimage {
    background: url() no-repeat top left;
    height: 0px;
    margin-left: 10px; 
}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 15px;
}

div#header a:hover {
    color: #7d6f5c;
}

ul.navheader {
    padding: 0;
    margin: 0;
}

ul.navheader li  {
    display: inline;
    padding: 0 5px;
}

#content {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #e6d7e3;
    margin: 10px;
    width: 768px;
}

#maincontent {
    margin-left: 220px;
}

.subcontent {
    color: #9c5f91;
    padding: 10px;
}

.separator {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url () 97897e;
    height: 10px;
}

.datesubject, .datesubjectcomment {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftpink.png);
*background: url() #af7da6;
    border: 1px solid #7d6f5c;
}

.date {
    color: #fff;
    font-size: 9px;
    padding-top: 34px;
}

.subject {
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 27px; 
    font-weight: bold;
    line-height: 16px;
    margin: 4px 5px 0 0;
    padding-bottom: 9px;
}

.subject a, .subject a:link, .subject a:visited {
    color: #ccacc6;
    font-family: "edwardian script itc", script;
}

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

.userpic, .userpicfriends {
    background-color: #fff !important;
    border: 1px solid #7d6f5c;
    float: left;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
}

.userpic img, .userpicfriends img {
    max-height: 65px;
    max-width: 65px;
}

.userpicfriends font {
    color: #7d6f5c;
    font-size: 8px;
}

.userpicfriends a:hover font {
    color: #9c5f91;
}

div.ContextualPopup {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {
    border: 3px solid #fff;
}

div.ContextualPopup div.Inner {
    background: #9c5f91 !important;
    border: 3px solid #fff;
    color: #fff !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.entry {
    margin: 5px 5px 10px 5px;
    text-align: justify;
    text-transform: none;
}

.entry img{
    max-width: 485px;
}

.entry ul li, .entry ol li {
    list-style: disc inside;
    padding: 0;
    margin: 0;
}

.entry ol li {
    list-style: decimal inside;
}

a, a:link, a:visited {
   color: #7d6f5c;
   font-weight: bold;
   text-decoration: none;
}

a:hover{
   color: #fff;
}

blockquote:first-letter {
    color: #9c5f91;
    letter-spacing: -3px;
    font-size: 80px;
    font-weight: bold;
}

blockquote {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
    border-bottom: 3px solid #9c5f91;
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    line-height: 19px;
    margin: 5px;
    padding: 25px 7px 7px 7px;
*line-height: 29px;
}

*::-moz-selection {
    background-color: #fff;
    color: #7d6f5c;
}

code, kbd, pre, tt {
    font-family: courier, monospace;
}

input, textarea {
    background-color: #fff;
    color: #7d6f5c;
}

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

.ljtags {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) repeat;
*background: url() #f9f5f8;
    color: #9c5f91;
    font-size: 9px;
    font-weight: bold;
    margin-top: 15px;
    padding:5px 5px 0 5px;
    text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation, .currentgroups {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
    color: #7d6f5c;
    font-size: 9px;
    padding: 1px 3px;
}

.currents {
    border-bottom: 3px solid #9c5f91;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
    color: #9c5f91;
    text-transform: lowercase;
}

.comments {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
    font-family: "Verdana", sans-serif;
    font-size: 8pt;
    color: #9c5f91;
    margin-top: 12px;
    padding: 8px;
    text-align: center;
}

div.comments a, div.comments a:link, div.comments a:visited {
    text-transform: lowercase;
}

div.comments a:hover {
    color: #9c5f91;
}

#sidebar {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png) #9c5f91;
*background: url() #9c5f91;
    float: left;
    margin: 5px;
    padding: 10px 10px 30px 10px;
    text-align: center;
    width: 200px;
}

.sbarbody {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() 866d6b;
    border: 1px solid #fff;
    margin: 5px 0;
    padding: 5px 5px 10px 5px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
    color: #fff;
}
	
div#sidebar a:hover {
    color: #9c5f91;
}

.defaultuserpic {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #866d6b;
    border: 1px solid #fff;
    padding: 8px 0;
}

.defaultuserpic img {
    border: 1px solid #fff;
}

table.calendar {
    background-color: #f9f5f8;
    border: 1px solid #9c5f91;
    padding: 1px;
}

.sbarcalendar {
    border: 1px outset #9c5f91;
    color: #9c5f91;
    font-size: 12px;
    padding: 2px;
}

.sbarcalendarposts {
    background-color: #9c5f91;
    border: 1px outset #fff;
    font-size: 12px;
    padding: 2px;
}

li.sbartitle {
    color: #ccacc6;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    font-weight: bold;
    margin: 5px 0;		
}

li.sbaritem {
    padding: 1px;
}

ul.sbarlist {
    font-size: 9px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.ljtaglist {
}

ul.ljtaglist li {
    margin: 0;
    padding: 0;
}

.sbarbody2 {
    color: #7d6f5c;
    padding: 15px 0;
}

#footer {
    text-align: center;
}

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

ul.navfooter li {
    display: inline;
    margin: 0 5px;
}

.skiplinks {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
    color: #9c5f91;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
}

.box {
    clear: right;
    color: #7d6f5c;
    padding: 10px 0 10px 10px;
}

.datesubjectcomment{
    color: #fff;
    font-size: 11px;
    padding: 3px 0;
}

.datesubjectcomment strong {
    color: #ccacc6;
    font-family: "edwardian script itc", script;
    font-size: 22px;
    line-height: 16px;
}

.userpiccomment {
    border: 1px solid #7d6f5c;
    float: left;
    height: 65px;
    margin: -4px 5px 0 -1px;
    width: 65px;
}

.commentbox, .commentboxpartial {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
    border: 1px solid #9c5f91;
    color: #9c5f91;
    margin: 10px;
    padding: 5px;
}

.commentbox img {
    max-width: 472px;
}

.commentreply {
    color: #7d6f5c;
    margin: 5px 5px 15px 5px;
}

ul.year{
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
    border-bottom: 3px solid #9c5f91;
    padding: 12px 0;
    text-align: center;
}

ul.year li {
    color: #7d6f5c;
    display: inline;
    padding: 0 5px;
}

ul.year li a:hover {
    color: #9c5f91;
}

table.yeartable {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
    border: 2px solid #9c5f91;
    width: 90%;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
    border: 1px outset #9c5f91;
    color: #9c5f91;
}

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

td.yearmonth {
    color: #9c5f91;
}

td.yearmonth a:hover {
    color: #9c5f91;
}

h2 { 
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
    border-bottom: 3px solid #9c5f91;
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 30px;
    font-weight: bold;
    padding: 12px 0;
    text-align: center;
}

.ljtaglist { 
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
    border: 2px solid #9c5f91;
    list-style-type: none; 
    margin: 10px;
    padding: 5px;
}

.ljtaglist li { 
    border-bottom: 1px dotted #9c5f91; 
    color: #9c5f91;
    font-weight: bold; 
}

.clearfoot {
    display: none;
    clear: both;
}

.clear {
    display: none;
    height: 15px;
}

.sbaritem img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/leftbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/leftbarpink.png);
    height: 0;
    padding: 14px 0 0 7px; 
}

.entry img[src="http://l-stat.livejournal.com/img/poll/rightbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/rightbarpink.png);
    height: 0;
    padding: 7px 0px 7px 0; 
}

Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Background image image from dryicons.com
Green transparency
White transparency
Brown transparency

Polls
Main poll bar
Right poll bar
Left poll bar

Directions:
Same as above

Overrides:

/* 
** Layout by LJ user writing-light at writing
   light.livejournal.com 
** Flexible Squares
** butterfly tree from dryicons.com 
** mini icons from www.famfamfam.com

** please do not remove credit */

#lj_controlstrip {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) !important;
*background: url() #d5f1db !important;
    border-bottom: 1px solid #fff;
    color: 7d6f5c;
}

#lj_controlstrip a {
    color: #7d6f5c; !important;
    font-weight: bold;
}

#lj_controlstrip a:hover {
    color: #59c96f !important;
    text-decoration: none;
}

#lj_controlstrip td {
    color: #7d6f5c;
    font-size: 11px;
    font-family: Arial, sans-serif;
    letter-spacing: normal;
    line-height: 16.5px;
}

#lj_controlstrip a:hover {
    text-decoration: none;
}

#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#lj_controlstrip_userpic {
    margin: 1px;
}

#lj_controlstrip_user {
    border-right: 1px solid #59c96f;  
    padding: 0 1em;
    vertical-align: middle;
    white-space: nowrap;
    width: 18em;
}

#lj_controlstrip_actionlinks {
    border-right: 1px solid #59c96f;
    padding: 0 1em;
    vertical-align: middle;
    white-space: nowrap;
    width: 33em;
}

#lj_controlstrip_statustext {
    font-size: 12px;
    font-weight: bold;
}

#lj_controlstrip_login {
    border-right: 1px solid #59c96f;
    padding-left: 1em;
    vertical-align: middle;
    width: 28em; 
    white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
    border-right: 1px solid #59c96f;
    vertical-align: top;
    width: 140px;
}

#lj_controlstrip_statustext {
    color: #59c96f;
}

#lj_controlstrip_search {
    border-right: 1px solid #59c96f;
    padding-left: 1em;
    vertical-align: middle;
}

.lj_controlstrip_search_sup {
    text-align: center;
    width: 35%;
}

#lj_controlstrip_search_input_text {
    background: #fff !important;
    position: relative;
    z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
    width: 100% !important;
}

#lj_controlstrip_search_submit {
    position: relative;
    z-index: 100;
}

#lj_controlstrip_loggedout_userpic {
    background: url(/img/controlstrip/ljlogo-dark-loggedout.gif) no-repeat top left;
}

#lj_controlstrip_cprod {
    position: absolute;
    right: 10px;
    text-align: right;
    top: .5em;
    width: 20em;
}

#lj_controlstrip_cprod a {
    padding: 0 1px;
}

.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes {
    margin: 0;
    padding: 0;
    right: 0;
    text-align: right;
}

body {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/butterflytreegreen3.png) no-repeat bottom right #00cb69 fixed;
*background-color: #59c96f;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin-top: 10px;
    text-transform: lowercase;
}

#header, #footer {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftgreen3.png);
*background: url() #83d793;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    padding: 8px;
}

.title {
    margin-top: -16px;
    text-align: right;
*display: none;
}

.subtitle {
    margin-top: -11px;
    text-align: right;
*display: none;
}

.headerimage {
    background: url() no-repeat top left;
    height: 0px;
    margin-left: 10px; 
}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 15px;
}

div#header a:hover {
    color: #7d6f5c;
}

ul.navheader {
    padding: 0;
    margin: 0;
}

ul.navheader li  {
    display: inline;
    padding: 0 5px;
}

#content {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #d5f1db;
    margin: 10px;
    width: 768px;
}

#maincontent {
    margin-left: 220px;
}

.subcontent {
    color: #59c96f;
    padding: 10px;
}

.separator {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url () #93907c;
    height: 10px;
}

.datesubject, .datesubjectcomment {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftgreen3.png);
*background: url() #78d38a;
    border: 1px solid #7d6f5c;
}

.date {
    color: #fff;
    font-size: 9px;
    padding-top: 34px;
}

.subject {
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 25px; 
    font-weight: bold;
    line-height: 16px;
    margin: 4px 5px 0 0;
    padding-bottom: 9px;
}

.subject a, .subject a:link, .subject a:visited {
    font-family: "edwardian script itc", script;
}

.userpic, .userpicfriends {
    background-color: #fff !important;
    border: 1px solid #7d6f5c;
    float: left;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
}

.userpic img, .userpicfriends img {
    max-height: 65px;
    max-width: 65px;
}

.userpicfriends font {
    color: #7d6f5c;
    font-size: 8px;
}

.userpicfriends a:hover font {
    color: #59c96f;
}

div.ContextualPopup {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {
    border: 3px solid #fff;
}

div.ContextualPopup div.Inner {
    background: #59c96f !important;
    border: 3px solid #fff;
    color: #fff !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.entry {
    margin: 5px 5px 10px 5px;
    text-align: justify;
    text-transform: none;
}

.entry img{
    max-width: 485px;
}

.entry ul li, .entry ol li {
    list-style: disc inside;
    padding: 0;
    margin: 0;
}

.entry ol li {
    list-style: decimal inside;
}

a, a:link, a:visited {
   color: #7d6f5c;
   font-weight: bold;
   text-decoration: none;
}

a:hover{
   color: #fff;
}

blockquote:first-letter {
    color: #59c96f;
    letter-spacing: -3px;
    font-size: 80px;
    font-weight: bold;
}

blockquote {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
    border-bottom: 3px solid #59c96f;
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    line-height: 19px;
    margin: 5px;
    padding: 25px 7px 7px 7px;
*line-height: 29px;
}

*::-moz-selection {
    background-color: #fff;
    color: #7d6f5c;
}

code, kbd, pre, tt {
    font-family: courier, monospace;
}

input, textarea {
    background-color: #fff;
    color: #7d6f5c;
}

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

.ljtags {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) repeat;
*background: url() #f4fbf6;
    color: #59c96f;
    font-size: 9px;
    font-weight: bold;
    margin-top: 15px;
    padding:5px 5px 0 5px;
    text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation, .currentgroups {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
    color: #7d6f5c;
    font-size: 9px;
    padding: 1px 3px;
}

.currents {
    border-bottom: 3px solid #59c96f;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
    color: #59c96f;
    text-transform: lowercase;
}

.comments {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #d5f1db;
    font-family: "Verdana", sans-serif;
    font-size: 8pt;
    color: #59c96f;
    margin-top: 12px;
    padding: 8px;
    text-align: center;
}

div.comments a, div.comments a:link, div.comments a:visited {
    text-transform: lowercase;
}

div.comments a:hover {
    color: #59c96f;
}

#sidebar {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png) #59c96f;
*background: url() #6acf7e;
    float: left;
    margin: 5px;
    padding: 10px 10px 30px 10px;
    text-align: center;
    width: 200px;
}

.sbarbody {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #93907c;
    border: 1px solid #fff;
    margin: 5px 0;
    padding: 5px 5px 10px 5px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
    color: #fff;
}
	
div#sidebar a:hover {
    color: #59c96f;
}

.defaultuserpic {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #93907c;
    border: 1px solid #fff;
    padding: 8px 0;
}

.defaultuserpic img {
    border: 1px solid #fff;
}

table.calendar {
    background-color: #f8fcf8;
    border: 1px solid #59c96f;
    padding: 1px;
}

.sbarcalendar {
    border: 1px outset #59c96f;
    color: #59c96f;
    font-size: 12px;
    padding: 2px;
}

.sbarcalendarposts {
    background-color: #59c96f;
    border: 1px outset #fff;
    font-size: 12px;
    padding: 2px;
}

li.sbartitle {
    color: #59c96f;
    font-family: "edwardian script itc", script;
    font-size: 29px;
    font-weight: bold;
    margin: 5px 0;		
}

li.sbaritem {
    padding: 1px;
}

ul.sbarlist {
    font-size: 9px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.ljtaglist {
}

ul.ljtaglist li {
    margin: 0;
    padding: 0;
}

.sbarbody2 {
    color: #7d6f5c;
    padding: 15px 0;
}

#footer {
    text-align: center;
}

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

ul.navfooter li {
    display: inline;
    margin: 0 5px;
}

.skiplinks {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png);
*background: url() #f4fbf6;
    color: #59c96f;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
}

.box {
    clear: right;
    color: #7d6f5c;
    padding: 10px 0 10px 10px;
}

.datesubjectcomment{
    color: #fff;
    font-size: 11px;
    padding: 3px 0;
}

.datesubjectcomment strong {
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 22px;
    line-height: 16px;
}

.userpiccomment {
    border: 1px solid #7d6f5c;
    float: left;
    height: 65px;
    margin: -4px 5px 0 -1px;
    width: 65px;
}

.commentbox, .commentboxpartial {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
    border: 1px solid #59c96f;
    color: #59c96f;
    margin: 10px;
    padding: 5px;
}

.commentbox img {
    max-width: 472px;
}

.commentreply {
    color: #7d6f5c;
    margin: 5px 5px 15px 5px;
}

ul.year{
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
    border-bottom: 3px solid #59c96f;
    padding: 12px 0;
    text-align: center;
}

ul.year li {
    color: #7d6f5c;
    display: inline;
    padding: 0 5px;
}

ul.year li a:hover {
    color: #59c96f;
}

table.yeartable {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
    border: 2px solid #59c96f;
    width: 90%;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
    border: 1px outset #59c96f;
    color: #59c96f;
}

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

td.yearmonth {
    color: #59c96f;
}

td.yearmonth a:hover {
    color: #59c96f;
}

h2 { 
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
    border-bottom: 3px solid #59c96f;
    color: #7d6f5c;
    font-family: "edwardian script itc", script;
    font-size: 30px;
    font-weight: bold;
    padding: 12px 0;
    text-align: center;
}

.ljtaglist { 
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
    border: 2px solid #59c96f;
    list-style-type: none; 
    margin: 10px;
    padding: 5px;
}

.ljtaglist li { 
    border-bottom: 1px dotted #adaad4;
    color: #59c96f;
    font-weight: bold; 
}

.clearfoot {
    display: none;
    clear: both;
}

.clear {
    display: none;
    height: 15px;
}

.sbaritem img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/leftbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/leftbargreen.png);
    height: 0;
    padding: 14px 0 0 7px; 
}

.entry img[src="http://l-stat.livejournal.com/img/poll/rightbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/rightbargreen.png);
    height: 0;
    padding: 7px 0px 7px 0; 
}

Layout #14 S2 Smooth Sailing

2008-11-22T01:37:41Z

First Posted: September 8^th 2008
Layout Style: Smooth Sailing
Best view: 1024x768 and higher
Browser(s) Compatible: Tested with FF and IE7
Work with Nav bar?: Yes
Work with Ads? Yes but I would use horizontal only
Credit: writing_light or losing_light somewhere in your journal please
Notes: This layout requires both a title and subtitle to work correctly.
Crossposted: mintyapple and freelayouts
Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Title and menu box
Entry top
Entry middle
Entry bottom
Sidebox top
Sidebox middle
Sidebox bottom
Footer
Comment navigation and Comment bar

Main poll bar
Right poll bar
Left poll bar

mini icons from the Icon Archive.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Customize Journal
Choose any Smooth Sailing layout
Choose sidebar on right
Hit Customize Selected Theme
Under display choose Additional options and the Yes for Wrap Entry text under userinfo Save Changes
Choose Custom CSS
Make sure both drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet hit Save Changes

If you would like to add a header, find /* Add your header here */ in the overrides and follow the directions. The header will appear below the title/menu.

Overrides:

** Layout by LJ user writing-light at writing-
   light.livejournal.com 
** S2 Smooth Sailing 
** contextual Popup coding by lj user cartonage 
** mini icons from www.iconarchive.com

** please do not remove credit */

html body {
    margin: 0 auto !important;
}

.header-subtitle, .entryText, .entryMetadata, .listtitle, .commentHeader, .commentHeaderScreened, .daytitles, .tagstable td {
    border-bottom: 1px dashed #808080;

}

.tagstable, .entryUserinfo-usericon img, textarea, input, select, blockquote, .profile-userpic, .commentHolder, .commentUserinfo-usericon img, .month {
    border: 1px solid #808080;
}

body, .entryLinkbar, .sidebox #profile, .latestmonth-inactive, .latestmonth-active, .commentUserinfo, .commentLinkbar, .daytitles, .day-date, .day-count {
    text-align: center;
}

body {
    background-color: #fff;
    color: #808080;
    font-size: 11px;
    margin: 0 auto;
    width: 958px;
}

.pageblock {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/header.png) no-repeat top center #fff;
    margin-top: 20px;
}

/* Add your header here */
.pageheaderblock {
    background: url(YOUR HEADERS URL) no-repeat bottom center;
    height: YOUR HEADERS HEIGHT PLUS 150px;
    margin-bottom: 23px;
}

.header-icon, .body-title, .profile-label {
    display: none;
}

.header-title {
    font-size: 22px;
    padding-top: 28px;
}

.header-subtitle {
    font-size: 18px;
    margin: 0 45px;
    padding-bottom: 10px;
}

.header-menu, #footer-menu {
    font-size: 14px; 
    padding: 10px;
    text-transform: capitalize;
    white-space: nowrap;
}

.header-menu a, .header-menu a:visited, #footer-menu a, #footer-menu a:visited {
    display: inline;
    padding: 0 5px;
}

.header-menu ul, #footer-menu ul, .entryMetadata ul, .entryLinkbar ul, .commentLinkbar ul, .commentHeaderScreened {
    margin: 0;
    padding: 0;
}

.header-menu li, #footer-menu li {
    display: inline;
}

.entryHolder {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/entrymiddle.png) repeat-y center;
    text-align: left;
    width: 762px;
}

.entryHeader {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/entrytop.png) no-repeat top center;
    height: 44px;
    padding: 25px 0 0 32px;
}

.entryHeaderSubject {
    display: block;
    font-size: 16px;
}

.entryHeaderDate {
    font-size: 10px;
}

.entryUserinfo {
    margin: 0 5px 3px 32px;
    position: relative;
}

.entryUserinfo-usericon img {
    padding: 1px;
}

div.ContextualPopup {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {
    border: 2px solid #4344c0;
}

div.ContextualPopup div.Inner {
    background-color: #fff !important;
    border: 1px solid #009966;
    color: #4344c0 !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #009966 !important;
    font-weight: bold;
    text-decoration: underline !important;
}

div.ContextualPopup div.Inner a:hover {
    color: #4344c0 !important;
    text-decoration: underline !important;
}

.entryText {
    border-top: 1px dashed #808080;
    margin: -11px 28px 5px 32px;
    min-height: 130px;
    padding: 10px 0;
}

.entryText img {
    max-width: 700px;
}

a, a:visited, .entryMetadata a:hover, .latestmonth-active a:hover {
    color: #4344c0;
}

a, a:visited {
    font-weight: bold;
    text-decoration: none;
}

a:hover, sup, sub, i, .entryMetadata a, .entryMetadata a:visited, .latestmonth-active a {
    color: #009966;
}

a:hover {
    font-weight: bold;
    text-decoration: none;
}

code, kbd, pre, tt {
    font-family: monospace;
}

::-moz-selection {
    background-color: #808080;
    color: #fff;
}
 
textarea {
    padding: 2px 0 2px 2px;
}

input, select {
    margin-top: 2px;

}

blockquote {
    padding: 10px;
}

.entryMetadata {
    margin: 0 28px 0 32px;
    padding: 5px 0;
}

.entryMetadata img {
    padding-left: 3px;
}

.entryMetadata li {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.entryMetadata-label {
    font-weight: bold;
    padding-right: 5px;
}

.entryLinkbar {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/entrybottom.png) no-repeat center bottom;
    height: 52px;
    padding: 15px 32px 0 32px;
}

.entryLinkbar li {
    display: inline;
    padding: 0 10px;
}

.sidebar {
    width: 200px;
}

.sidebox {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/sideboxbottom.png) no-repeat bottom;
    padding-bottom: 44px;
}

.sideboxTitle {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/sideboxtop.png) no-repeat center top;
    height: 44px;
    padding-top: 25px;
}

.sideboxContent {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/sideboxmiddle.png) repeat-y center;
    margin-top: -25px;
    padding: 0 32px;
    text-align: left;
}

.sidebox #tags_sidebox {
    text-align: justify;
}

.listtitle {
    margin-right: 6px;
}

#SearchTerm {
    width: 98%;
}

.sidebox #latestmonth {
    margin-top: -25px;
    padding: 3px 0 0 41px;
}

.latestmonth-inactive {
    margin: 1px;
    padding: 1px;
}

.latestmonth-active a {
    font-size: 13px;
}

#footer-menu {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/footer.png) no-repeat top;
    height: 96px;
    padding-top: 40px;
}

.pagefooterblock {
    margin: -30px 195px 0 0;
}

.bodynavblock, .body-midtitle {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/mid.png) no-repeat top;
    height: 65px;
}

.bodynavblock {
    padding-top: 18px;
}

.body-midtitle {
    margin: -10px 0 -26px;
    padding-top: 23px;
}

.commentHolder {   
    margin: 10px 20px 10px 23px;
    text-align: justify;
}

.commentHeader, .commentHeaderScreened {
    font-size: 14px;
    margin: 0 10px;
    padding: 10px 0 0 5px;
    text-transform: capitalize;
}

.commentHeaderScreened {
    border-top: 20px solid #009966;
    margin: 0px;
}

.commentUserinfo {
    margin: 5px 5px 5px 10px;
}

.commentText {
    margin: 5px 11px 5px;
}

.commentLinkbar li {
    display: inline;
    padding: 0 5px;
}

#qrform table {
    border: none !important;
}

#commenttext {
    width: 100%;
}

.yearlinks {
    text-align: right;
}

.yearlink {
    padding: 0 4px;
}

.daysubjects {
    margin-left: 32px;
}

.month {
    margin-left: 32px;
    padding: 4px;
    width: 700px;
}

.day {
    padding-top: 2px;
}

.day-date {
    background-color: #808080;
    color: #fff;
    width: 95%;
}

.day-count {
    font-size: 20px;
}

.tagstable td {
    margin: 13px 0;
}

.tagstable {
    padding-bottom: 4px;
    width: 700px;
}

#summary img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
    border: 0;
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Cloud-16x16.png);
    padding: 15px 15px 0 0;
}

.entryHeader img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Cloud-16x16.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Cloud-16x16.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
    border: 0;
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Cloud-Sun-16x16.png);
    padding: 14px 14px 0 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Cloud-Sun-16x16.png) repeat scroll 0%;
    height: 0;
    padding: 15px 14px 0 0 !important;
    width: 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
    border: 0;
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Tree-16x16.png);
    padding: 16px 16px 0 0;

}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Tree-16x16.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;

width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Green-Butterfly-16x16.png);
    padding: 16px 16px 0 0 !important;
}

.ljuser img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Blue-Flower-16x16.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 16px 15px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/Blue-Flower-16x16.png);
    padding: 16px 15px 0 0 !important;
}

.entryText img[src="http://l-stat.livejournal.com/img/poll/mainbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/mainbargreen.gif);
    height: 0;
    padding: 7px 0; 
}

.entryText img[src="http://l-stat.livejournal.com/img/poll/leftbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/leftbargreen.gif);
    height: 0;
    padding: 14px 0 0 7px; 
}

.entryText img[src="http://l-stat.livejournal.com/img/poll/rightbar.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/stark/rightbargreen.gif);
    height: 0;
    padding: 7px 0px 7px 0; 
}

Layout #13 S2 Smooth Sailing

2008-11-22T01:36:10Z

First Posted: August 30^th 2008
Layout Style: Smooth Sailing
Best view: 800x600 and higher
Browser(s) Compatible: Tested with FF and IE7
Work with Nav bar?: Yes
Work with Ads? Yes
Credit: writing_light or losing_light somewhere in your journal please
Crossposted: mintyapple and freelayouts
Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Background/Vertical Separator
Gradiant

mini icons from the Icon Archive.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Customize Journal
Choose any Smooth Sailing layout
Choose 2 Column (Sidebar on left) IMPORTANT!
Hit Customize Selected Theme
Under Display select Yes to wrap text under user info
Save Changes and choose Custom CSS
Make sure both drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet and hit Save Changes

Overrides:

/* 
** Layout by LJ user writing-light at writing
   light.livejournal.com 
** S2 Smooth Sailing
** contextual Popup coding by lj user cartonage 
** mini icons from www.iconarchive.com 
** brushes by icouldntthinkofaname and crissy17 
   from deviantart.com

** please do not remove credit */

body {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/bg.png) repeat-y bottom left fixed #0593ff;
    color: #fff;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    margin: 0px auto;
}

.header-title, .header-subtitle, #footer-menu {
    border-right: 5px solid #a1d6ff;
    font-size: 22px;
    font-weight: bold;
    margin-right: 10px;
    padding-right: 3px;
    text-align: right;
}

.header-title { 
    margin-top: 5px;
}

.header-subtitle, #footer-menu {
    font-size: 18px;
}

.header-icon, .body-title, .profile-label, .pagefooterblock {
    display: none;
}

.header-menu {
    font-size: 18px;
    line-height: 21px;
    margin: -49px 0 0 5px;
    position: absolute;
    z-index: 3;
}

.header-menu a, .header-menu a:visited {
    border-left: 5px solid #a1d6ff;
    color: #fff;
    padding-left: 3px;
}

.header-menu a:hover {
   border-left: 5px solid #006ebf;
}

.header-menu li, #footer-menu li {
    display: block;
    white-space: nowrap;
    margin: 0;
}

.header-menu ul, #footer-menu ul, .entryMetadata ul, .entryLinkbar ul, .commentLinkbar ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer-menu {
    margin-bottom: 10px;
}

#footer-menu a, #footer-menu a:visited {
    color: #fff;
}

.bodyblock {
    margin-top: 10px;
}

.bodynavblock {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.body-midtitle {
    border-left: 5px solid #a1d6ff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 0 90px;
    padding-left: 3px;
}

.entryHolder {
    margin: 10px 19px 0 90px;
}

.entryHeader {
    border-left: 5px solid #a1d6ff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 3px;
    text-transform: capitalize;
}

.entryHeaderSubject {
    display: block;
    font-size: 20px;
}

.entryHeaderDate {
    font-size: 15px;
}

.entryUserinfo {    
    border-left: 5px solid #a1d6ff;
    margin-bottom: 10px;
    padding-left: 3px;
}

.entryUserinfo-usericon img {
    margin-right: 5px;
}

div.ContextualPopup {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {
    border: 2px solid #fff;
}

div.ContextualPopup div.Inner {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/cont.png) !important;
    border: 3px solid #fff;
    color: #fff !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #a1d6ff !important;
    font-weight: bold;
    text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.entryText {
    margin: 10px;
}

a, a:visited {
    color: #a1d6ff;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #006ebf;
    font-weight: bold;
    text-decoration: none;
}

code, kbd, pre, tt {
    font-family: monospace;
}

::-moz-selection {
    background-color: #30a5ff;
    color: #fff;
}

textarea {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/cont.png) repeat-y bottom right #006cbf;
    border: 3px solid #006cbf;
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
}

input, select {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/cont.png) repeat-y bottom right #006cbf;
    border: 3px solid #006cbf;
    color: #fff;
    font-size: 11px;
    margin-top: 3px;
}

blockquote {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/cont.png) repeat-y bottom right #006cbf;
    border: 3px solid #006cbf;
    margin: 15px;
    padding: 10px;
}

.entryMetadata {
    border-left: 5px solid #a1d6ff;
    margin-bottom: 10px;
    padding-left: 3px;
}

.entryMetadata img {
    padding-left: 3px;
}

.entryMetadata li {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-right: 5px;
}

.entryMetadata-label {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.entryLinkbar {
    border-left: 5px solid #a1d6ff;
    font-size: 15px;
    margin-bottom: 50px;
}

.entryLinkbar a, .entryLinkbar a:visited {
    font-weight: bold;
}

.entryLinkbar li {
    display: inline;
    padding: 0 5px;
}

.sidebar {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 125px 10px 10px 5px;
    width: 175px;
}

.sidebox {
    overflow: auto;
}

.sideboxTitle {    
    border-left: 5px solid #a1d6ff;
    font-size: 15px;
    padding-left: 3px;
}

.sideboxContent {
    margin: 5px 10px 10px;
}

.profile-userpic {
    border-left: 5px solid #a1d6ff;
    margin-bottom: 2px;
    padding-left: 5px;
}

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

.listtitle {
    border-left: 5px solid #a1d6ff;
    color: #fff;
    font-weight: bold;
    margin: 5px 0 0 -5px;
    padding-left: 3px;
}

.sidebox #systemlinks {
    line-height: 15px;
}

.latestmonth-inactive {
    padding: 3px;
    text-align: center;
}

.latestmonth-active a, .latestmonth-active a:visited {
    font-style: italic;
}

#SearchTerm {
    width: 90%;
}

.commentHolder {  
    background-color: #30a5ff;
    border-left: 5px solid #a1d6ff; 
    margin: 10px 19px 0 90px;
    padding-left: 3px;
}

.commentHeader, .commentHeaderScreened {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.commentHeaderScreened {
    background-color: #006cbf;
}

.commentUserinfo {
    margin-right: 5px;
}

.commentUserinfo-usericon img {
    border: 1px solid #a1d6ff;
}

.commentText {
    padding: 0 5px 5px;
}

.commentLinkbar li {
    display: inline;
    padding: 0 5px;
}

.replyform, #qrform {
    border-left: 5px solid #a1d6ff;
    margin: 0 19px 0 90px;
}

.replyform textarea {
    margin: 0 0 5px -3px;
    width: 90%;
}

#qrform table {
    border: none !important;
}

#commenttext {
    width: 100%;
}

.yearlinks {
    text-align: right;
}

.yearlink {
    padding: 0 4px;
}

.daysubjects {
    font-size: 14px;
    font-weight: bold;
    padding-left: 3px;
}

.month {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/cont.png) repeat-y bottom right #006cbf;
    border: 2px solid #006cbf;
    margin: 10px;
    padding: 10px;
    width: 90%;
}

.daytitles {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/cont.png) repeat-y bottom right #006cbf;
    border-left: 5px solid #a1d6ff;
    font-weight: bold;
    text-align: center;
}

.day {
    border-left: 5px solid #a1d6ff;
}

.day-date {
    color: #fff;
    font-size: 17px;
    font-style: italic;
    padding-left: 3px;
}

.day-count {
    font-size: 20px;
    text-align: center;
    width: 50%;
}

.day-count a {
    color: #fff;
}

.tagstable {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blueb/cont.png) repeat-y bottom right #006cbf;
    border: 3px solid #006cbf;
    margin: 13px 0 13px 13px;
    padding: 6px;
}

.tagstable td {
    border-color: #a1d6ff;
    border-style: dotted dotted dotted solid;
    border-width: 1px 1px 1px 5px;
}

.tagstable {
    width: 90%;
}

#summary img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

.entryHeader img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key-1.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 13px 15px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key-1.png) repeat scroll 0%;
    height: 0;
    padding: 13px 15px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/lock-1.png) repeat scroll 0%;
    height: 0;
    padding: 16px 15px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user-lock.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/group-1.png);
    padding: 16px 16px 0 0 !important;
}

.ljuser img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user-2.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 15px 16px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user-2.png);
    padding: 15px 16px 0 0 !important;
}

Layout #12 S2 Smooth Sailing

2008-11-22T01:33:35Z

Layout Style: Smooth Sailing
Best view: 1024x768 and higher
Browser(s) Compatible: Tested with FF and IE7
Work with Nav bar?: Yes
Work with Ads? Yes, but vertical only. Lj will put it in a scroll box on the right side of your layout and layout might scroll a bit.
Credit: writing_light or losing_light somewhere in your journal please
Crossposted: freelayouts and mintyapple
Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Darker Background
Lighter Background
Menu Hover
Between Entries
Sideboxes

mini icons from famfamfam.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Customize Journal
Choose any Smooth Sailing layout
If your journal is ad supported choose the vertical placement.
Choose 2 Column (Sidebar on left) IMPORTANT!
Hit Customize Selected Theme
Under display choose Yes for Wrap entry text under user info
Under Sidebar Enable sidebar boxes according to the note below** and hide the rest. IMPORTANT!!
Save Changes and choose Custom CSS
Make sure both drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet and hit Save Changes

**Notes: You can change this layout to use 2, 3, 4, 5 or 6 sideboxes depending on how many you need. To do this, find the beginning of the stylesheet where it says


.sidebox {
    width: 148px;
}

.sidebox #latestmonth {
    margin-left: 3px;
}

this is already set up for a 6 side box layout.
For 5 boxes change width to 184px and margin-left to 20px.
For 4 boxes change width to 239px and margin-left to 49px.
For 3 boxes change width to 326px and margin-left to 93px.
For 2 boxes change width to 503px and margin-left to 181px.

Overrides:

/* 
** Layout by LJ user writing-light at writing
   light.livejournal.com 
** S2 Smooth Sailing
** contextual Popup coding by lj user cartonage 
** mini icons from famfamfam 
** brushes by kissncontrol at deviantart.com
** background texture by theinspirationgallery.com

** please do not remove credit */

/* Here is where you change the number of sideboxes in the sidebar. Change the width in .sidebox and the margin-left in .sidebox #latestmonth */

.sidebox {
    width: 148px;
}

.sidebox #latestmonth {
    margin-left: 3px;
}

/* Here is where you add a custom header */
.pageheaderblock {
    background: url(YOUR HEADER URL) no-repeat center bottom;
    height: px; /* your header height plus 100 pixels. So, if your header is 300px tall, you need to put in 400px */
}

/* Don't change anything after this unless you are comfortable with CSS */

body, .header-menu, .body-midtitle, .entryHolder, .sidebar, .commentHeader, .commentHeaderScreened, .replyform, #qrform, .daytitles, .day-blank {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/comm/wp_mottled_166.jpg);
}

.pageblock, .entryHeader, textarea, input, select, blockquote, .month {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/comm/body.jpg);
}

body {
    color: #5a5d5d;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    margin: 0px auto;
}

.pageblock {
    border: 7px double #9fafdd;
    margin: 20px auto;
    width: 1115px;
}

.header-title {
    color: #9fafdd;
    font-size: 22px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}

.header-icon, .body-title, .profile-label, .header-subtitle, .pagefooterblock {
    display: none;
}

.header-menu {
    border: 7px double #fff;
    display: block;
    font-size: 16px;
    margin-left: 104px;
    padding: 10px 5px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    width: 881px;
}

.header-menu a:hover, .entryLinkbar a:hover {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/comm/menu.png) no-repeat center;
    color: #fff;
    padding: 5px 0;
    text-decoration: none;
}

.header-menu ul, #footer-menu ul, .entryMetadata ul, .entryLinkbar ul, .commentLinkbar ul {
    margin: 0;
    padding: 0;
}

.header-menu li, #footer-menu li {
    display: inline;
    padding: 0 10px;
}

.bodyblock {
    margin-top: 240px;
    width: 100%;
}

.bodynavblock {
    padding: 5px 0;
    text-align: center;
}

.body-midtitle {
    border: 7px double #fff;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 881px;
}

.entryHolder {
    border: 7px double #fff;
    text-align: justify;
    margin: 0 20px 75px;
    width: 1065px;
}

.entryHeader {
    border: 7px double #fff;
    color: #9fafdd;
    font-weight: bold;
    margin: 10px;
    padding: 5px 10px 5px 123px;
    text-transform: capitalize;
}

.entryHeaderSubject {
    display: block;
    font-size: 20px;
}

.entryHeaderDate {
    font-size: 15px;
}

.entryUserinfo {
    margin: -65px 5px 5px 22px;
    position: relative;
}

.entryUserinfo-usericon img {
    background-color: #9fafdd;
    border: 6px double #fff;
    padding: 1px;
}

div.ContextualPopup {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {
    border: 2px solid #fff;
}

div.ContextualPopup div.Inner {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/comm/body.jpg) !important;
    border: 6px double #fff;
    color: #9fafdd !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #ff0852 !important;
    font-weight: bold;
    text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
    text-decoration: underline !important;
}

.entryText {
    margin: 0 25px 0 35px;
}

a, a:visited {
    color: #ff4b82;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #9fafdd;
    font-weight: bold;
    text-decoration: none;
}

code, kbd, pre, tt {
    font-family: monospace;
}

::-moz-selection {
    background-color: #ff4b82;
    color: #fff;
}

textarea {
    border: 7px double #9fafdd;
    font-size: 14px;
    margin-top: 5px;
}

input, select {
    border: 7px double #fff;
    color: #ff4b82;
    font-size: 11px;
    margin-top: 3px;
}

blockquote {
    border: 7px double #9fafdd;
    margin: 15px;
    padding: 10px;
}

.entryMetadata {
    padding: 10px 45px;
}

.entryMetadata img {
    border: 1px solid #ff4b82;
    margin-left: 4px;
}

.entryMetadata li {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-right: 5px;
}

.entryMetadata-label {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.entryLinkbar {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/comm/seperators.png) no-repeat bottom center;
    font-size: 15px;
    height: 100px;
    margin: 10px 0 -75px 0;
    position: relative;
    text-align: center;
}

.entryLinkbar a, .entryLinkbar a:visited {
    font-weight: bold;
    padding: 5px 5px;
}

.entryLinkbar a:hover {
    padding: 5px 5px;
}

.entryLinkbar li {
    display: inline;
    padding: 0 10px;
}

.sidebar {
    border: 7px double #fff;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: -230px 0 0 20px;
    position: absolute;
    text-align: center;
    width: 1065px;
}

.sidebox {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/comm/sidebox2.png) no-repeat left;
    float: left;
    height: 182px;
    overflow: auto;
    padding: 10px 0 10px 29px;
}

.sidebox a, .sidebox a:visited {
    color: #5a5d5d;
}

.sidebox a:hover {
    color: #ff4b82;
}

.sideboxTitle {
    font-size: 15px;
}

.sideboxContent {
    padding-top: 5px;
}

.profile-userpic {
    border: 6px double #fff;
    margin-bottom: 2px;
    padding: 1px;
}

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

.listtitle {
    color: #ff4b82;
    margin-top: 5px;
}

.sidebox #systemlinks {
    line-height: 15px;
}

.sidebox #latestmonth {
    padding-top: 10px;
}

.latestmonth-inactive {
    padding: 3px;
    text-align: center;
}

.latestmonth-active a, .latestmonth-active a:visited {
    color: #ff4b82;
}

#SearchTerm {
    position: relative;
    width: 84%;
}

#SearchType, select {
    width: 110px;
}

#footer-menu {
    font-size: 15px;
    padding: 10px 0;
}

.commentHolder {   
    margin: 10px;
    text-align: justify;
}

.commentHeader, .commentHeaderScreened {
    border: 7px double #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px 2px 125px;
    text-transform: capitalize;
}

.commentHeaderScreened {
    border-top: 7px double #ff4b82;
}

.commentHeaderSubject {
    font-weight: bold;
}

.commentUserinfo {
    padding: 4px;
    margin: -33px 0 0 8px;
    text-align: center;
}

.commentUserinfo-usericon img {
    background-color: #9fafdd;
    border: 7px double #fff;
    padding: 1px;
}

.commentText {
    padding: 5px 25px 0 135px;
}

.commentLinkbar {
    padding: 4px 0;
    text-align: center;
}

.commentLinkbar li {
    display: inline;
    padding: 0 10px;
}

.replyform, #qrform {
    border: 7px double #fff;
    margin: 10px;
}

.replyform textarea {
    margin: 0 0 5px -3px;
    width: 90%;
}

#commenttext {
    width: 100%;
}

.yearlinks {
    text-align: right;
}

.yearlink {
    padding: 0 4px;
}

.daysubjects {
    font-weight: bold;
    padding: 8px 8px 8px 40px;
}

.month {
    border: 7px double #9fafdd;
    margin: 10px 90px;
    padding: 10px;
    width: 900px;
}

.daytitles {
    border: 1px solid #fff;
    font-weight: bold;
    text-align: center;
}

.day {
    border: 1px solid #9fafdd;
}

.day-date {
    background-color: #9fafdd;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    color: #fff;
    text-align: center;
    width: 50%;
}

.day-count {
    float: right;
    font-size: 20px;
    text-align: center;
    width: 50%;
}

.day-count a {
    color: #ff4b82;
}

.tagstable, .tagstable td {
    border: 6px double #fff;
    margin: 13px 0 13px 13px;
    padding: 6px;
}

.tagstable {
    width: 900px;
}

#summary img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key_add.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/cross.png) repeat scroll 0%;
    height: 0;
    padding: 15px 14px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/group1.png);
    padding: 16px 16px 0 0 !important;
}

.ljuser img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/usericon1.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 15px 15px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/usericon1.png);
    padding: 15px 15px 0 0 !important;
}

Layout #11 S2 Smooth Sailing

2008-11-22T01:31:32Z

First Posted: August 17^th
Layout Style: Smooth Sailing
Best view: 800x600 and higher
Browser(s) Compatible: Tested with FF and IE7
Work with Nav bar?: Yes
Work with Ads? Yes
Credit: writing_light or losing_light somewhere in your journal please
Crossposted: freelayouts and mintyapple
Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

mini icons from famfamfam.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Customize Journal
Choose any Smooth Sailing layout
If your journal is ad supported choose your ad placement
choose if you want a left, right or no side column
Hit Customize Selected Theme
Choose Custom CSS
Make sure both drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet and hit Save Changes

Overrides:

/* Layout by LJ user writing-light at www.http://writing-light.livejournal.com/ */
/* S2 Smooth Sailing*/
/* contextual Popup coding by lj user cartonage */
/* please do not remove credit */

body {
    background-color: #999;
    color: #ececec;
    font-family: georgia, helvetica, san-serif;
    font-size: 12px;
    margin: 0 auto;
}

.body-title {
    color: #333;
}

.pageblock {
    width: 100%;
}

.header-title {
    background-color: #333;
    font-size: 40px;
    height: 90px;
    padding-top: 40px;
    margin-top: 50px;
    text-transform: capitalize;
}

.header-subtitle, .header-icon, .profile-label, .body-midtitle, bodyheaderblock {
    display: none;
}

.header-menu {
    font-size: 20px;
    letter-spacing: -2px;
    margin-top: -149px;
    position: relative;
    text-transform: capitalize;
}

.header-menu a, .header-menu a:visited {
    color: #ffc0cb;
    margin: 5px;
    white-space: nowrap;
}

.header-menu a:hover {
    color: #333;
    text-align: right;
}

.header-menu ul, #footer-menu ul {
    margin: 0;
    padding: 0;
}

.header-menu li, #footer-menu li {
    display: inline;
}

.bodyblock {
    margin-top: 163px;
}

.bodynavblock {
    font-size: 22px;
    padding: 10px 0;
}

.entryHolder {
    background-color: #777;
    border-color: #333;
    border-style: solid;
    border-width: 0 30px 30px;
    margin: 0 20px 50px 20px;
    text-align: justify;
}

.entryHeader {
    background-color: #333;
    color: #ffc0cb;
    font-size: 15px;
    height: 30px; 
    overflow: hidden;
    padding-top: 5px;
}

.entryHeaderSubject {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -2px;
    position: relative;
}

.entryHeaderDate {
    font-size: 16px;
    margin-left: 40px;
}

.entryUserinfo {
    font-size: 15px;
    margin: 10px;
}

.entryUserinfo-usericon img {
    border: 8px solid #ffc0cb;
}

div.ContextualPopup {

font-family: georgia, helvetica, san-serif !important;
    font-style: normal;
    margin-top: 5px;
}

div.ContextualPopup img {
    border: 2px solid #ffc0cb;
}

div.ContextualPopup div.Inner {
    background-color: #333 !important;
    border: 3px solid #ffc0cb;
    color: #c0c0c0 !important;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #ffc0cb !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.entryText {
    font-family: arial, verdana, sans-serif;
    padding: 10px;
}

a, a:visited {
    color: #ffc0cb;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

u, i, s, sup, sub, em, q, cite {
}

::-moz-selection {
    background-color: #333;
    color: #ffc0cb;
}

textarea {
    background-color: #333;
    color: #ffc0cb;
    margin-top: 5px;
}

input, select {
    background-color: #333;
    color: #ffc0cb;
    margin-top: 5px;
}

blockquote {
    border: 6px double #ffc0cb;
    margin: 10px 30px;
    padding: 10px;
}

.entryMetadata {
    padding: 5px;
}

.entryMetadata a, .entryMetadata a:visited {
    font-weight: normal;
}

.entryMetadata ul {
    margin: 0;
    padding: 0;
}

.entryMetadata li {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-right: 5px;
}

.entryMetadata-label {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding-right: 5px;
}

.entryLinkbar {
    letter-spacing: -1px;
    margin-bottom: -3px;
    padding-top: 30px;
    position: relative;
}

.entryLinkbar a, .entryLinkbar a:visited {
    font-size: 17px;
}

.entryLinkbar ul {
    margin: 0;
    padding: 0;

}

.entryLinkbar li {
    display: inline;
    margin: 0;
    padding: 0 10px;
}

.sidebox {
    font-size: 14px;
    margin: 0 20px;
    width: 200px;
}

.sideboxTitle {
    background-color: #333;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    text-transform: capitalize;
}

.sideboxContent {
    padding: 10px 5px;
}

.profile-userpic {
    border: 8px solid #ffc0cb;
}

.sidebox #profile {
    padding-left: 10px;
}

.sidebox #tags_sidebox, .sidebox #profile, .sidebox #systemlinks, .sidebox #latestmonth, .latestmonth-inactive, .latestmonth-active, #footer-menu a, .footer-menu a:visited, .pagefooterblock, .commentUserinfo, .pageheaderblock, .header-title, .bodynavblock, .entryUserinfo, .entryLinkbar, .sideboxTitle, .commentLinkbar, .daytitles, .day, .header-menu {
    text-align: center;
}

.sidebox #latestmonth {
    padding-left: 25px;
}

.latestmonth-inactive, .latestmonth-active {
    padding: 2px;
}

#SearchTerm {
    position: relative;
    width: 100%;
}

#SearchType, select {
    font-size: 9.5px;
    text-transform: lowercase;
    line-height: 20px;
    margin: 2px 0;
    width: 130px;
}

.listtitle {
    font-weight: bold;
    margin-left: -5px;
}

#footer-menu {
    padding-top: 15px;
}

#footer-menu a, .footer-menu a:visited {
    font-size: 20px;
    letter-spacing: -2px; 
    padding: 0 20px;
}

.pagefooterblock {
    background-color: #333;
    font-size: 18px;
    font-style: italic;
    padding: 10px;
}

.commentHolder {
    background: #777;
    border: 8px solid #333;
    text-align: justify;
    margin: 20px 20px 0 20px;
}

.commentUserinfo {
    margin: 10px;
}

.commentUserinfo-usericon img {
    border: 8px solid #ffc0cb;
}

.commentText {
    font-size: 14px;
    padding: 10px;
}

.commentHeader {
    background-color: #333;
    font-size: 16px;
    text-transform: capitalize;
}

.commentHeaderScreened {
    background-color: #333;
    border-top: 5px solid #ffc0cb;
    font-size: 16px;
}

.commentHeaderSubject {
    font-weight: bold;
}

.commentLinkbar {
    font-size: 18px;
    letter-spacing: -2px;
    margin-bottom: -7px;
    padding: 4px 0;
}

.commentLinkbar ul {
    margin: 0;
    padding: 0;
}

.commentLinkbar li {
    display: inline;
    margin: 0;
    padding: 0 5px;
}

.replyform {
    padding-right: 20px;
}

.replyform textarea {
    width: 90%;
}

#qrform {
    font-size: 14px;
    margin: 10px;
}

#commenttext {
    width: 100%;
}

.yearlinks {
    text-align: right;
}

.yearlink {

padding: 0 4px;
}

.daysubjects {
    font-weight: bold;
    padding: 8px 8px 8px 40px;
}

.month {
    background-color: #333;
    font-size: 18px;
    height: 300px;
    padding: 0 10px;
    width: 100%;
}

.daytitles {
    background: #ffc0cb;
    color: #333;
    font-size: 15px;
}

.day {
    color: #333;
}

.day-date {
    background-color: #ffc0cb;
}

.tagstable, .tagstable td {
    background-color: #333;
    border: 3px solid #ffc0cb;
}

.tagstable {
    width: 100%;
}

#summary img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key_add.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/cross.png) repeat scroll 0%;
    height: 0;
    padding: 15px 14px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/group.png);
    padding: 16px 16px 0 0 !important;
}

.ljuser img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 15px 15px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user.png);
    padding: 15px 15px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
 background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user.png);
 padding: 15px 15px 0 0 !important;
}</lj-cut>
</article>
<article>
<h1>Layout #10 S2 Smooth Sailing - Supernatural</h1>
2008-11-22T01:29:20Z
First Posted: August 6th 2008 Layout Style: Smooth Sailing Best view: 1024x768 and higher Browser(s) Compatible: Tested with FF and IE7 Work with Nav bar?: Yes, if you follow the directions below** Work with Ads? Yes Credit: <a href="https://writing-light.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ></a><a href="https://writing-light.livejournal.com/" class="i-ljuser-username" target="_self" >writing_light</a> or <a href="https://losing-light.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ></a><a href="https://losing-light.livejournal.com/" class="i-ljuser-username" target="_self" >losing_light</a> somewhere in your journal please Crossposted:<a href="https://freelayouts.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ></a><a href="https://freelayouts.livejournal.com/" class="i-ljuser-username" target="_self" >freelayouts</a> and <a href="https://mintyapple.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ></a><a href="https://mintyapple.livejournal.com/" class="i-ljuser-username" target="_self" >mintyapple</a> Preview: <a href="http://writing-layouts.livejournal.com/?s2id=27210855" target="_blank"></a> Live preview: <a href="http://writing-layouts.livejournal.com/?s2id=27210855" target="_blank">Recent entries</a>*<a href="http://writing-layouts.livejournal.com/calendar/?s2id=27210855" target="_blank">Archive</a>*<a href="http://writing-layouts.livejournal.com/tag/?s2id=27210855" target="_blank">Tags</a>*<a href="http://writing-layouts.livejournal.com/4612.html?s2id=27210855" target="_blank">Custom Comments</a> Note: If you use the <a href="https://addons.mozilla.org/en-US/firefox/addon/2207" target="_blank" rel="nofollow">coolpreviews</a> firefox add-on it works a little funny with this layout, making the layout scroll sometimes. You can either ignore it or turn it off for the page. Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links. <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jensen3.png" target="_blank" rel="nofollow">Jensen</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jared3.png" target="_blank" rel="nofollow">Jared</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/angeliquesg.gif" target="_blank" rel="nofollow">mini impala</a> by <a href="https://angeliquesg.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ></a><a href="https://angeliquesg.livejournal.com/" class="i-ljuser-username" target="_self" >angeliquesg</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/tattoo.png" target="_blank" rel="nofollow">tattoo</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/bg.png" target="_blank" rel="nofollow">background</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/spn3.gif" target="_blank" rel="nofollow">title graphic</a> mini icons from <a href="http://www.famfamfam.com/" target="_blank" rel="nofollow">famfamfam</a> except where noted. <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/cross.png" target="_blank" rel="nofollow">Private user icon</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/comm.png" target="_blank" rel="nofollow">Community user icon</a> by me <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/angeliquesgsamanddean.png" target="_blank" rel="nofollow">User icon</a> by <a href="https://angeliquesg.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ></a><a href="https://angeliquesg.livejournal.com/" class="i-ljuser-username" target="_self" >angeliquesg</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key.png" target="_blank" rel="nofollow">Friends locked icon</a> <a href="http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key_add.png" target="_blank" rel="nofollow">Friends filtered icon</a> Font used is called Supernatural Knight and can be found <a href="http://www.freewebs.com/supernaturalist/media.htm" target="_blank" rel="nofollow">HERE</a> at the bottom of the page. You do not need this font for the layout to work. Directions: Go to <a href="http://www.livejournal.com/customize/" target="_blank">Customize Journal</a> Choose any Smooth Sailing layout If your journal is ad supported choose your ad placement choose if you want a left, right or no side column Hit Customize Selected Theme Under display choose yes for "Wrap Entry text under userinfo" Important! Hit Save Changes Choose Custom CSS Make sure both drop down boxes say no Copy the overrides in the box below and paste them into the Custom Stylesheet and Hit Save Changes **If you have the Navigation bar enabled on your journal you'll need to change a tiny bit of code. Find the part of the code that says <code>body { background: url(<a target='_blank' href='http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jensen3.png' rel='nofollow'>http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jensen3.png</a>) no-repeat top left #000;</code> and change Jensen3 to Jensen5. Overrides: <textarea>/*

CREDIT:
**Layout by LJ user writing-light at writing
  light.livejournal.com 
**S2 Smooth Sailing
**metallicar and samanddean mini icons by lj user
  angeliquesg 
**tattoo mini icon by writing-light
**contextual Popup coding by lj user cartonage 
**other mini icons from famfamfam 
**Supernatural Knight font found at
  www.freewebs.com/supernaturalist/media.htm 
  
  please do not remove

body, .entryMetadata-label, .listtitle {
    font-family: "supernatural knight", verdana, "trebuchet ms", sans-serif;
}

.entryHeaderDate, .entryUserinfo, .entryText, .entryMetadata, .sideboxContent, .commentUserinfo, .commentText, .replyform, #qrform, .daysubjects {
    font-family: helvetica, arial, san-serif;
}

body {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jensen3.png) no-repeat top left #000;
    font-size: 11px;
    margin: 0 auto;
}

.pageheaderblock {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jared3.png) no-repeat bottom right;
    height: 607px;
}

.bodyblock {
    background-color: #fff;
    height: 503px; 
    margin: -511px 212px 0 177px;
    overflow: hidden;
    overflow-y: scroll;
}

.bodynavblock {
    margin: 10px 0;
}

.header-icon, .header-subtitle, .profile-label {
    display: none;
}

.pagefooterblock {
    background-color: #909090;
    color: #909090;
}

.header-title {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/spn3.gif) no-repeat center bottom #000;
    font-size: 0px;
    height: 60px;
    margin: 0 212px 0 177px;
}

.header-menu {
    background-color: #000;
    font-size: 15px;
    margin: 0 212px 0 177px;
    padding: 10px 0;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
}

.header-menu a, .header-menu a:visited {
    color: #fff;
    margin: 5px;
}

.header-menu a:hover {
    color: #909090;
    text-decoration: none;
}

.header-menu ul, #footer-menu ul, .entryLinkbar ul {
    margin: 0;
    padding: 0;
}

.header-menu li, #footer-menu li {
    display: inline;
}

.body-title {
    display: none;
}

.body-midtitle {
    font-size: 15px;
    padding: 5px 0 5px 10px;
}

.entryHolder {
    margin-top: 10px;
    text-align: justify;
}

.entryHeader {
    font-weight: bold;
    margin-bottom: 3px;
}

.entryHeaderSubject {
    display: block;
    font-size: 15px;
    padding-left: 15px;
}

.entryHeaderDate {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/angeliquesg.gif) no-repeat left;
    font-size: 10px;
    margin-left: 3px;
    padding-left: 36px;
}

.entryUserinfo {
    margin: 5px 5px 0 5px;
    text-align: center;
}

.entryUserinfo-usericon img {
    border: 4px solid #909090;
}

div.ContextualPopup {
    font-family: georgia !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {
    border: 3px solid #000;
}

div.ContextualPopup div.Inner {
    background-color: #fff !important;
    border: 3px solid #000;
    color: #000 !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #0000ff !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.entryText {
    margin: 3px 25px 0 10px;
}

.entryText a:hover {
    color: #909090;
    text-decoration: underline;
}

.entryText img {
    max-width: 440px; 
    overflow-x: hidden;
}

a, a:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    font-weight: bold;
    text-decoration: underline;
}

u, i, s, sup, sub, em, q, cite {
}

code, kbd, pre, tt {
    font-family: monospace;
}

::-moz-selection {
    background-color: #000;
    color: #fff;
}

textarea {
    border: 1px solid #909090;
    font-size: 11px;
    margin: 5px 0 2px 0;
}

input, select {
    border: 2px solid;
    font-size: 11px;
    margin-bottom: 2px;
}

blockquote {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/bg.png);
    border: 2px solid #000;
    padding: 5px;
}

.entryMetadata {
    border-bottom: 2px solid #909090;
    border-top: 2px solid #909090;
    margin: 20px 30px 10px;
    padding: 5px 15px;
}

.entryMetadata ul {
    margin: 0;
    padding: 0;
}

.entryMetadata li {
    display: block;

list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-right: 5px;
}

.entryMetadata-label {
    font-weight: bold;
    padding-right: 5px;
}

.entryLinkbar {
    margin: 10px 0 15px 0;
    padding-bottom: 5px;
    text-align: center;
}

.entryLinkbar a, .entryLinkbar a:visited {
    margin-left: 10px;
}

.entryLinkbar li {
    display: inline;
    margin: 0;
    padding: 0;
}

.sidebar {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/bg.png) no-repeat bottom #909090;
    padding: 10px 0 125px 0;
}

.sidebox {
    margin-bottom: 10px;
}

.sideboxTitle {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/tattoo.png) no-repeat left;
    font-size: 15px;
    padding: 10px 0 2px 28px;
}

.sideboxContent {
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 0 3px;
    padding: 5px 0 20px 0;
}

.profile-userpic {
    border: 4px solid #fff;
}

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

.listtitle {
    font-weight: bold;
    margin: 5px 0;
}

.latestmonth-inactive, .latestmonth-active {
    margin: 3px;
    padding: 1px;
    text-align: center;
}

#SearchTerm {
    width: 95%;
}

#SearchType, select {
    width: 137px;
}

#footer-menu {
    background-color: #000;
    font-size: 15px;
    height: 40px;
    margin: 30px -175px 0 -175px;
    padding-top: 10px;
    text-align: center;
}

#footer-menu a, .footer-menu a:visited {
    color: #fff;
    padding: 0 10px;
}

#footer-menu a:hover {
    color: #f3f3f3;
    text-decoration: none;
}

.commentHolder {
    border: 2px solid #909090;
    font-size: 11px;
    margin: 2px;
    text-align: justify;
}

.commentUserinfo {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/bg.png) #909090;
    color: #fff;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
}

.commentUserinfo-usericon img {
    border: 2px solid #fff;
}

.commentHeader, .commentHeaderScreened {
    background-color: #909090;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    text-transform: capitalize;
}

.commentHeaderScreened {
    border-top: 10px solid #fff;
}

.commentHeaderSubject {
    font-weight: bold;
}

.commentText {
    margin: 3px 20px 0 10px;
}

.commentLinkbar {
    margin: 5px 0;
    text-align: center;
}

.commentLinkbar ul {
    margin: 0;
    padding: 0;
}

.commentLinkbar li {
    display: inline;
    margin: 0;
    padding-right: 10px;
}

.replyform {
    padding-right: 20px;
}

.replyform textarea {
    width: 90%;
}

#qrform {
    border: 2px solid #909090;
    font-size: 14px;
    margin: 10px;
}

#commenttext {
    width: 100%;
}

.yearlinks {
    text-align: right;
}

.yearlink {
    padding: 0 4px;
}

.daysubjects {
    padding: 8px 8px 8px 40px;
}

.month {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/bg.png);
    border: 1px solid #909090;
    font-size: 18px;
    height: 300px;
    margin: 3px 20px 20px;
    text-align: center;
    width: 92%;
}

.daytitles {
    background: #909090;
    color: #fff;
    font-size: 15px;
}

.day {
    color: #fff;
}

.day-date {
    background-color: #909090;
}

.tagstable, .tagstable td {
    border: 2px solid #909090;
    color: #fff;
}

.tagstable {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/bg.png);
    width: 100%;
}

#summary img {
    border: 0;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/key_add.png) repeat scroll 0%;
    height: 0;
    padding: 16px 16px 0 0 !important;
    width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
    background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/cross.png) repeat scroll 0%;
    height: 0;
    padding: 15px 14px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/comm.png);
    padding: 17px 16px 0 0 !important;
}

.ljuser img {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/angeliquesgsamanddean.png);
    background-repeat: no-repeat;
    height: 0;
    padding: 20px 16px 0 0 !important;
    width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
    background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/angeliquesgsamanddean.png);
    padding: 20px 16px 0 0 !important;
}

Layout Style: Smooth Sailing
Best view: 1280x1024 and higher
Browser(s) Compatible: Tested with FF and IE7
Work with Nav bar?: Yes, if you follow the directions below**
Work with Ads? Yes
Credit: writing_light or losing_light somewhere in your journal please
Preview:
Live preview: Recent entries*Archive*Tags*Custom Comments

Note: If you use the coolpreviews firefox add-on it works a little funny with this layout, making the layout scroll sometimes. You can either ignore it or turn it off for the page.

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Jensen
Jared
mini impala by angeliquesg
tattoo
background
title graphic

mini icons from famfamfam except where noted.
Private user icon
Community user icon by me
User icon by angeliquesg
Friends locked icon
Friends filtered icon

Font used is called Supernatural Knight and can be found HERE at the bottom of the page. You do not need this font for the layout to work.

Directions:
Go to Customize Journal
Choose any Smooth Sailing layout
If your journal is ad supported choose your ad placement
choose if you want a left, right or no side column
Hit Customize Selected Theme
Under display choose yes for "Wrap Entry text under userinfo" Important!
Hit Save Changes
Choose Custom CSS
Make sure both drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet and hit Save Changes

**If you have the Navigation bar enabled on your journal you'll need to change a tiny bit of code. Find the part of the code that says

body {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jensen4.png) no-repeat top left #000;

and change Jensen4 to Jensen6.

Overrides:

body, .entryMetadata-label, .listtitle {
    font-family: "supernatural knight", verdana, "trebuchet ms", sans-serif;
}

.entryHeaderDate, .entryUserinfo, .entryText, .entryMetadata, .sideboxContent, .commentUserinfo, .commentText, .replyform, #qrform, .daysubjects {
    font-family: helvetica, arial, san-serif;
}

body {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jensen4.png) no-repeat top left #000;
    font-size: 11px;
    margin: 0 auto;
}

.pageheaderblock {
    background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/winchesters/Jared4.png) no-repeat bottom right;
    height: 858px;
}

.bodyblock {
    background-color: #fff;
    height: 755px; 
    margin: -763px 272px 0 237px;
    overflow: hidden;
    overflow-y: scroll;
}

.bodynavblock {
    margin: 10px 0;
}

.header-icon, .header-subtitle, .profile-label {
    display: none;
}

.pagefooterblock {
    background-color: #909090;
    color: #909090;
}

.header-menu {
    background-color: #000;
    font-size: 15px;
    margin: 0 272px 0 237px;
    padding: 10px 0;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
}

.header-menu a, .header-menu a:visited {
    color: #fff;
    margin: 5px;
}

.header-menu a:hover {
    color: #909090;
    text-decoration: none;
}

.header-menu ul, #footer-menu ul, .entryLinkbar ul {
    margin: 0;
    padding: 0;
}

.header-menu li, #footer-menu li {
    display: inline;
}

.body-title {
    display: none;
}

.body-midtitle {
    font-size: 15px;
    padding: 5px 0 5px 10px;
}

.entryHolder {
    margin-top: 10px;
    text-align: justify;
}

.entryHeader {
    font-weight: bold;
    margin-bottom: 3px;
}

.entryHeaderSubject {
    display: block;
    font-size: 15px;
    padding-left: 15px;
}

.entryUserinfo {
    margin: 5px 5px 0 5px;
    text-align: center;
}

.entryUserinfo-usericon img {
    border: 4px solid #909090;
}

div.ContextualPopup {
    font-family: georgia !important;
    font-size: 11px;
    font-style: normal;
    margin: 5px 0 0 20px;
}

div.ContextualPopup img {

border: 3px solid #000;
}

div.ContextualPopup div.Inner {
    background-color: #fff !important;
    border: 3px solid #000;
    color: #000 !important;
    padding: 0;
    width: 20em;
}

div.ContextualPopup .Content {
    line-height: 1.4;
    margin-right: 50px;
    padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
    font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
    font-weight: bold;
}

div.ContextualPopup .Userpic {
    padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #0000ff !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.entryText {
    margin: 3px 25px 0 10px;
}

.entryText a:hover {
    color: #909090;
    text-decoration: underline;
}

.entryText img {
    max-width: 565px;
    overflow-x: hidden;
}