s2 layout: trivialidades's masquerading as a man with a reason (smooth sailing)
layout: masquerading as a man with a reason
style: smooth sailing
accounts: Basic, Paid, and Sponsored
features:custom comment pages, sidebar, mini icons
browsers: IE7, FF, Safari, and Opera
trivialidades's
picture | live
picture | live
/*
masquerading as a man with a reason
((smooth sailing; basic, plus, and paid; by milou_veronica))
*/
/* PAGE */
html body {padding: 0px;}
body { font-size: 8pt; margin: 0px 0px 0px 0px; background: #eeeeee url(http://i37.tinypic.com/vhqdtx.jpg) repeat scroll 0 0; color: #555555; font-family: Arial, Tahoma, Verdana, sans-serif; padding: 0px;}
a { color: #74A6CF; text-decoration: none; }
a:visited { color: #9F713B; }
a:hover { color: #B5CCDF; }
.pageblock{ border: 0px #ececec solid; margin: 0 auto; }
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat; color:#555555; }
code {font-family: 'Courier New', Courier, monospace; display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
input, textarea { background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; border: 1px solid #FDFAFB; font-family: 'Courier New', Courier, monospace; font-weight: bold; font-size: 10px; color: #666666; line-height: 1.5;}
/* HEADER */
.pageheaderblock { background-image: url("IMAGE_URL"); text-align: center; padding: 50px 0px 15px 0px; border: 0px #ececec solid; background-color: #000000; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.header-title { display:none; color: #f5989d; text-transform: uppercase; font-size: 19px; letter-spacing: 5px; padding: 0px 20px 0px 20px; }
.header-subtitle { display:none; text-transform: uppercase; font-size: 8px; padding: 0px 24px 0px 24px; }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu { padding: 11px 15px 15px 15px; border-top: 0px solid #ffffff; padding-left: 19px; letter-spacing: 0px; line-height: 20px;text-transform: uppercase; }
.header-menu a, .header-menu a:visited { background-color: #0F0F0F; white-space: nowrap; text-align: left; padding: 8px; margin-right:2px; color: #666666; text-decoration: bold; border-left: 0px #ececec solid; }
.header-menu a:hover { background-color: #131212; border-left: 0px #ececec solid; color: #eeeeee; text-decoration: bold; padding-top: 18px; padding-bottom: 18px; position:relative; bottom: 10px;}
.header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li { display: inline; }
/* BODY */
.bodyblock {padding: 0px; margin-top: 186px; width: 770px; margin-right:auto; margin-left: auto; }
.bodyheaderblock { border: 0px; color: #888888;padding: 0px 0px 4px 0px; }
.bodynavblock { border: 0px solid #ffffff; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title { display:none; background-color: #000000 ; color: #f5989d; text-transform: uppercase; font-size: 9px; letter-spacing: 5px; text-align: center; padding: 0px 10px 10px 10px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; border: 0px solid #ffffff; background-color:#ffffff; margin:auto; margin-bottom: 15px; }
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.entryUserinfo-usericon img { border: 18px solid #0F0F0F ; padding:0px; margin: 0px 0px 5px 15px; background-color: #ffffff; }
.entryText { padding: 15px; min-height: 120px; }
.entryHeader { color: #0F0F0F; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-decoration: none; text-align: left; padding: 10px 0 0 10px; margin-bottom: 10px; background-color:#FDFAFB; }
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject { font-size: 19pt; letter-spacing: -3px; font-weight: bold;}
.entryHeaderDate { text-transform: uppercase; font-size: 10px; letter-spacing: -1px; }
.entryHeaderDate a {color : #acacac; text-decoration : none;}
.entryHeaderDate a:hover { color : #dddddd; text-decoration : underline; }
.entryMetadata { padding-left: 36px; font-family: "Courier New", Courier, monospace; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block;padding: 0px; font-size: 7pt; font-family: "Courier New", Courier, Times, Times New Roman, serif;}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar { font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; text-decoration: bold; font-size: 10px; text-align: right; padding: 6px; background-color:#FDFAFB; }
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; border-right: 1px dotted #cccccc; display: inline; }
/*FOOTER*/
#footer-menu { font-size: 10px; }
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; margin: 3px; background-color: #FFFFFF; border: 1px solid #dddddd;}
.pagefooterblock { border-top: 0px solid #ffffff; background-color: #;color: #777777; padding: 15px 4px 15px 24px; margin-top: 4px; }
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {margin: 30px 0px 0px 0px; width: 740px; min-height:140px;background-color: #131212; color: #999999; padding: 15px; line-height: 1.75; font-size: 7pt; position: absolute; top: 55px; }
.sidebox #profile { float: right; text-align: center; }
img.profile-userpic { width: 60px; height: 60px; border: 15px solid #0F0F0F;}
.sidebox { margin: auto; }
.sideboxTitle { display: none; text-transform: lowercase; text-decoration: none; border-bottom: 0px dotted #ececec; font-size: 11px; padding: 8px 0px 4px 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sideboxContent { text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #latestmonth {width: 140px; float: right; text-align: center; font-family: "Courier New", Courier, monospace; }
.sidebox #search { display: none; text-align: center; }
.sidebox #summary { display: none; text-align: left; }
.sidebox #tags_sidebox { display: none; text-align: left; }
.sidebox #freetext { text-align: left; width: 250px; }
.sidebox #systemlinks {display: inline; text-align: left; width: 200px; float:right; }
.listitem {display: inline; padding: 0px 5px 0px 5px; border-right: 1px solid #333333; font-size: 7pt; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sidebox #latestmonth table{width: 140px; text-align: center; padding: 0px; margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #181818;margin:1px; padding: 1px 3px;}
.latestmonth-active {background-color: #181818; margin:1px; padding: 1px 3px;}
.listtitle {font-weight: bold; }
.profile-label {display:none; } .profile-content {display: none;}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #ffffff; padding: 10px; margin: 15px 0; background-color:#ffffff; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 22px solid #FDFAFB ; padding: 0px;}
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #aaaaaa; font-family: "Courier New", Courier, monospace; font-weight: bold; text-transform: lowercase; font-size: 12pt;padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; width: 760px; margin: auto; background-color: #ffffff; }
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width: 100% ; border-bottom: 1px dashed #dddddd;border-right: 1px dashed #dddddd; margin: 0px 8px 8px 0px; background-color: #ffffff;}
.daysubjects { color: #888888; padding: 8px 8px 8px 40px; }
.daytitles { text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 1px solid #ffffff; background-color: #eeeeee }
.day-blank { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day-date { border: 0px dashed #dddddd;width: 50%; text-align: center;}
.day-count { width: 50%; text-align: center; float: right; font-size: 20px; }
.day-count a { text-decoration: none; color: #74A6CF; }
/*TAGS PAGE*/
.tagstable, .tagstable td { border: 1px solid #f1f1f1; margin: 1px; }
.tagstable { width: 100%; }
/*--------------------------------------------
MINI ICONS by FamFamFam
-----------------------------------------*/
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i33.tinypic.com/fmmik0.png); background-position: center left; }
img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i37.tinypic.com/2d84zmr.png); background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/w2k761.png); }
.ljuser img { width: 0; height: 0; background: transparent url(http://i35.tinypic.com/w05ag4.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i35.tinypic.com/w05ag4.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i34.tinypic.com/2nq9w6b.jpg); padding: 17px 16px 0 2px !important; background-position: center left; background-repeat: no-repeat;}
img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i36.tinypic.com/29wwzrs.jpg); padding: 17px 16px 0 2px !important; background-position: center left;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i36.tinypic.com/do9ruo.png) no-repeat scroll 0% 50%; padding: 17px 16px 0 2px !important; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i33.tinypic.com/29cmnsy.png); padding: 17px 16px 0 2px !important; background-position: 0% 50%; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i33.tinypic.com/o79hrl.png); padding: 17px 16px 0 2px !important; background-position: 0% 50%; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i33.tinypic.com/2q04zsn.png) no-repeat scroll 50% 50%; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i37.tinypic.com/2myt1jt.png) no-repeat scroll 50% 50%; }
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/w05ag4.png) no-repeat scroll 50% 50%; background-repeat: no-repeat;}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i33.tinypic.com/orneqe.png) no-repeat scroll 50% 50%; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/2w32tft.png) no-repeat scroll 50% 50%; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i34.tinypic.com/ogm2bb.png) no-repeat scroll 50% 50%; }
/*--------------------------------------------
contexual pop-up
-----------------------------------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 14px; margin-left: 0px; margin-top: 0px; border: 0px solid #FCFCFC; background-color: #0f0f0f;}
div.ContextualPopup .Content { padding: 15px; margin: 4px 80px 4px 4px; border: 0px solid #FCFCFC; background-color: #0f0f0f !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: "Courier New", Courier, Times New Roman, Book Antiqua, serif; font-size: 10pt; letter-spacing:-1px; border-bottom: 4px dotted #222222;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}
#lj_controlstrip {display:none;}
table#lj_controlstrip td {background-color: #2d2d2d; background-image: url(); color: #666666;border: solid 1px #333333; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a {color: #cccccc;}
a:hover {color: #bbbbbb; font-style: italic; }
b,u {color:#444444;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 1px solid #f1f1f1;}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#0F0F0F; }
/*
masquerading as a man with a reason [bleached]
((smooth sailing; basic, plus, and paid; by milou_veronica))
*/
/* PAGE */
html body {padding: 0px;}
body { font-size: 8pt; margin: 0px 0px 0px 0px; background: #f8f8f8 url() repeat scroll 0 0; color: #555555; font-family: Arial, Tahoma, Verdana, sans-serif; padding: 0px;}
a { color: #74A6CF; text-decoration: none; }
a:visited { color: #9F713B; }
a:hover { color: #B5CCDF; }
.pageblock{ border: 0px #ececec solid; margin: 0 auto; }
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat; color:#555555; }
code {font-family: 'Courier New', Courier, monospace; display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
input, textarea { background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; border: 1px solid #FDFAFB; font-family: 'Courier New', Courier, monospace; font-weight: bold; font-size: 10px; color: #666666; line-height: 1.5;}
/* HEADER */
.pageheaderblock { background-image: url("IMAGE_URL"); text-align: center; padding: 50px 0px 15px 0px; border: 0px #ececec solid; background-color: #DDDDDD; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.header-title { display:none; color: #f5989d; text-transform: uppercase; font-size: 19px; letter-spacing: 5px; padding: 0px 20px 0px 20px; }
.header-subtitle { display:none; text-transform: uppercase; font-size: 8px; padding: 0px 24px 0px 24px; }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu { padding: 11px 15px 15px 15px; border-top: 0px solid #ffffff; padding-left: 19px; letter-spacing: 0px; line-height: 20px;text-transform: uppercase; }
.header-menu a, .header-menu a:visited { background-color: #EEEEEE; white-space: nowrap; text-align: left; padding: 8px; margin-right:2px; color: #999999; text-decoration: bold; border-left: 0px #ececec solid; }
.header-menu a:hover { background-color: #FFFFFF; border-left: 0px #ececec solid; color: #777777; text-decoration: bold; padding-top: 18px; padding-bottom: 18px; position:relative; bottom: 10px;}
.header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li { display: inline; }
/* BODY */
.bodyblock {padding: 0px; margin-top: 186px; width: 770px; margin-right:auto; margin-left: auto; }
.bodyheaderblock { border: 0px; color: #888888;padding: 0px 0px 4px 0px; }
.bodynavblock { border: 0px solid #ffffff; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title { display:none; background-color: #000000 ; color: #f5989d; text-transform: uppercase; font-size: 9px; letter-spacing: 5px; text-align: center; padding: 0px 10px 10px 10px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; border: 0px solid #ffffff; background-color:#ffffff; margin:auto; margin-bottom: 15px; }
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.entryUserinfo-usericon img { border: 18px solid #eeeeee ; padding:0px; margin: 0px 0px 5px 15px; background-color: #ffffff; }
.entryText { padding: 15px; min-height: 120px; }
.entryHeader { color: #aaaaaa; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-decoration: none; text-align: left; padding: 10px 0 0 10px; margin-bottom: 10px; background-color:#fcfcfc; }
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject { font-size: 19pt; letter-spacing: -3px; font-weight: bold; color:#777777;}
.entryHeaderDate { text-transform: uppercase; font-size: 10px; letter-spacing: -1px; }
.entryHeaderDate a {color : #acacac; text-decoration : none;}
.entryHeaderDate a:hover { color : #dddddd; text-decoration : underline; }
.entryMetadata { padding-left: 36px; font-family: "Courier New", Courier, monospace; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block;padding: 0px; font-size: 7pt; font-family: "Courier New", Courier, Times, Times New Roman, serif;}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar { font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; text-decoration: bold; font-size: 10px; text-align: right; padding: 6px; background-color:#fcfcfc; }
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; border-right: 1px dotted #cccccc; display: inline; }
/*FOOTER*/
#footer-menu { font-size: 10px; }
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; margin: 3px; }
.pagefooterblock { border-top: 0px solid #ffffff; background-color: #;color: #777777; padding: 15px 4px 15px 24px; margin-top: 4px; }
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {margin: 30px 0px 0px 0px; width: 740px; min-height:140px;background-color: #ffffff; color: #999999; padding: 15px; line-height: 1.75; font-size: 7pt; position: absolute; top: 55px; }
.sidebox #profile { float: right; text-align: center; }
img.profile-userpic { width: 60px; height: 60px; border: 15px solid #eeeeee;}
.sidebox { margin: auto; }
.sideboxTitle { display: none; text-transform: lowercase; text-decoration: none; border-bottom: 0px dotted #ececec; font-size: 11px; padding: 8px 0px 4px 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sideboxContent { text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #latestmonth {width: 140px; float: right; text-align: center; font-family: "Courier New", Courier, monospace; }
.sidebox #search { display: none; text-align: center; }
.sidebox #summary { display: none; text-align: left; }
.sidebox #tags_sidebox { display: none; text-align: left; }
.sidebox #freetext { text-align: left; width: 250px; }
.sidebox #systemlinks {display: inline; text-align: left; width: 200px; float:right; }
.listitem {display: inline; padding: 0px 5px 0px 5px; border-right: 1px solid #dddddd; font-size: 7pt; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sidebox #latestmonth table{width: 140px; text-align: center; padding: 0px; margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 3px;}
.latestmonth-active {background-color: #dddddd; margin:1px; padding: 1px 3px;}
.listtitle {font-weight: bold; }
.profile-label {display:none; } .profile-content {display: none;}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #ffffff; padding: 10px; margin: 15px 0; background-color:#ffffff; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 22px solid #eeeeee ; padding: 0px;}
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #aaaaaa; font-family: "Courier New", Courier, monospace; font-weight: bold; text-transform: lowercase; font-size: 12pt;padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; width: 760px; margin: auto; background-color: #ffffff; }
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width: 100% ; border-bottom: 1px dashed #dddddd;border-right: 1px dashed #dddddd; margin: 0px 8px 8px 0px; background-color: #ffffff;}
.daysubjects { color: #888888; padding: 8px 8px 8px 40px; }
.daytitles { text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 1px solid #ffffff; background-color: #eeeeee }
.day-blank { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day-date { border: 0px dashed #dddddd;width: 50%; text-align: center;}
.day-count { width: 50%; text-align: center; float: right; font-size: 20px; }
.day-count a { text-decoration: none; color: #74A6CF; }
/*TAGS PAGE*/
.tagstable, .tagstable td { border: 1px solid #f1f1f1; margin: 1px; }
.tagstable { width: 100%; }
/*--------------------------------------------
MINI ICONS by Pinvoke
-----------------------------------------*/
img[src*="icon_protected.gif"] {background: transparent url(http://i33.tinypic.com/2sb1hcg.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="icon_private.gif"]{background: transparent url(http://i35.tinypic.com/2u3wgtj.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="icon_groups.gif"] {background: transparent url(http://i34.tinypic.com/9rq3p1.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
.ljuser img { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/am339c.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i34.tinypic.com/am339c.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i35.tinypic.com/jagh7s.png); padding: 17px 16px 0 2px !important; background-position: center left; background-repeat: no-repeat;}
img[src*="syndicated.gif"] {background: transparent url(http://i33.tinypic.com/fc20qd.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i38.tinypic.com/2u6fwn7.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background: transparent url(http://i34.tinypic.com/2lnzbs0.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="sponcomm.gif"] {background: transparent url(http://i35.tinypic.com/mlpbv5.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/jzv3pw.png) no-repeat scroll 0 0; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i33.tinypic.com/2n7e8vk.png) no-repeat scroll 0 0 }
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i34.tinypic.com/am339c.png) no-repeat scroll 0 0; }
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/2r62zp3.png) no-repeat scroll 0 0; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i37.tinypic.com/55iipj.png) no-repeat scroll 0 0; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/ajrsle.png) no-repeat scroll 0 0; }
/*--------------------------------------------
contexual pop-up
-----------------------------------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 14px; margin-left: 0px; margin-top: 0px; border: 0px solid #FCFCFC; background-color: #eeeeee;}
div.ContextualPopup .Content { padding: 15px; margin: 4px 80px 4px 4px; border: 0px solid #FCFCFC; background-color: #eeeeee !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: "Courier New", Courier, Times New Roman, Book Antiqua, serif; font-size: 10pt; letter-spacing:-1px; border-bottom: 4px dotted #dddddd;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}
#lj_controlstrip {display:none;}
table#lj_controlstrip td {background-color: #2d2d2d; background-image: url(); color: #666666;border: solid 1px #333333; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a {color: #AED7DD;}
a:hover {color: #FF8F8F; font-style:; }
b,u {color:#444444;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 1px solid #f1f1f1;}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#777777; }
installation
>> Choose Journal Style
>> Select a Smooth Sailing layout in "Select a New Theme"
>> In Choose a Page Setup select 2 Column (sidebar on left) .
>>Go to " Customize Journal Style". In Display, set Userinfo Position in Entries to Left side of the entry text. Then click the on Additional Options under Presentation. Set Wrap Entry text under userinfo to No. (or yes, if you prefer)
>> Then go to the "Sidebar " section. To add your free text, click on Free Text Sidebox and put your text in one of the boxes. Make sure that the box position is unique.
>>Still in "Customize Journal Style", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
>> Paste code into the Custom Stylesheet box.
notes:
>> mini icons by FamFamFam (1st) and Pinvoke (2nd).
>> Need help, or have questions? First check out the F.A.Q.
style: smooth sailing
accounts: Basic, Paid, and Sponsored
features:custom comment pages, sidebar, mini icons
browsers: IE7, FF, Safari, and Opera
trivialidades's
picture | live
picture | live
/*
masquerading as a man with a reason
((smooth sailing; basic, plus, and paid; by milou_veronica))
*/
/* PAGE */
html body {padding: 0px;}
body { font-size: 8pt; margin: 0px 0px 0px 0px; background: #eeeeee url(http://i37.tinypic.com/vhqdtx.jpg) repeat scroll 0 0; color: #555555; font-family: Arial, Tahoma, Verdana, sans-serif; padding: 0px;}
a { color: #74A6CF; text-decoration: none; }
a:visited { color: #9F713B; }
a:hover { color: #B5CCDF; }
.pageblock{ border: 0px #ececec solid; margin: 0 auto; }
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat; color:#555555; }
code {font-family: 'Courier New', Courier, monospace; display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
input, textarea { background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; border: 1px solid #FDFAFB; font-family: 'Courier New', Courier, monospace; font-weight: bold; font-size: 10px; color: #666666; line-height: 1.5;}
/* HEADER */
.pageheaderblock { background-image: url("IMAGE_URL"); text-align: center; padding: 50px 0px 15px 0px; border: 0px #ececec solid; background-color: #000000; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.header-title { display:none; color: #f5989d; text-transform: uppercase; font-size: 19px; letter-spacing: 5px; padding: 0px 20px 0px 20px; }
.header-subtitle { display:none; text-transform: uppercase; font-size: 8px; padding: 0px 24px 0px 24px; }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu { padding: 11px 15px 15px 15px; border-top: 0px solid #ffffff; padding-left: 19px; letter-spacing: 0px; line-height: 20px;text-transform: uppercase; }
.header-menu a, .header-menu a:visited { background-color: #0F0F0F; white-space: nowrap; text-align: left; padding: 8px; margin-right:2px; color: #666666; text-decoration: bold; border-left: 0px #ececec solid; }
.header-menu a:hover { background-color: #131212; border-left: 0px #ececec solid; color: #eeeeee; text-decoration: bold; padding-top: 18px; padding-bottom: 18px; position:relative; bottom: 10px;}
.header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li { display: inline; }
/* BODY */
.bodyblock {padding: 0px; margin-top: 186px; width: 770px; margin-right:auto; margin-left: auto; }
.bodyheaderblock { border: 0px; color: #888888;padding: 0px 0px 4px 0px; }
.bodynavblock { border: 0px solid #ffffff; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title { display:none; background-color: #000000 ; color: #f5989d; text-transform: uppercase; font-size: 9px; letter-spacing: 5px; text-align: center; padding: 0px 10px 10px 10px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; border: 0px solid #ffffff; background-color:#ffffff; margin:auto; margin-bottom: 15px; }
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.entryUserinfo-usericon img { border: 18px solid #0F0F0F ; padding:0px; margin: 0px 0px 5px 15px; background-color: #ffffff; }
.entryText { padding: 15px; min-height: 120px; }
.entryHeader { color: #0F0F0F; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-decoration: none; text-align: left; padding: 10px 0 0 10px; margin-bottom: 10px; background-color:#FDFAFB; }
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject { font-size: 19pt; letter-spacing: -3px; font-weight: bold;}
.entryHeaderDate { text-transform: uppercase; font-size: 10px; letter-spacing: -1px; }
.entryHeaderDate a {color : #acacac; text-decoration : none;}
.entryHeaderDate a:hover { color : #dddddd; text-decoration : underline; }
.entryMetadata { padding-left: 36px; font-family: "Courier New", Courier, monospace; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block;padding: 0px; font-size: 7pt; font-family: "Courier New", Courier, Times, Times New Roman, serif;}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar { font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; text-decoration: bold; font-size: 10px; text-align: right; padding: 6px; background-color:#FDFAFB; }
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; border-right: 1px dotted #cccccc; display: inline; }
/*FOOTER*/
#footer-menu { font-size: 10px; }
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; margin: 3px; background-color: #FFFFFF; border: 1px solid #dddddd;}
.pagefooterblock { border-top: 0px solid #ffffff; background-color: #;color: #777777; padding: 15px 4px 15px 24px; margin-top: 4px; }
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {margin: 30px 0px 0px 0px; width: 740px; min-height:140px;background-color: #131212; color: #999999; padding: 15px; line-height: 1.75; font-size: 7pt; position: absolute; top: 55px; }
.sidebox #profile { float: right; text-align: center; }
img.profile-userpic { width: 60px; height: 60px; border: 15px solid #0F0F0F;}
.sidebox { margin: auto; }
.sideboxTitle { display: none; text-transform: lowercase; text-decoration: none; border-bottom: 0px dotted #ececec; font-size: 11px; padding: 8px 0px 4px 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sideboxContent { text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #latestmonth {width: 140px; float: right; text-align: center; font-family: "Courier New", Courier, monospace; }
.sidebox #search { display: none; text-align: center; }
.sidebox #summary { display: none; text-align: left; }
.sidebox #tags_sidebox { display: none; text-align: left; }
.sidebox #freetext { text-align: left; width: 250px; }
.sidebox #systemlinks {display: inline; text-align: left; width: 200px; float:right; }
.listitem {display: inline; padding: 0px 5px 0px 5px; border-right: 1px solid #333333; font-size: 7pt; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sidebox #latestmonth table{width: 140px; text-align: center; padding: 0px; margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #181818;margin:1px; padding: 1px 3px;}
.latestmonth-active {background-color: #181818; margin:1px; padding: 1px 3px;}
.listtitle {font-weight: bold; }
.profile-label {display:none; } .profile-content {display: none;}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #ffffff; padding: 10px; margin: 15px 0; background-color:#ffffff; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 22px solid #FDFAFB ; padding: 0px;}
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #aaaaaa; font-family: "Courier New", Courier, monospace; font-weight: bold; text-transform: lowercase; font-size: 12pt;padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; width: 760px; margin: auto; background-color: #ffffff; }
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width: 100% ; border-bottom: 1px dashed #dddddd;border-right: 1px dashed #dddddd; margin: 0px 8px 8px 0px; background-color: #ffffff;}
.daysubjects { color: #888888; padding: 8px 8px 8px 40px; }
.daytitles { text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 1px solid #ffffff; background-color: #eeeeee }
.day-blank { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day-date { border: 0px dashed #dddddd;width: 50%; text-align: center;}
.day-count { width: 50%; text-align: center; float: right; font-size: 20px; }
.day-count a { text-decoration: none; color: #74A6CF; }
/*TAGS PAGE*/
.tagstable, .tagstable td { border: 1px solid #f1f1f1; margin: 1px; }
.tagstable { width: 100%; }
/*--------------------------------------------
MINI ICONS by FamFamFam
-----------------------------------------*/
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i33.tinypic.com/fmmik0.png); background-position: center left; }
;){kind=link}
img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i37.tinypic.com/2d84zmr.png); background-position: center left; }
;){kind=link}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/w2k761.png); }
;){kind=link}
.ljuser img { width: 0; height: 0; background: transparent url(http://i35.tinypic.com/w05ag4.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i35.tinypic.com/w05ag4.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i34.tinypic.com/2nq9w6b.jpg); padding: 17px 16px 0 2px !important; background-position: center left; background-repeat: no-repeat;}
;){kind=link}
img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i36.tinypic.com/29wwzrs.jpg); padding: 17px 16px 0 2px !important; background-position: center left;background-repeat: no-repeat; width: 0px; height: 0px;}
;){kind=link}
img[src*="newsinfo.gif"] {background: transparent url(http://i36.tinypic.com/do9ruo.png) no-repeat scroll 0% 50%; padding: 17px 16px 0 2px !important; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i33.tinypic.com/29cmnsy.png); padding: 17px 16px 0 2px !important; background-position: 0% 50%; background-repeat: no-repeat; width: 0px; height: 0px;}
;){kind=link}
img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i33.tinypic.com/o79hrl.png); padding: 17px 16px 0 2px !important; background-position: 0% 50%; background-repeat: no-repeat; width: 0px; height: 0px;}
;){kind=link}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i33.tinypic.com/2q04zsn.png) no-repeat scroll 50% 50%; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i37.tinypic.com/2myt1jt.png) no-repeat scroll 50% 50%; }
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/w05ag4.png) no-repeat scroll 50% 50%; background-repeat: no-repeat;}
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i33.tinypic.com/orneqe.png) no-repeat scroll 50% 50%; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/2w32tft.png) no-repeat scroll 50% 50%; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i34.tinypic.com/ogm2bb.png) no-repeat scroll 50% 50%; }
/*--------------------------------------------
contexual pop-up
-----------------------------------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 14px; margin-left: 0px; margin-top: 0px; border: 0px solid #FCFCFC; background-color: #0f0f0f;}
div.ContextualPopup .Content { padding: 15px; margin: 4px 80px 4px 4px; border: 0px solid #FCFCFC; background-color: #0f0f0f !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: "Courier New", Courier, Times New Roman, Book Antiqua, serif; font-size: 10pt; letter-spacing:-1px; border-bottom: 4px dotted #222222;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}
#lj_controlstrip {display:none;}
table#lj_controlstrip td {background-color: #2d2d2d; background-image: url(); color: #666666;border: solid 1px #333333; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a {color: #cccccc;}
a:hover {color: #bbbbbb; font-style: italic; }
b,u {color:#444444;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 1px solid #f1f1f1;}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#0F0F0F; }
/*
masquerading as a man with a reason [bleached]
((smooth sailing; basic, plus, and paid; by milou_veronica))
*/
/* PAGE */
html body {padding: 0px;}
body { font-size: 8pt; margin: 0px 0px 0px 0px; background: #f8f8f8 url() repeat scroll 0 0; color: #555555; font-family: Arial, Tahoma, Verdana, sans-serif; padding: 0px;}
a { color: #74A6CF; text-decoration: none; }
a:visited { color: #9F713B; }
a:hover { color: #B5CCDF; }
.pageblock{ border: 0px #ececec solid; margin: 0 auto; }
blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat; color:#555555; }
code {font-family: 'Courier New', Courier, monospace; display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
input, textarea { background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; border: 1px solid #FDFAFB; font-family: 'Courier New', Courier, monospace; font-weight: bold; font-size: 10px; color: #666666; line-height: 1.5;}
/* HEADER */
.pageheaderblock { background-image: url("IMAGE_URL"); text-align: center; padding: 50px 0px 15px 0px; border: 0px #ececec solid; background-color: #DDDDDD; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.header-title { display:none; color: #f5989d; text-transform: uppercase; font-size: 19px; letter-spacing: 5px; padding: 0px 20px 0px 20px; }
.header-subtitle { display:none; text-transform: uppercase; font-size: 8px; padding: 0px 24px 0px 24px; }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu { padding: 11px 15px 15px 15px; border-top: 0px solid #ffffff; padding-left: 19px; letter-spacing: 0px; line-height: 20px;text-transform: uppercase; }
.header-menu a, .header-menu a:visited { background-color: #EEEEEE; white-space: nowrap; text-align: left; padding: 8px; margin-right:2px; color: #999999; text-decoration: bold; border-left: 0px #ececec solid; }
.header-menu a:hover { background-color: #FFFFFF; border-left: 0px #ececec solid; color: #777777; text-decoration: bold; padding-top: 18px; padding-bottom: 18px; position:relative; bottom: 10px;}
.header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li { display: inline; }
/* BODY */
.bodyblock {padding: 0px; margin-top: 186px; width: 770px; margin-right:auto; margin-left: auto; }
.bodyheaderblock { border: 0px; color: #888888;padding: 0px 0px 4px 0px; }
.bodynavblock { border: 0px solid #ffffff; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title { display:none; background-color: #000000 ; color: #f5989d; text-transform: uppercase; font-size: 9px; letter-spacing: 5px; text-align: center; padding: 0px 10px 10px 10px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; border: 0px solid #ffffff; background-color:#ffffff; margin:auto; margin-bottom: 15px; }
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.entryUserinfo-usericon img { border: 18px solid #eeeeee ; padding:0px; margin: 0px 0px 5px 15px; background-color: #ffffff; }
.entryText { padding: 15px; min-height: 120px; }
.entryHeader { color: #aaaaaa; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-decoration: none; text-align: left; padding: 10px 0 0 10px; margin-bottom: 10px; background-color:#fcfcfc; }
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject { font-size: 19pt; letter-spacing: -3px; font-weight: bold; color:#777777;}
.entryHeaderDate { text-transform: uppercase; font-size: 10px; letter-spacing: -1px; }
.entryHeaderDate a {color : #acacac; text-decoration : none;}
.entryHeaderDate a:hover { color : #dddddd; text-decoration : underline; }
.entryMetadata { padding-left: 36px; font-family: "Courier New", Courier, monospace; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block;padding: 0px; font-size: 7pt; font-family: "Courier New", Courier, Times, Times New Roman, serif;}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar { font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; text-decoration: bold; font-size: 10px; text-align: right; padding: 6px; background-color:#fcfcfc; }
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; border-right: 1px dotted #cccccc; display: inline; }
/*FOOTER*/
#footer-menu { font-size: 10px; }
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; margin: 3px; }
.pagefooterblock { border-top: 0px solid #ffffff; background-color: #;color: #777777; padding: 15px 4px 15px 24px; margin-top: 4px; }
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {margin: 30px 0px 0px 0px; width: 740px; min-height:140px;background-color: #ffffff; color: #999999; padding: 15px; line-height: 1.75; font-size: 7pt; position: absolute; top: 55px; }
.sidebox #profile { float: right; text-align: center; }
img.profile-userpic { width: 60px; height: 60px; border: 15px solid #eeeeee;}
.sidebox { margin: auto; }
.sideboxTitle { display: none; text-transform: lowercase; text-decoration: none; border-bottom: 0px dotted #ececec; font-size: 11px; padding: 8px 0px 4px 8px; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sideboxContent { text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #latestmonth {width: 140px; float: right; text-align: center; font-family: "Courier New", Courier, monospace; }
.sidebox #search { display: none; text-align: center; }
.sidebox #summary { display: none; text-align: left; }
.sidebox #tags_sidebox { display: none; text-align: left; }
.sidebox #freetext { text-align: left; width: 250px; }
.sidebox #systemlinks {display: inline; text-align: left; width: 200px; float:right; }
.listitem {display: inline; padding: 0px 5px 0px 5px; border-right: 1px solid #dddddd; font-size: 7pt; font-family: "Courier New", Courier, Arial, Tahoma, Verdana, sans-serif; text-align: left; }
.sidebox #latestmonth table{width: 140px; text-align: center; padding: 0px; margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 3px;}
.latestmonth-active {background-color: #dddddd; margin:1px; padding: 1px 3px;}
.listtitle {font-weight: bold; }
.profile-label {display:none; } .profile-content {display: none;}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #ffffff; padding: 10px; margin: 15px 0; background-color:#ffffff; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 22px solid #eeeeee ; padding: 0px;}
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #aaaaaa; font-family: "Courier New", Courier, monospace; font-weight: bold; text-transform: lowercase; font-size: 12pt;padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; width: 760px; margin: auto; background-color: #ffffff; }
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width: 100% ; border-bottom: 1px dashed #dddddd;border-right: 1px dashed #dddddd; margin: 0px 8px 8px 0px; background-color: #ffffff;}
.daysubjects { color: #888888; padding: 8px 8px 8px 40px; }
.daytitles { text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 1px solid #ffffff; background-color: #eeeeee }
.day-blank { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day { border: 1px solid #eeeeee; border-right:none; border-bottom: none; }
.day-date { border: 0px dashed #dddddd;width: 50%; text-align: center;}
.day-count { width: 50%; text-align: center; float: right; font-size: 20px; }
.day-count a { text-decoration: none; color: #74A6CF; }
/*TAGS PAGE*/
.tagstable, .tagstable td { border: 1px solid #f1f1f1; margin: 1px; }
.tagstable { width: 100%; }
/*--------------------------------------------
MINI ICONS by Pinvoke
-----------------------------------------*/
img[src*="icon_protected.gif"] {background: transparent url(http://i33.tinypic.com/2sb1hcg.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="icon_private.gif"]{background: transparent url(http://i35.tinypic.com/2u3wgtj.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="icon_groups.gif"] {background: transparent url(http://i34.tinypic.com/9rq3p1.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
.ljuser img { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/am339c.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i34.tinypic.com/am339c.png) no-repeat center left; padding: 17px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i35.tinypic.com/jagh7s.png); padding: 17px 16px 0 2px !important; background-position: center left; background-repeat: no-repeat;}
;){kind=link}
img[src*="syndicated.gif"] {background: transparent url(http://i33.tinypic.com/fc20qd.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i38.tinypic.com/2u6fwn7.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background: transparent url(http://i34.tinypic.com/2lnzbs0.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="sponcomm.gif"] {background: transparent url(http://i35.tinypic.com/mlpbv5.png) no-repeat 0 0; padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/jzv3pw.png) no-repeat scroll 0 0; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i33.tinypic.com/2n7e8vk.png) no-repeat scroll 0 0 }
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i34.tinypic.com/am339c.png) no-repeat scroll 0 0; }
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/2r62zp3.png) no-repeat scroll 0 0; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i37.tinypic.com/55iipj.png) no-repeat scroll 0 0; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/ajrsle.png) no-repeat scroll 0 0; }
/*--------------------------------------------
contexual pop-up
-----------------------------------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 14px; margin-left: 0px; margin-top: 0px; border: 0px solid #FCFCFC; background-color: #eeeeee;}
div.ContextualPopup .Content { padding: 15px; margin: 4px 80px 4px 4px; border: 0px solid #FCFCFC; background-color: #eeeeee !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: "Courier New", Courier, Times New Roman, Book Antiqua, serif; font-size: 10pt; letter-spacing:-1px; border-bottom: 4px dotted #dddddd;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}
#lj_controlstrip {display:none;}
table#lj_controlstrip td {background-color: #2d2d2d; background-image: url(); color: #666666;border: solid 1px #333333; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a {color: #AED7DD;}
a:hover {color: #FF8F8F; font-style:; }
b,u {color:#444444;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 1px solid #f1f1f1;}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#777777; }
installation
>> Choose Journal Style
>> Select a Smooth Sailing layout in "Select a New Theme"
>> In Choose a Page Setup select 2 Column (sidebar on left) .
>>Go to " Customize Journal Style". In Display, set Userinfo Position in Entries to Left side of the entry text. Then click the on Additional Options under Presentation. Set Wrap Entry text under userinfo to No. (or yes, if you prefer)
>> Then go to the "Sidebar " section. To add your free text, click on Free Text Sidebox and put your text in one of the boxes. Make sure that the box position is unique.
>>Still in "Customize Journal Style", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
>> Paste code into the Custom Stylesheet box.
notes:
>> mini icons by FamFamFam (1st) and Pinvoke (2nd).
>> Need help, or have questions? First check out the F.A.Q.