Fair And Square; Smooth Sailing: mintyapple

lu_hesperia in mintyapple

Fair And Square; Smooth Sailing

Jan 23, 2013 19:27

( STATIC ) ( LIVE ) VI. FAIR AND SQUARE→ S2 Smooth Sailing
→ Basic, plus and paid; ad placement between entries, vertical or horizontal.
→ Features custom comment pages, title, subtitle and sidebar.
→ Navigation, tags, currents and everything in the sidebar except for the free text, link list and calendar is disabled.
PREVIEW AND CODE
Pink version: (Static) (Live)
/*- 006 Fair and Square pink ver.
Layout by lu_hesperia at ourhappyhours.livejournal.com
Tiny icons by pinvoke.com -*/

@font-face {font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}

@font-face {font-family: 'Bubbler One'; font-style: normal; font-weight: 400; src: local('Bubbler One'), local('BubblerOne'), url(http://themes.googleusercontent.com/static/fonts/bubblerone/v1/tiAxK_A8SViEcY0M590QMIbN6UDyHWBl620a-IRfuBk.woff) format('woff');}

::selection {background-color:#fff; color:#e9ccd3;}

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

body {background:#f9eeee url() repeat scroll 0 0; color:#888; font-family:'Droid Sans'; font-size:11px; margin:0;}

a, a:link, a:visited {color:#e9ccd3; text-decoration:none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

a:hover {color:#cfa8b1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

img:hover {filter: alpha(opacity=80); opacity: .80;}

blockquote {padding: 8px; border: 1px solid #efe7e7;}

textarea, input, select {background-color: #fff; color: #aaa; font-family:consolas; font-size: 10px; border: 1px solid #efe7e7;}

tt, code, kbd, samp {font-family:consolas;}

.pageblock {}

.header-title {font-family:'Bubbler One'; font-weight: bold; font-size: 63px; color: #fff; text-transform:lowercase;}

.header-subtitle {margin-top:-25px; color:#e9ccd3; font-size: 22px; text-transform:uppercase;}

.pageheaderblock {width: 770px; margin:0 auto;}

.pagefooterblock {display:none;}

.bodyblock {margin: 0 auto; width: 770px;}

div.bodynavblock {padding: 2px; border: 1px solid #cfa8b1; background-color: #e9ccd3; text-transform:uppercase; margin-bottom:30px; margin-left:30px;}

.bodynavblock a, .bodynavblock a:visited {color:#cfa8b1; font-weight:normal!important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.bodynavblock a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.bodyheaderblock {margin-top: 12px;}

.body-title {display:none;}

.entryHolder {background:#f9eeee url() repeat scroll 0 0; margin-left:30px; padding-top:26px; padding-bottom:10px;}

.entryUserinfo {margin: 0 20px 0 0;}

.entryUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #ababab; background-color:#f4e4e7; padding: 3px 0px; text-align:center;}

.entryUserinfo-username .ljuser a, .entryUserinfo-username .ljuser a:hover {color:#ababab;}

.entryUserinfo-usericon img {width:80px; height:80px; padding:8px; border:1px solid #cfa8b1; background-color:#e9ccd3;}

.entryText {background-color:#fff; border: 1px solid #efe7e7; font-size:11px; text-align:justify; padding:10px; min-height:95px; width:400px; margin-left: auto;}

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

.entryHeader {color: transparent;}

.entryHeaderSubject a, .entryHeaderSubject a:active, .entryHeaderSubject a:visited, .entryHeaderSubject a:hover {color:#999;}

.entryHeaderSubject {margin-left: 118px; height: 17px; line-height: 1.8; overflow:hidden; display: block; margin-top: -29px; background: white; padding: 7px 5px; border-top: 1px solid #efe7e7; border-left: 1px solid #efe7e7; border-right: 1px solid #efe7e7; font-size: 12px; text-transform:uppercase;}

.entryHeaderDate {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 16px; font-size: 10px; color: #ababab; background-color: #f4e4e7;}

.entryMetadata {display:none;}

.entryLinkbar {text-transform: uppercase; text-align:right; padding-bottom:10px; padding-top:3px; width: 540px;}

.entryLinkbar a {color:#999;}

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

.entryLinkbar ul {margin:0;}

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

.body-midtitle {display:none;}

.commentHolder {margin:3px 0; padding-left:30px;}

.commentUserinfo {}

.commentUserinfo-usericon img {width:60px; height:60px; padding:8px; border:1px solid #cfa8b1; background-color:#e9ccd3;}

.commentUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #ababab; background-color:#f4e4e7; padding: 3px 0px; text-align:center;}

.commentUserinfo .ljuser a, .commentUserinfo .ljuser a:hover {color:#ababab;}

.commentText {padding:10px; min-width:175px;}

.commentText img {max-width:100%}

.commentHeader {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 6px; font-size: 10px; color: #ababab; background-color:#f4e4e7;}

.commentHeader a {}

.commentHeaderSubject {}

.commentHeaderScreened {}

.commentLinkbar {text-align: right;}

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

.commentLinkbar li {display:inline; margin-left:3px;}

textarea#body.textbox, textarea#commenttext.textbox {font-size: 11px;}

.replyform {padding-left: 30px;}

#qrform table {border: none !important;}

.month {width: 540px; padding-left: 118px;}

.daysubjects {background-color: #fff; margin-left: 118px; padding: 10px; border: 1px solid #efe7e7;}

.daytitles {background-color:#f4e4e7; padding: 3px; text-align:center;}

.day-blank {}

.day {text-align:center;}

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

.sidebar {margin-top:-14px; width:200px; color:#999; background:transparent; padding-top:20px;}

.sidebox {margin:15px auto;}

.sideboxTitle {display:none; color:white; font-size:14px;}

.sideboxContent {text-align:justify;}

.sidebox #profile {display:none;}

.sidebox #search {display:none;}

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

.sidebox #summary{display:none;}

.sidebox #latestmonth {text-transform:uppercase;}

.latestmonth-inactive {}

.latestmonth-active {}

.sidebox #latestmonth table {margin-left:auto; margin-right:auto; margin-top:6px; width:75%;}

.listitem {padding: 2px; border: 1px solid #cfa8b1; background-color: #e9ccd3; margin: 3px 0; text-transform:uppercase;}

.listitem a, .listitem a:active, .listitem a:visited {color:#cfa8b1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.listitem a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.listspacer {}

.listtitle {color: #e9ccd3; text-align:center; text-transform: uppercase;}

.header-menu {display:none;}

#footer-menu {margin-left:148px; margin-bottom:30px;}

#footer-menu ul {margin:0 auto; padding:0;}

#footer-menu li {list-style:none; padding: 2px; border: 1px solid #cfa8b1; background-color: #e9ccd3; margin: 3px 0; text-transform:uppercase;}

#footer-menu li a, #footer-menu li a:active, #footer-menu li a:visited {color:#cfa8b1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

#footer-menu li a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

div#footer-menu.bodynavblock {padding: 0px; border: 0px; background-color: transparent; text-transform:uppercase;}

.tagstable, .tagstable td {border:0 none; margin-left:15px;}

.taglist {list-style: none; margin-left:-30px;}

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], img[src*="icon_sticky.png"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_spam.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }

.entryHeaderSubject img {vertical-align: middle !important;}

img[src*="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);}

img[src*="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);}

img[src*="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);}

img[src*="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;}

.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;}

.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;}

.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;}

img[src*="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);}

img[src*="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);}

img[src*="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);}

img[src*="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);}

img[src*="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);}

img[src*="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);}

img[src*="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);}

img[src*="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);}

img[src*="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);}

img[src*="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);}

img[src*="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);}

img[src*="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);}

img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);}

span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;}

span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;}

span.ljuser a {text-decoration: none;}

span.ljuser a:hover {color;#fff!important;}

.w-cs {background-color: #f4e4e7!important; color:#ababab!important; min-height:50px; text-transform: lowercase; font: 10px 'Droid Sans' !important; font-weight:normal!important}

.w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {color:#ababab!important; font-family:'Droid Sans'!important;}

.w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; color: #ababab!important; font-family: 'Droid Sans'!important;}

.w-cs .w-cs-userinfo {background-color: #f4e4e7!important; color:#ababab; border:0px; font-family:'Droid Sans'!important;}

.w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;}

.w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#ababab!important;}

.w-cs a:hover {color:#ababab!important;}

.w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;}

.w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#ababab!important; font-family:'Droid Sans'!important; font-size:11px;}

.w-cs .w-cs-summary {background:transparent!important; color:transparent!important}

.w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #f9eeee; background-color:#f9eeee;}

.w-cs .w-cs-text {background-color: #f9eeee!important;}

.w-cs .w-cs-search-inner {display:none;}

.w-cs .w-cs-menu li {background: none!important; padding-left: 0px!important;}

.w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0px; font: 10px 'Droid Sans' !important;}

.w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0px!important; background:none!important;}

::-webkit-scrollbar {width:6px; height:6px;}

::-webkit-scrollbar-track-piece {background-color:#fff;}

::-webkit-scrollbar-thumb {background-color:#e9ccd3;}

::-webkit-scrollbar-thumb:hover {background-color:#cfa8b1;}

::-webkit-scrollbar-corner {background-color:#fff;}

.b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;}

.b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;}

.b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #888; text-align: justify; font-size: 11px!important; font-family:'Droid Sans'; line-height: 1.25;}

.b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #888; font-size:11px!important;}

.b-contextualhover img {border: none;}

.b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #e9ccd3 !important; background: none;}

.b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #cfa8b1 !important;}

.s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #e9ccd3 !important;}

.s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #cfa8b1 !important;}

.index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #cfa8b1 !important;}

.b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #e9ccd3 !important;}

.b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #cfa8b1 !important; text-decoration:none!important;}

.b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;}

.b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;}

.b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;}

.b-contextualhover .b-contextualhover-side {margin: -8px -77px 0 0; height: 0px; float: right; width: 60px;}

.b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;}

.b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;}

.b-contextualhover .b-contextualhover-userpic img {max-width: 45px; max-height: 45px; padding: 4px; border: 1px solid #cfa8b1; background-color: #e9ccd3;}

.b-contextualhover .b-contextualhover-title {padding-bottom: 0px;}

.b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;}

.b-contextualhover .b-contextualhover-title h3 {color: #888; font-family:'Droid Sans'; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;}

.b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;}

.b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;}

.b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;}

.b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;}

.b-contextualhover .b-contextualhover-param-item {list-style: none;}

.b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;}

.b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;}

.b-icon-scapital-first {background-position: -17px 50%;}

.b-popup-outer {position: relative; padding: 1px; background: #fff; border: 1px solid #efe7e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;}

.b-popup-inner {padding: 8px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

.b-popup div, .b-popup strong, .b-popup label {color: #888;}Salmon version: (Static) (Live)/*- 006 Fair and Square salmon ver.
Layout by lu_hesperia at ourhappyhours.livejournal.com
Tiny icons by pinvoke.com -*/

@font-face {font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}

@font-face {font-family: 'Bubbler One'; font-style: normal; font-weight: 400; src: local('Bubbler One'), local('BubblerOne'), url(http://themes.googleusercontent.com/static/fonts/bubblerone/v1/tiAxK_A8SViEcY0M590QMIbN6UDyHWBl620a-IRfuBk.woff) format('woff');}

::selection {background-color:#fff; color:#fbb695;}

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

body {background:#fdebd3 url() repeat scroll 0 0; color:#888; font-family:'Droid Sans'; font-size:11px; margin:0;}

a, a:link, a:visited {color:#fbb695; text-decoration:none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

a:hover {color:#f09d6e; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

img:hover {filter: alpha(opacity=80); opacity: .80;}

blockquote {padding: 8px; border: 1px solid #efebe7;}

textarea, input, select {background-color: #fff; color: #aaa; font-family:consolas; font-size: 10px; border: 1px solid #efebe7;}

tt, code, kbd, samp {font-family:consolas;}

.pageblock {}

.header-title {font-family:'Bubbler One'; font-weight: bold; font-size: 63px; color: #fff; text-transform:lowercase;}

.header-subtitle {margin-top:-25px; color:#fbb695; font-size: 22px; text-transform:uppercase;}

.pageheaderblock {width: 770px; margin:0 auto;}

.pagefooterblock {display:none;}

.bodyblock {margin: 0 auto; width: 770px;}

div.bodynavblock {padding: 2px; border: 1px solid #f09d6e; background-color: #fbb695; text-transform:uppercase; margin-bottom:30px; margin-left:30px;}

.bodynavblock a, .bodynavblock a:visited {color:#f09d6e; font-weight:normal!important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.bodynavblock a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.bodyheaderblock {margin-top: 12px;}

.body-title {display:none;}

.entryHolder {background:#fdebd3 url() repeat scroll 0 0; margin-left:30px; padding-top:26px; padding-bottom:10px;}

.entryUserinfo {margin: 0 20px 0 0;}

.entryUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #fff; background-color:#fddbc1; padding: 3px 0px; text-align:center;}

.entryUserinfo-username .ljuser a, .entryUserinfo-username .ljuser a:hover {color:#fff;}

.entryUserinfo-usericon img {width:80px; height:80px; padding:8px; border:1px solid #f09d6e; background-color:#fbb695;}

.entryText {background-color:#fff; border: 1px solid #efebe7; font-size:11px; text-align:justify; padding:10px; min-height:95px; width:400px; margin-left: auto;}

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

.entryHeader {color: transparent;}

.entryHeaderSubject a, .entryHeaderSubject a:active, .entryHeaderSubject a:visited, .entryHeaderSubject a:hover {color:#999;}

.entryHeaderSubject {margin-left: 118px; height: 17px; line-height: 1.8; overflow:hidden; display: block; margin-top: -29px; background: white; padding: 7px 5px; border-top: 1px solid #efebe7; border-left: 1px solid #efebe7; border-right: 1px solid #efebe7; font-size: 12px; text-transform:uppercase;}

.entryHeaderDate {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 16px; font-size: 10px; color: #fff; background-color: #fddbc1;}

.entryMetadata {display:none;}

.entryLinkbar {text-transform: uppercase; text-align:right; padding-bottom:10px; padding-top:3px; width: 540px;}

.entryLinkbar a {color:#999;}

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

.entryLinkbar ul {margin:0;}

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

.body-midtitle {display:none;}

.commentHolder {margin:3px 0; padding-left:30px;}

.commentUserinfo {}

.commentUserinfo-usericon img {width:60px; height:60px; padding:8px; border:1px solid #f09d6e; background-color:#fbb695;}

.commentUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #fff; background-color:#fddbc1; padding: 3px 0px; text-align:center;}

.commentUserinfo .ljuser a, .commentUserinfo .ljuser a:hover {color:#fff;}

.commentText {padding:10px; min-width:175px;}

.commentText img {max-width:100%}

.commentHeader {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 6px; font-size: 10px; color: #fff; background-color:#fddbc1;}

.commentHeader a {}

.commentHeaderSubject {}

.commentHeaderScreened {}

.commentLinkbar {text-align: right;}

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

.commentLinkbar li {display:inline; margin-left:3px;}

textarea#body.textbox, textarea#commenttext.textbox {font-size: 11px;}

.replyform {padding-left: 30px;}

#qrform table {border: none !important;}

.month {width: 540px; padding-left: 118px;}

.daysubjects {background-color: #fff; margin-left: 118px; padding: 10px; border: 1px solid #efebe7;}

.daytitles {background-color:#fddbc1; padding: 3px; text-align:center;}

.day-blank {}

.day {text-align:center;}

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

.sidebar {margin-top:-14px; width:200px; color:#999; background:transparent; padding-top:20px;}

.sidebox {margin:15px auto;}

.sideboxTitle {display:none; color:white; font-size:14px;}

.sideboxContent {text-align:justify;}

.sidebox #profile {display:none;}

.sidebox #search {display:none;}

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

.sidebox #summary{display:none;}

.sidebox #latestmonth {text-transform:uppercase;}

.latestmonth-inactive {}

.latestmonth-active {}

.sidebox #latestmonth table {margin-left:auto; margin-right:auto; margin-top:6px; width:75%;}

.listitem {padding: 2px; border: 1px solid #f09d6e; background-color: #fbb695; margin: 3px 0; text-transform:uppercase;}

.listitem a, .listitem a:active, .listitem a:visited {color:#f09d6e; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.listitem a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.listspacer {}

.listtitle {color: #fbb695; text-align:center; text-transform: uppercase;}

.header-menu {display:none;}

#footer-menu {margin-left:148px; margin-bottom:30px;}

#footer-menu ul {margin:0 auto; padding:0;}

#footer-menu li {list-style:none; padding: 2px; border: 1px solid #f09d6e; background-color: #fbb695; margin: 3px 0; text-transform:uppercase;}

#footer-menu li a, #footer-menu li a:active, #footer-menu li a:visited {color:#f09d6e; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

#footer-menu li a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

div#footer-menu.bodynavblock {padding: 0px; border: 0px; background-color: transparent; text-transform:uppercase;}

.tagstable, .tagstable td {border:0 none; margin-left:15px;}

.taglist {list-style: none; margin-left:-30px;}

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], img[src*="icon_sticky.png"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_spam.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }

.entryHeaderSubject img {vertical-align: middle !important;}

img[src*="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);}

img[src*="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);}

img[src*="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);}

img[src*="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;}

.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;}

.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;}

.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;}

img[src*="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);}

img[src*="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);}

img[src*="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);}

img[src*="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);}

img[src*="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);}

img[src*="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);}

img[src*="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);}

img[src*="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);}

img[src*="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);}

img[src*="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);}

img[src*="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);}

img[src*="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);}

img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);}

span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;}

span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;}

span.ljuser a {text-decoration: none;}

span.ljuser a:hover {color;#fff!important;}

.w-cs {background-color: #fddbc1!important; color:#fff!important; min-height:50px; text-transform: lowercase; font: 10px 'Droid Sans' !important; font-weight:normal!important}

.w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {color:#fff!important; font-family:'Droid Sans'!important;}

.w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; color: #fff!important; font-family: 'Droid Sans'!important;}

.w-cs .w-cs-userinfo {background-color: #fddbc1!important; color:#fff; border:0px; font-family:'Droid Sans'!important;}

.w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;}

.w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#fff!important;}

.w-cs a:hover {color:#fff!important;}

.w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;}

.w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#fff!important; font-family:'Droid Sans'!important; font-size:11px;}

.w-cs .w-cs-summary {background:transparent!important; color:transparent!important}

.w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #fdebd3; background-color:#fdebd3;}

.w-cs .w-cs-text {background-color: #fdebd3!important;}

.w-cs .w-cs-search-inner {display:none;}

.w-cs .w-cs-menu li {background: none!important; padding-left: 0px!important;}

.w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0px; font: 10px 'Droid Sans' !important;}

.w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0px!important; background:none!important;}

::-webkit-scrollbar {width:6px; height:6px;}

::-webkit-scrollbar-track-piece {background-color:#fff;}

::-webkit-scrollbar-thumb {background-color:#fbb695;}

::-webkit-scrollbar-thumb:hover {background-color:#f09d6e;}

::-webkit-scrollbar-corner {background-color:#fff;}

.b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;}

.b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;}

.b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #888; text-align: justify; font-size: 11px!important; font-family:'Droid Sans'; line-height: 1.25;}

.b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #888; font-size:11px!important;}

.b-contextualhover img {border: none;}

.b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #fbb695 !important; background: none;}

.b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f09d6e !important;}

.s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #fbb695 !important;}

.s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f09d6e !important;}

.index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #fbb695 !important;}

.b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #fbb695 !important;}

.b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #f09d6e !important; text-decoration:none!important;}

.b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;}

.b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;}

.b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;}

.b-contextualhover .b-contextualhover-side {margin: -8px -77px 0 0; height: 0px; float: right; width: 60px;}

.b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;}

.b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;}

.b-contextualhover .b-contextualhover-userpic img {max-width: 45px; max-height: 45px; padding: 4px; border: 1px solid #f09d6e; background-color: #fbb695;}

.b-contextualhover .b-contextualhover-title {padding-bottom: 0px;}

.b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;}

.b-contextualhover .b-contextualhover-title h3 {color: #888; font-family:'Droid Sans'; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;}

.b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;}

.b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;}

.b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;}

.b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;}

.b-contextualhover .b-contextualhover-param-item {list-style: none;}

.b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;}

.b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;}

.b-icon-scapital-first {background-position: -17px 50%;}

.b-popup-outer {position: relative; padding: 1px; background: #fff; border: 1px solid #efebe7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;}

.b-popup-inner {padding: 8px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

.b-popup div, .b-popup strong, .b-popup label {color: #888;}INSTALLATION
(1) Apply any Smooth Sailing theme. Make sure the page set up is 2 Column (sidebar on left) or else the sidebar won't show. Set the ads to between entries, vertical or horizontal.
(2) Display → Navigation Strip color: Light gray.
(3) Entry Text → Format for Date and Time: %%dd%% %%mon%% %%yyyy%%
(4) Sidebar → Ordering: Free Text, Links, Latest Month.
(5) Custom CSS → Set all drop-down boxes to No and paste the code.NOTES AND CREDITS
→ Don't redistribute or claim as your own.
→ Credit is nice.
→ Tiny icons by pinvoke.com
→ Preview icon by me at blissful_garden
→ Original post here at ourhappyhours

style: smooth sailing, maker: lu_hesperia