006. Layout - Blank Space

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

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

@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}

@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');}

@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}

@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');}

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

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

a, a:link, a:visited {color: #c0c0c0; font-size: 11px; text-decoration: none;}

a:hover {color: #000; text-decoration: none;}

span.ljuser a {font-size: 11px; font-weight: lighter !important; text-transform: lowercase;}

#content {width: 956px; margin: 0 auto; background-color: #fff;}

#maincontent {margin: 40px 20px 0 320px; background-color: #fff;}

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

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

#header a, #header a:link, #header a:visited {text-align: center; color: #fff; text-transform: uppercase; padding: 5px 5px 22px; margin-right: 30px; margin-left: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 10px; transition: all 0.5s ease 0s; border-bottom: 3px solid #000;}

#header a:hover {border-bottom: 3px solid #fff; transition: all 0.5s ease 0s;}

#header .view {text-align: center; color: #fff; text-transform: uppercase; padding: 5px; margin-right: 30px; margin-left: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 10px;}

ul.navheader {padding-top: 20px; margin: 0 auto; text-align: center; background-color: #000;}

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: 20px auto -10px; padding: 0 10px 0; text-align: center; background-color: #000;}

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {font-size: 50px; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 0 #333; letter-spacing: 3px; text-align: right; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-right: 30px; margin-left: 30px; border-top: 3px solid #000; transition: all 0.5s ease 0s;}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {border-top: 3px solid #fff; transition: all 0.5s ease 0s;}

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

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

#footer .viewing {display: none;}

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

#sidebar {width: 250px; margin-left: 25px; margin-top: 40px; padding: 0 20px 0 10px; background-color: #fff; color: #000; float: left; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 10px; border-right: 1px solid #f9f9f9;}

#sidebar a, #sidebar a:link, #sidebar a:visited {color: #000; font-size: 10px;}

#sidebar a:hover {text-decoration: none; color: #000;}

li.sbartitle {width: 240px; list-style: none; text-align: left; color: #000; font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px 0 #dbdbdb;}

.defaultuserpic {margin: 20px auto 30px; text-align: center;}

.defaultuserpic img {padding: 5px; border: 1px solid #f9f9f9;}

.sbarheader {padding: 0 5px;}

.sbarbody {padding: 0 5px 5px; margin-left: -6px;}

.sbarbody2 {margin-bottom: 25px; margin-top: -7px; padding: 7px; margin-right: 5px; color: #000; font-size: 10px; font-family: 'Open Sans', sans-serif; font-weight: 300; background-color: #fdfdfd; text-align: left;}

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

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

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

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

#sidebar_calendar.sbarbody {margin-left: -5px;}

table.calendar {margin: 0 auto;}

.sbarcalendar {padding: 4px; border: 1px solid #f9f9f9; text-align: center; color: #000; font-size: 10px; font-family: 'Open Sans', sans-serif; font-weight: 300;}

.sbarcalendarposts {padding: 4px; background-color: #fafafa; text-align: center; color: #000; font-size: 10px; font-family: 'Open Sans', sans-serif; border: 1px solid #f9f9f9; font-weight: 400;}

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

#sidebar_summary.sbarbody {display: none;}

#sidebar_linklist.sbarbody ul.sbarlist li.sbartitle {margin-left: 2px; margin-top: 15px; margin-bottom: 10px;}

#sidebar_linklist.sbarbody {margin-left: -8px;}

#sidebar_linklist a {display: inline-block; width: 44%; padding: 5px; text-align: left; background-color: #fdfdfd; border-bottom: 3px solid #fff; border-left: 3px solid #fff; text-transform: lowercase; font-size: 11px !important;}

#sidebar_linklist a:hover {background-color: #fafafa;}

#sidebar_linklist.sbarbody li.sbaritem {display: inline;}

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

#sidebar_tags.sbarbody {margin-left: -5px;}

#sidebar_tags ul.sbarlist.sbarcontent {max-height: 231px; overflow: auto;}

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

#sidebar_tags a:hover {background-color: #fdfdfd;}

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

.ljtags {margin-top: 25px; margin-bottom: 5px; text-transform: lowercase; text-align: left; font-size: 0; background: url(http://i.imgur.com/2iPc4FD.gif) no-repeat 2px 4px; padding-left: 13px;}

.ljtags a, .ljtags a:link, .ljtags a:visited {font-size: 10px; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 0 3px 2px;}

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

div.ljtags a {background-color: #fafafa; margin-left: 5px; font-weight: normal;}

div.ljtags a:hover {background-color: #000;}

h2 {margin: -1px 17px 5px 12px; padding: 10px 5px 7px 10px; text-align: left; color: #000; font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px 0 #dbdbdb; border: 1px solid #f9f9f9; font-weight: normal;}

ul.ljtaglist {text-align: left; margin-right: auto; margin-left: auto; padding: 20px; color: #000;}

ul.ljtaglist li {margin-left: 10px; list-style-type: none; padding-left: 15px; margin-bottom: 4px; background: url(http://i.imgur.com/wgLpJjk.gif) no-repeat 2px 3px; text-transform: lowercase; font-weight: 300; font-size: 10px;}

ul.ljtaglist li a {font-size: 11px; text-transform: none; font-weight: 400;}

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

.subcontent {padding-left: 10px; padding-right: 10px; padding-top: 5px; background-color: #fff;}

.entry {padding: 0 10px 0 6px; margin: 0; color: #000; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 400; line-height: 12pt; text-align: justify; background-color: #fff;}

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

.entry ul li {padding-left: 15px; margin-left: 5px; margin-bottom: -7px; background: url(http://i.imgur.com/wgLpJjk.gif) no-repeat 2px 3px;}

.entry ol {list-style-type: none;}

.entry ol li {padding-left: 15px; margin-left: 5px; margin-bottom: -7px; background: url(http://i.imgur.com/wgLpJjk.gif) no-repeat 2px 3px;}

blockquote {margin: 5px 25px; padding: 8px; color: #000; font-size: 10px; font-family: 'Open Sans', sans-serif; font-weight: 300; background-color: #fdfdfd; text-align: justify;}

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

.userpic, .userpicfriends {position: relative; float: right; margin-right: -150px !important; margin-top: 25px !important; background: transparent !important; color: #000; font-size: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-decoration: none; text-shadow: 1px 1px 0 #dbdbdb; text-align: center;}

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

.userpic font, .userpicfriends font, .userpic a, .userpicfriends a {background: transparent !important; color: #000; font-size: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-decoration: none; text-shadow: 1px 1px 0 #dbdbdb; text-align: center;}

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

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

.date {margin: 10px 0 1px 420px; text-align: center; padding: 0 5px 2px; color: #000; font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 300; text-transform: lowercase; background-color: #fdfdfd; width: 150px;}

.subject {margin: -1px 7px -16px 2px; padding: 10px 5px 7px 10px; text-align: left; color: #000; font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px 0 #dbdbdb; border: 1px solid #f9f9f9;}

.subject a, .subject a:link, .subject a:visited {text-align: left; color: #000; font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px 0 #f9f9f9; text-shadow: 1px 1px 0 #dbdbdb;}

.datesubject {margin-top: 10px; padding-left: 0; padding-bottom: 30px;}

.currents strong {font-weight: normal; display: none;}

.currents, .currentmood, .currentmusic, .currentlocation {text-align: left; text-transform: lowercase; font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 300;}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited, .currentlocation a:hover, .currentmusic a, .currentmusic a:link, .currentmusic a:visited, .currentmusic a:hover {font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 300; color: #000;}

.currentlocation {background: url(http://i.imgur.com/e20fF22.gif) 2px 5px no-repeat; padding-left: 18px; padding-top: 2px;}

.currentmood {background: url(http://i.imgur.com/zeF9gtJ.gif) 2px 5px no-repeat; padding-left: 18px; padding-top: 2px;}

.currentmusic {background: url(http://i.imgur.com/4HwFdKI.gif) 3px 6px no-repeat; padding-left: 18px; padding-top: 2px;}

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

.comments {position: relative; text-align: left; color: #fff; margin-top: 18px; border-top: 1px solid #f9f9f9; padding-top: 2px; padding-left: 5px; margin-left: -4px; margin-right: -3px;}

div.comments a, div.comments a:link, div.comments a:visited, div.comments a:hover, div.comments a:hover {color: #000; font-size: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-decoration: none; padding-top: 3px; text-shadow: 1px 1px 0 #dbdbdb;}

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

.datesubjectcomment strong {color: #000; font-size: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-decoration: none; text-shadow: 1px 1px 0 #dbdbdb; font-weight: 400;}

.userpiccomment {position: relative; padding: 5px; background-color: #fff; width: 75px; height: 75px; border: 1px solid #f9f9f9; top: -25px; left: 0; margin: 10px 10px -30px 0; z-index: 15; float: left;}

.commentbox {padding: 10px; position: relative; margin: 5px 7px 5px 0; color: #000; background-color: #fff; font-weight: 400; font-size: 11px; text-align: justify;}

.commentboxpartial {padding: 10px; background-color: #fff;}

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

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

textarea.textbox  {width: 100% !important; border: 1px solid #f9f9f9;}

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

div#comments.box {display: inline-block; margin-top: 10px;}

div#add_comment.box {display: inline-block;}

form.ng-pristine.ng-valid {display: inline-block;}

.box {clear: left; color: #000; font-weight: 300; font-size: 10px;}

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

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 #f9f9f9; color: #000; font-size: 10px; font-weight: bold; padding: 2px; font-family: 'Open Sans', sans-serif;}

td.commentform-title.commentform-login-title, td.commentform-title.commentform-subject-title, td.commentform-title.commentform-msg-title {font-weight: bold;}

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

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

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

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

ul.year {padding-bottom: 20px; padding-top: 20px; margin-bottom: -10px; text-align: center; color: #000; font-size: 11px; background-color: #fff; font-weight: 300;}

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

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

table.yeartable {margin-left: auto; margin-right: auto; background-color: #fff; width: 590px; padding: 40px; text-align: center; margin-bottom: -40px;}

table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #f9f9f9; 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: 10px; border: none; text-align: center; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 10px; background-color: #000;}

td.yearmonth {vertical-align: bottom; color: #000; font-size: 14px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-decoration: none; padding-top: 3px; text-shadow: 1px 1px 0 #dbdbdb; padding-bottom: 3px;}

td.yearmonth a {text-align: center; font-size: 11px; text-transform: lowercase; text-shadow: none; font-family: 'Open Sans', sans-serif;}

dd {text-align: left; font-family: 'Open Sans', sans-serif; text-transform: lowercase; font-size: 10px; font-weight: 300; background-color: #fff; border-bottom: 1px solid #f9f9f9; padding: 5px 2px 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; color: #000; font-size: 14px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-decoration: none; text-shadow: 1px 1px 0 #dbdbdb; font-weight: lighter;}

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

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

.w-cs a:link, .w-cs a:visited, .w-cs a:active, .w-cs a:hover {font-family: 'Open Sans', sans-serif !important; color: #000 !important; font-size: 10px !important; font-weight: lighter !important; text-transform: lowercase;}

.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: bold !important; color: #000 !important; font-family: 'Open Sans', 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: 'Open Sans', sans-serif !important;}

.w-cs .w-cs-summary {background-color: #fdfdfd !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: 'Open Sans', sans-serif !important;}

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

.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 #fdfdfd; background-color: #fdfdfd !important;}

.w-cs .w-cs-text {background-color: #fdfdfd !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-filter a {letter-spacing: 0.04em;}

.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: 10px !important; font-family: 'Open Sans', sans-serif !important; font-weight: lighter !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/yAeScZj.png) no-repeat 1px 1px !important; padding: 17px 0 0 17px !important;}

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

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

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

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

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

.separator {height: 20px;}

.skiplinks {margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 300; text-transform: lowercase; text-align: center;}

.skiplinks a, .skiplinks a:link, .skiplinks a:visited, .skiplinks a:hover {font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: lowercase; padding: 1px 3px; margin-left: 2px; margin-right: 2px;}

.defaultuserpic {display: none;}