S2 Smooth Sailing

[writing_light]

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? NO
Credit: writing_light or losing_light somewhere in your journal please
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.

Header
Entry Background
Entry Header
Entry Linkbar
Body and Mid-body title
Pageblock Footer
Footer
Menu Buttons
Sidebar Titles

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
An add supported account will not work with this layout
Choose 2 Column (Sidebar on Right) IMPORTANT!
Hit Customize Selected Theme
Under Display choose Additional Options and then choose YES for Wrap Entry text under userinfo
Under Menu make sure that if you don't have a webpage defined on your user page that you choose no for Show Website link from Userinfo page on Menubar
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
If you don't want the layout centered remove "margin: 0px auto;" under .pageblock

Overrides:
/* Layout by LJ user writing-light at writing-light.livejournal.com */
/* S2 Smooth Sailing*/
/* contextual Popup coding by lj user cartonage */
/* photo by Claudia Meyer found at www.sxc.hu/profile/claudmey */
/* mini icons from famfamfam */
/* please do not remove credit */

body {
background-color: #000;
color: #000;
font-family: arial, tahoma, sans-serif;
font-size: 11px;
margin: 0px auto;
}

.pageblock {
margin: 0px auto;
width: 800px;
}

.pageheaderblock {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/header.png) right top no-repeat;
height: 328px;
margin: 10px 20px 0 20px;
}

.header-title {
color: #c9be43;
font-size: 22px;
letter-spacing: -1px;
margin-right: 198px;
padding-top: 15px;
text-align: right;
text-transform: capitalize;
}

.header-subtitle {
color: #ffd17a;
font-size: 16px;
text-transform: capitalize;
letter-spacing: -1px;
margin-right: 192px;
text-align: right;
}

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

.header-menu {
font-size: 12px;
margin: -27px 0 0 -40px;
position: absolute;
z-index: 3;
}

.header-menu ul, #footer-menu ul {
list-style-position: outside;
list-style-type: none;
}

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

.header-menu li a {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/menubuttons1.png) 0px 0px no-repeat;
color: #000;
display: block;
margin: 3px 0;
padding: 9px 3px 9px 7px;
text-align: right;
width: 170px;
}

.header-menu li a:hover {
background:
url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/menubuttons1.png) -180px 0px no-repeat;
color: #ffd17a;
text-align: center;
}

.body-title {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/bodytitle.png) center no-repeat;
font-size: 16px;
font-weight: bold;
padding: 17px;
text-align: center;
}

.bodynavblock {
color: #fc7200;
text-align: center;
font-size: 12px;
}

.body-midtitle {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/bodytitle.png) center no-repeat;
color: #000;
font-size: 16px;
font-weight: bold;
padding: 17px;
text-align: center;
}

.entryHolder {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/entrybackground.png);
font-size: 11px;
text-align: justify;
margin: 0 0px 20px 95px;
width: 610px;
}

.entryHeader {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/entryheader1.png) no-repeat;
font-weight: normal;
text-transform: capitalize;
padding: 16px 0 5px 17px;
height: 40px;
}

.entryHeaderSubject {
color: #2f2f00;
font-size: 20px;
}

.entryHeaderSubject a:hover {
color: #fc1700;
}

.entryHeaderDate {
color: #212f00;
font-size: 10px;
}

.entryUserinfo {
padding: 5px 5px 5px 10px;
}

.entryUserinfo a, .entryUserinfo a:visited {
color: #000;
}

.entryUserinfo a:hover {
color: #fc1700;
}

.entryUserinfo-usericon img {
border: 2px solid #000;
padding: 2px;
}

div.ContextualPopup {
font-family: arial !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: #c9be43 !important;
border: 3px solid #000;
color: #fc1700 !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: #5a7012 !important;
font-weight: bold;
text-decoration: underline !important;
}

.entryText {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/entrybackground.png);
padding: 5px 22px 10px 22px;
}

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

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

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

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

textarea {
background-color: #c9be43;
border: 2px solid #2f2f00;
margin-top: 5px;
}

input, select {
background-color: #c9be43;
border: 1px solid #000;
margin-top: 3px;
padding: 2px;
}

blockquote {
background-color: #c9be43;
border-color: #2f2f00;
border-style: solid;
border-width: 2px 2px 2px 10px;
margin: 15px;
padding: 5px;
}

.entryMetadata {
padding: 15px 40px;
}

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

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

