009. Layout - Deadline

/* Title: Deadline
Creator: neen at revolumna
Style: S2 Flexible Squares */

/* ---------->>> FONTS <<<---------- */

@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}

@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}

@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

@font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}

@font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

@font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}

@font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

/* ---------->>> GLOBAL <<<---------- */

body {background-color: #000; font-size: 11px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400;}

a, a:link, a:visited {color: #a84859; text-decoration: none; transition: all 0.5s ease 0s;}

a:hover {color: #000; transition: all 0.5s ease 0s;}

b, strong {font-weight: 700; color: #a84859;}

i, em {font-style: italic; color: #a84859;}

u {text-decoration: none; border-bottom: 1px solid #a84859;}

#content {width: 1100px; margin: 0 auto; background-color: #f8f8f8;}

#maincontent {margin: 40px 40px 0 462px;}

/* ---------->>> HEADER <<<---------- */

#header {width: 1100px; height: 477px; background: #000 url(http://i.imgur.com/aVpilbc.png) no-repeat top center; color: #fff; padding-top: 0; padding-bottom: 0; text-align: center;}

#header a, #header a:link, #header a:visited, #header .view {text-align: center; padding: 0 5px 26px; margin-right: 30px; margin-left: 30px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -1px; text-transform: uppercase; border-bottom: 3px solid #000;}

#header a:hover {border-bottom: 3px solid #a84859; color: #a84859; background-color: #000;}

ul.navheader {padding-top: 430px; margin: 0 auto; text-align: center;}

ul.navheader li {display: inline; margin: 0; list-style-type: none;}

.title {display: none;}

.subtitle {display: none;}

/* ---------->>> FOOTER <<<---------- */

.lj-view-recent #footer, .lj-view-friends #footer {margin: 0 auto; padding: 0 10px 0; text-align: center; background-color: #000; color: #fff; font-family: 'Roboto', sans-serif;}

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {font-size: 15px; text-transform: uppercase; color: #fff; letter-spacing: -1px; font-family: 'Roboto', sans-serif; font-weight: 700; margin-right: 30px; margin-left: 30px; border-top: 3px solid #000; padding-top: 17px;}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {border-top: 3px solid #a84859; color: #a84859;}

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

ul.navfooter li {list-style: none; margin: 20px 0 6px; padding: 0; display: inline-block;}

/* ---------->>> SIDEBAR <<<---------- */

#sidebar {width: 382px; margin-left: 40px; margin-top: 20px; padding: 431px 0 0; background: #f8f8f8 url(http://i.imgur.com/skBYq3d.png) no-repeat center 20px; color: #000; float: left; font-family: 'Roboto', sans-serif; font-size: 11px;}

#sidebar a, #sidebar a:visited {color: #000;}

li.sbartitle {width: 360px; margin: 0; padding: 10px 10px 9px; list-style: none; text-align: right; color: #000; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -1px; text-transform: uppercase; border: 1px #eee solid; background-color: #fff;}

.sbarheader {padding: 0 5px;}

.defaultuserpic, .defaultuserpic img {display: none;}

.sbarbody2 {margin-top: -12px; margin-bottom: 40px; padding: 20px; color: #000; font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: 400; background-color: #fff; text-align: justify; border: 1px #eee solid;}

.sbarbody2 img {max-width: 340px;}

.sbarbody2 a {color: #a84859 !important;}

.sbarbody2 a:hover {color: #000 !important;}

.sbarbody2 ul.sbarlist li.sbartitle {margin: 20px 0 20px -21px; display: block; clear: both;}

ul.sbarlist {margin-left: 0; list-style: none; padding-left: 0;}

#sidebar_linklist.sbarbody ul.sbarlist li.sbartitle {margin: -12px 0 20px -1px;}

#sidebar_linklist.sbarbody ul.sbarlist.sbarcontent li.sbartitle {margin-top: 15px;}

#sidebar_linklist.sbarbody {padding: 0 0 10px; margin-bottom: 40px; background-color: #fff; border: 1px solid #eee;}

#sidebar_linklist a {display: block; padding: 10px; text-align: left; background-color: #f8f8f8; text-transform: uppercase; font-size: 11px !important; border-left: 7px #eee solid; color: #000;}

#sidebar_linklist a:hover {background-color: #f4e6e8; border-left: 21px #a84859 solid;}

#sidebar_linklist.sbarbody li.sbaritem {display: block; margin: 0 20px 0; border-bottom: 5px solid #fff;}

#sidebar_linklist.sbarbody li.sbaritem:last-child {border-bottom: 0;}

#sidebar_linklist ul.sbarlist.sbarcontent li.sbarblank {margin-top: 2px;}

#sidebar_summary.sbarbody ul.sbarlist li.sbartitle {margin-left: -1px; margin-top: -12px;}

#sidebar_summary.sbarbody {background-color: #fff; border: 1px solid #eee; margin-bottom: 40px;}

#sidebar_summary.sbarbody ul.sbarlist.sbarcontent {margin: 20px;}

#sidebar_summary.sbarbody li.sbaritem {display: block; border-bottom: 1px solid #eee; margin-bottom: 3px; padding: 3px 0;}

#sidebar_summary.sbarbody li.sbaritem:last-child {margin-bottom: 0; padding-bottom: 0; border: 0;}

#sidebar_summary.sbarbody li.sbaritem:first-child {padding-top: 0;}

#sidebar_summary.sbarbody li.sbaritem a:hover {color: #a84859;}

#sidebar_calendar.sbarbody ul.sbarlist li.sbartitle {margin-left: -1px; margin-top: -12px;}

#sidebar_calendar.sbarbody {background-color: #fff; border: 1px solid #eee; margin-bottom: 40px;}

table.calendar {margin: 20px 19px 20px 21px; border-collapse: collapse; width: 339px;}

.sbarcalendar, .sbarcalendarposts {padding: 5px; border: 1px solid #eee; text-align: center; color: #000; font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: 300;}

.sbarcalendarposts {background-color: #f8f8f8; transition: all 0.5s ease 0s;}

.sbarcalendarposts:hover {background-color: #f4e6e8; transition: all 0.5s ease 0s;}

#sidebar_tags.sbarbody ul.sbarlist li.sbartitle {margin-left: -1px; margin-top: -12px;}

#sidebar_tags.sbarbody {background-color: #fff; margin-bottom: 40px; padding-bottom: 20px; border: 1px solid #eee;}

#sidebar_tags.sbarbody ul.sbarlist.sbarcontent {overflow: auto; max-height: 330px; margin: 20px 20px 0;}

#sidebar_tags a {text-align: left; display: block; background: url(http://i.imgur.com/2iPc4FD.gif) 5px 2px no-repeat; padding-left: 20px;}

#sidebar_tags.sbarbody li.sbaritem {transition: all 0.5s ease 0s; padding-top: 5px; padding-bottom: 3px; border-bottom: 1px solid #eee;}

#sidebar_tags.sbarbody li.sbaritem:hover {background-color: #f4e6e8; border-color: #a84859; transition: all 0.5s ease 0s;}

/* ---------->>> TAGS, TAGS PAGE <<<---------- */

.ljtags {margin-top: 15px; padding: 7px 10px 4px; background-color: #f8f8f8; border: 1px solid #eee; text-transform: lowercase; text-align: left; font-size: 0;}

.ljtags a, .ljtags a:link, .ljtags a:visited {font-size: 10px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; padding: 0 5px 0 0; text-transform: uppercase; margin-right: 5px; font-style: italic;}

.ljtags a:hover {color: #a84859;}

h2 {margin: 0 0 5px 0; padding: 13px 10px 5px; text-align: left; color: #a84859; font-family: 'Roboto', sans-serif; font-size: 15px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px; background-color: #f4e6e8; height: 22px;}

ul.ljtaglist {margin-top: 0; text-align: left; margin-right: auto; margin-left: auto; padding: 20px; color: #000; background-color: #fff; border: 1px solid #eee;}

ul.ljtaglist li {list-style-type: none; margin-bottom: 5px; padding-bottom: 3px; text-transform: lowercase; font-weight: 300; font-size: 11px; border-bottom: 1px solid #eee;}

ul.ljtaglist li:last-child {margin-bottom: 0; padding-bottom: 0; border: 0;}

ul.ljtaglist li a {font-size: 10px; text-transform: none; text-transform: uppercase; font-style: italic; font-weight: 400;}

/* ---------->>> SUBCONTENT, ENTRIES <<<---------- */

.subcontent {padding: 20px; background-color: #fff; border: 1px solid #eee;}

.entry {padding: 55px 0 0; margin: 0; color: #000; font-family: 'Roboto', sans-serif; font-size: 11px; font-weight: 400; text-align: justify; background-color: #fff; min-height: 106px;}

.entry_text {min-height: 106px; position: relative; line-height: 1.49em;}

.entry ul {list-style-type: square;}

.entry ul li {padding-left: 10px; margin: 0 0 -10px;}

.entry ol li {padding-left: 10px; margin: 0 0 -10px;}

blockquote {color: #000; font-size: 10px; font-family: 'Roboto', sans-serif; font-style: italic; margin: 0 25px; padding: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: justify; display: inline-block;}

/* ---------->>> USERPIC, USERPIC FRIENDS <<<---------- */

.userpic, .userpicfriends {position: relative; float: right; margin-right: 0 !important; margin-left: 10px !important; margin-top: 61px !important; background: transparent !important; color: #a84859; font-size: 11px; font-family: 'Roboto', sans-serif; text-decoration: none; font-weight: 700; text-align: center;}

.userpic img, .userpicfriends img {background: transparent !important; width: 90px; height: 90px; margin-bottom: 4px; padding: 5px; border: 1px solid #eee;}

.userpic font, .userpicfriends font, .userpic a, .userpicfriends a {background: transparent !important; color: #a84859; font-size: 11px; font-family: 'Roboto', sans-serif; text-decoration: none; font-weight: 700; text-align: center;}

.userpicfriends br {display: block; height: 0;}

/* ---------->>> DATE, SUBJECT, CURRENTS <<<---------- */

.date {margin: 0; text-align: center; padding: 8px 7px 11px; color: #000; font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 400; text-transform: lowercase; background-color: #f8f8f8; width: 80px; height: 22px; float: left;}

.subject {margin: 0 0 0 94px; padding: 12px 10px 7px; text-align: left; color: #a84859; font-family: 'Roboto', sans-serif; font-size: 15px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px; background-color: #f4e6e8; height: 22px; width: 442px;}

.subject a, .subject a:link, .subject a:visited {color: #a84859; font-family: 'Roboto', sans-serif; font-size: 15px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px;}

.datesubject {position: absolute; padding-bottom: 16px;}

.currents strong {font-weight: 700; color: #000;}

.currents {border: 1px solid #eee; padding: 5px 10px 6px; margin-top: -1px; width: 534px;}

.currentmood, .currentmusic, .currentlocation {display: inline-block; text-align: left; font-family: 'Roboto', sans-serif; font-size: 9px; font-weight: 400; margin-right: 15px;}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited, .currentlocation a:hover, .currentmusic a, .currentmusic a:link, .currentmusic a:visited, .currentmusic a:hover {font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 400; color: #000; cursor: text;}

/* ---------->>> RECENT POSTS <<<---------- */
/* Code by sireesanwar, http://sireesanwar.livejournal.com/ */

.entry--threeposts {padding: 20px; border: 1px solid #eee; background-color: #fff; margin-left: 0 !important;}

.threeposts__inner {margin: 0 auto;}

.threeposts__items {padding: 0;}

.threeposts__header {margin: 0 0 20px 0; padding: 13px 10px 5px; text-align: left; color: #a84859; font-family: 'Roboto', sans-serif; font-size: 15px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px; background-color: #f4e6e8; height: 22px;}

.threeposts__item::after {border-color: #eee; opacity: 1;}

.threeposts__item--pic img {display: none;}

/* ---------->>> COMMENTS, COMMENTS PAGE <<<---------- */

.comments {margin-top: 26px; margin-left: -21px; background-color: #000; padding: 7px 10px 5px; position: absolute; text-align: center; width: 578px; font-size: 14px; color: #000;}

div.comments a, div.comments a:link, div.comments a:visited {color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: -1px; text-transform: uppercase; font-weight: 700; margin: 0 3px 0;}

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

.datesubjectcomment {color: #000; padding: 0 0 5px; font-weight: 400; font-size: 10px; text-transform: lowercase;}

.datesubjectcomment strong {color: #a84859; font-size: 11px; text-decoration: none; font-weight: 700; text-shadow: none; font-family: 'Roboto', sans-serif;}

.userpiccomment {position: relative; padding: 5px; background-color: #fff; width: 75px; height: 75px; border: 1px solid #eee; margin: 0 10px 0 0; float: left;}

.commentbox {padding: 15px; position: relative; margin: 5px 0; color: #000; background-color: #fff; font-weight: 400; font-size: 11px; font-family: 'Roboto', sans-serif; text-align: justify; border: 1px #eee solid;}

.commentboxpartial {padding: 10px; background-color: #fff; border: 1px #eee solid;}

.comment-links > div {padding: 0 !important; margin-top: 5px;}

div.replytosubject {font-family: 'Roboto', sans-serif; color: #a84859; font-size: 12px; text-decoration: none; font-weight: 700;}

div#footer.box {margin-top: 10px;}

input#subject.textbox.textbox-subject {width: 85% !important; margin-right: 5px; border: 1px solid #eee;}

textarea.textbox {width: 95% !important; margin-right: 10px; border: 1px solid #eee;}

.commentform {margin: 15px 0 0;}

table.commentform-table {background-color: #fff; border: 1px solid #eee; padding: 10px; margin: 0 auto;}

.box {color: #000; font-weight: 400; font-size: 11px;}

input, textarea, select {background-color: #fff; padding: 3px; font-size: 8pt; font-family: 'Courier New', sans-serif; color: #000; border: 1px solid #eee;}

button#submitpost.commentform-button-submit, button#submitmoreopts.commentform-button-opts, input#postform-submit-comment-button.commentform-button-submit, input.commentform-button.commentform-button-preview, input.b-postform-quote {background-color: #fff; border: 1px solid #eee; color: #000; font-size: 11px; font-weight: 700; padding: 2px; font-family: 'Roboto', sans-serif;}

td.commentform-title.commentform-login-title, td.commentform-title.commentform-subject-title, td.commentform-title.commentform-msg-title {font-weight: 700; font-size: 11px;}

td.commentform-alert-wrapper {font-size: 8pt;}

td.commentform-login-picture {font-size: 11px;}

span.commentform-spellcheck {font-size: 11px;}

/* ---------->>> ARCHIVE PAGE <<<---------- */

ul.year {border: 1px solid #eee; margin: 0; padding: 20px 20px 19px; text-align: center; color: #000; font-size: 11px; background-color: #fff; font-weight: 400;}

ul.year li {display: inline; padding: 3px;}

ul.year li a {font-size: 11px;}

table.yeartable {margin: 0; background-color: #fff; border: 1px solid #eee; border-top: 0; padding: 20px; text-align: center; margin-bottom: -40px; width: 598px;}

table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #eee; text-align: center; color: #000; background-color: #fff;}

table.yeartable td.yeardate {padding: 15px 8px 0;}

table.yeartable div {text-align: center !important;}

table.yeartable td.yearday {padding: 11px; border: none; text-align: center; color: #fff; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 11px; background-color: #000;}

td.yearmonth {vertical-align: bottom; color: #000; font-size: 15px; text-transform: uppercase; font-family: 'Roboto', sans-serif; text-decoration: none; padding-top: 3px; letter-spacing: -1px; font-weight: 700; padding-bottom: 3px;}

td.yearmonth a {letter-spacing: 0; font-weight: 400; text-transform: lowercase; font-size: 11px;}

dd {text-align: left; font-family: 'Roboto', sans-serif; font-size: 11px; font-weight: 400; background-color: #fff; border-bottom: 1px solid #eee; padding: 5px 0; color: #000; margin-bottom: 10px;}

dd a {text-transform: none; font-size: 11px; font-weight: 400;}

div.entry dl dt a, div.entry dl dt a:hover {background-color: #fff; font-size: 15px; text-transform: uppercase; font-family: 'Roboto', sans-serif; text-decoration: none; font-weight: 700;}

/* ---------->>> CONTROLSTRIP <<<---------- */
/* Code by lu_hesperia, http://lu_hesperia.livejournal.com/ */

.w-cs {background-color: #fff !important; color: #000 !important; font-size: 11px !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important;}

.w-cs a:link, .w-cs a:visited, .w-cs a:active, .w-cs a:hover {font-family: 'Roboto', sans-serif !important; color: #000 !important; font-size: 11px !important;}

.w-cs .ljuser a:link, .w-cs .ljuser a:active, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:link b, .w-cs .ljuser a:active b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b {font-size: 11px !important; text-transform: lowercase; font-weight: 700 !important; color: #000 !important; font-family: 'Roboto', sans-serif !important;}

div.w-cs-group.w-cs-group-first span.i-ljuser.i-ljuser.i-ljuser-type-P a.i-ljuser-profile img.i-ljuser-userhead {display: none !important;}

div.w-cs-group.w-cs-group-first div.w-cs-status p.js-controlstrip-status span.ljuser.i-ljuser.i-ljuser-type-C a.i-ljuser-profile img.i-ljuser-userhead {display: none !important;}

.w-cs .w-cs-userinfo {background-color: #fff !important; color: #000; border: 0; font-family: 'Roboto', sans-serif !important;}

.w-cs .w-cs-summary {background-color: #fff !important; color: #000 !important;}

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

.w-cs .w-cs-user-controls {background-color: #fff !important; color: #000; border: 0; font-family: 'Roboto', sans-serif !important;}

.w-cs-user-controls .w-cs-status p {color: #000 !important; font-family: 'Roboto', sans-serif !important; font-size: 11px !important;}

.w-cs .w-cs-group-second .w-cs-menu {border: 0; background-color: #fff !important;}

.w-cs .w-cs-group-second .w-cs-menu li a, .w-cs .w-cs-menu li span {border: 0;}

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

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

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

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

.w-cs .w-cs-menu li {background: none !important; padding-left: 0 !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-calendar a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members-have a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-catalogue 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-manage a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-invites 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: 0 !important; font-size: 11px !important; font-family: 'Roboto', sans-serif !important;}

.w-cs .w-cs-menu li.w-cs-i-members a.i-invites {background: none !important;}

/* ---------->>> TINY ICONS <<<---------- */

span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VTomZuh.gif) no-repeat !important; padding: 13px 0 0 11px !important;}

span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/egYSa3B.gif) no-repeat !important; padding: 13px 0 0 12px !important;}

img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/BxPcfTk.gif) no-repeat 1px 1px !important; padding: 11px 0 0 12px !important;}

img[src*="icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/m910vvm.gif) no-repeat 1px 1px !important; padding: 12px 0 0 11px !important;}

img[src*="img/icon_sticky.png"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/ISNKUp3.gif) no-repeat 1px 1px !important; padding: 11px 0 0 11px !important;}

#sidebar_summary.sbarbody img[src*="img/icon_protected.gif"] {padding: 11px 0 0 11px !important;}

#sidebar_summary.sbarbody img[src*="img/icon_private.gif"] {padding: 11px 0 0 10px !important;}

#sidebar_summary.sbarbody img[src*="img/icon_sticky.png"] {padding: 11px 0 0 10px !important;}

/* ---------->>> MISC <<<---------- */

.clear {display: none; height: 0;}

.clearfoot {clear: both; height: 0;}

.separator {height: 73px;}

.skiplinks {margin-bottom: 10px; font-size: 10px; text-align: center; color: #000;}

.skiplinks a, .skiplinks a:link, .skiplinks a:visited, .skiplinks a:hover {font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; padding: 0 3px; font-style: italic;}

.ljtags a::before {content: "#"; padding-right: 2px;}