.entryMetadata-label {
color: #5a7012;
padding-right: 5px;
}

.entryLinkbar {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/entrylinkbar1.png) no-repeat;
font-size: 11px;
height: 40px;
padding: 14px 0 5px 20px;
text-align: center;
}

.entryLinkbar a, .entryLinkbar a:visited {
color: #ffd17a;
}

.entryLinkbar a:hover {
color: #c9be43;
}

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

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

.sidebar {
height: 261px;
margin: -348px 0 0 -200px;
overflow: auto;
position: absolute;
scrollbar-arrow-color: #c9be43;
scrollbar-3dlight-color: #494a00;
scrollbar-darkshadow-color: #494a00;
scrollbar-face-color: #2f2f00;
scrollbar-highlight-color: #494a00;
scrollbar-shadow-color: #494a00;
scrollbar-track-color: #2f2f00;
width: 180px;
z-index: 5;
}

.sidebar a:hover {
color: #fc1700;
}

.sidebox {
color: #c9be43;
margin: 0 1px 10px 2px;
}

.sideboxTitle {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/sidebartitle.png) no-repeat;
color: #000;
font-weight: bold;
margin-left: -4px;
padding: 7px;
text-align: center;
}

.sideboxContent {
margin-top: 5px;
}

.profile-userpic {
border: 1px solid #ffd17a;
padding: 1px;
}

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

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

.sidebox #systemlinks {
margin-left: 10px;
}

.sidebox #latestmonth {
color: #ffd17a;
margin: 5px 4px 0 3px;
}

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

.latestmonth-active {
padding: 2px;
text-align: center;
}

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

.sidebox #search {
margin-left: 5px;
}

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

#SearchType, select {
background-color: #ffd17a;
color: #2f2f00;
line-height: 20px;
margin: 2px 0;
text-transform: capitalize;
width: 130px;
}

#footer-menu {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/footer.png) top no-repeat;
font-size: 15px;
height: 32px;
padding-top: 1px;
}

#footer-menu a, .footer-menu a:visited {
padding: 0 12px;
text-align: center;
white-space: nowrap;
}

#footer-menu a:hover {
color: #2f2f00;
}

.pagefooterblock {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/pageblockfooter.png) bottom no-repeat;
font-size: 12px;
font-style: italic;
padding-top: 20px;
text-align: center;
}

.commentHolder {
border: 1px solid #ffd17a;
color: #c9be43;
margin: 5px 10px 10px 30px;
text-align: justify;
}

.commentHeader {
background-color: #ffd17a;
color: #2f2f00;
font-size: 12px;
font-weight: bold;
padding: 10px 5px 2px 5px;
text-transform: capitalize;
}

.commentHeaderScreened {
background-color: #ffd17a;
border-top: 20px solid #fc7200;
color: #2f2f00;
font-size: 12px;
font-weight: bold;
text-transform: capitalize;
padding: 10px 5px 2px 5px;
}

.commentHeaderSubject {
font-weight: bold;
}

.commentUserinfo {
color: #c9be43;
font-size: 14px;
padding: 4px;
text-align: center;
}

.commentUserinfo a:hover {
color: #cf1700;
}

.commentUserinfo-usericon img {
border: 1px solid #fc1700;
padding: 3px;
}

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

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

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

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

.replyform {
border: 1px solid #c9be43;
color: #ffd17a;
}

.replyform textarea {
width: 90%;
}

#qrform {
color: #fc1700;
font-size: 14px;
padding: 10px;
}

#commenttext {
width: 100%;
}

.yearlinks {
text-align: right;
}

.yearlink {
padding: 0 4px;
}

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

.month {
background-color: #000;
border: 5px groove #000;
margin: 15px 0 30px 35px;
padding: 5px;
width: 520px;
}

.daytitles {
background-color: #fc1700;
border: 1px solid #000;
color: #ffd17a;
font-weight: bold;
text-align: center;
}

.day-blank {
background-color: #fc1700;
border: 1px solid #000;
}

.day {
background-color: #2f2f00;
border: 1px solid #000;
}

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

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

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

.tagstable, .tagstable td {
background-color: #c9be43;
border: 2px solid;
margin: 20px;
}

.tagstable {
width: 500px;
}

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

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

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

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

.entryHeader img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/gerbers/friends.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/gerbers/friends.png);
background-repeat: no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

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

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

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

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

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

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