::-moz-focus-inner { border: 0; padding: 0; }

::-moz-placeholder { color: var(--gray); }

::-webkit-input-placeholder { color: var(--silver); }

* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

html { --caps: 9.5px; --small: 12.5px; --radius: 3px; --d: 0.2s; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, select, input, textarea, button { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Noto Sans", "Droid Sans", "Helvetica", "Arial", sans-serif; line-height: 20px; font-size: 13.5px; }

body { background-color: var(--whitesmoke); color: var(--black); cursor: default; }

input, select, textarea, button { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 0 none; border-radius: 0; display: block; resize: none; outline: 0 none; overflow: hidden; }

input[type=text], input[type=submit], textarea { background-color: white; color: var(--black); display: block; }

input[type=file] { width: 0px; height: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

input[type=submit] { cursor: pointer; }

a { color: var(--black); text-decoration: none; transition: color var(--d); outline: 0 none; }
a img { border: 0 none; }

h4, h5 { font-size: 13.5px; }

i, b, u, s, h4, h5 { font-style: normal; font-weight: normal; text-decoration: none; }

ul { list-style: none; }

img, form, label { display: block; }

h1 { color: var(--teal); font-size: 33.75px; letter-spacing: -2px; line-height: 25px; margin: 15px 0; padding-left: 50px; }

.menu { height: 30px; line-height: 30px; margin: 10px 0; overflow: hidden; }
.menu a { display: block; float: left; }
.menu a:hover { color: var(--gray); }
.menu a.selected { color: var(--silver); }
.menu a.notif:first-letter { border-bottom: var(--salmon) 2px solid; }
.menu s { color: var(--salmon); }
.menu .item { margin: 0 5px; }
.menu .item:last-child { margin-right: 0; }
.menu .me { margin-left: 10px; margin-right: 5px; }

.footer { height: 30px; margin-top: 10px; margin-bottom: 20px; }
.footer .logo { float: left; line-height: 30px; }
.footer .logo a { color: var(--gray); display: block; float: left; margin-left: 10px; }
.footer .logo a.internal { color: var(--silver); }
.footer .logo img { float: left; margin: 5px 0; margin-left: 10px; }

.content { margin: 0 auto; padding: 0 5px; max-width: 425px; min-width: 300px; }

.center { margin: 0 auto; width: 300px; }

.search { height: 30px; margin-left: 50px; }
.search input[type=text] { background-color: var(--white); color: var(--black); float: left; padding: 5px 0; width: calc(100% - 30px); }
.search input[type=submit] { background-color: var(--white); background-size: 30px 30px; background-image: url(/National_Library/20161222123739oe_/https://sublevel.net/static/icons/search-copy.png); float: left; height: 30px; width: 30px; }

.top { background-color: var(--white); box-shadow: var(--shadow); margin: 10px 0; }

.reply { overflow: hidden; position: relative; }
.reply .counter { color: var(--silver); font-size: var(--small); left: 10px; position: absolute; text-align: center; top: 25px; width: 30px; }
.reply .status { color: var(--silver); padding: 5px 0; margin-left: 50px; }
.reply label { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 30px; left: 10px; position: absolute; width: 30px; }
.reply label.taken { border-radius: var(--radius); height: 24px; margin: 3px; width: 24px; }
.reply label.camera { background-image: url(/National_Library/20161222123739oe_/https://sublevel.net/static/icons/camera-copy.png); cursor: pointer; }
.reply label.chat { background-image: url(/National_Library/20161222123739oe_/https://sublevel.net/static/icons/chat-copy.png); }
.reply label.edit { background-image: url(/National_Library/20161222123739oe_/https://sublevel.net/static/icons/edit-copy.png); }
.reply textarea { background-color: var(--white); color: var(--black); margin-left: 50px; min-height: 20px; padding: 5px 0; width: calc(100% - 50px); }

.list { position: relative; }
.list.inline { margin-top: 0; }
.list li { border-top: var(--white) 2px solid; padding: 4px 0; padding-left: 50px; }
.list li:first-child { border-top: 0; padding-top: 0; }
.list li:last-child { padding-bottom: 0; }
.list li.indent { margin-left: 50px; padding-left: 30px; }
.list li.large { min-height: 60px; }
.list li.separator { position: absolute; padding: 0; border-color: var(--teal); width: 100%; }

.frame { border: var(--white) 7.5px solid; border-radius: var(--radius); cursor: zoom-in; }
.frame img { border-radius: var(--radius); height: auto; width: 100%; }
.frame.zoom { cursor: zoom-out; margin-left: -100px; margin-right: -50px; }

.username { color: var(--black); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.username i { color: var(--silver); float: right; }
.username .handle { color: var(--gray); }

.entry { cursor: text; word-wrap: break-word; }
.entry a { color: var(--aqua); }
.entry a:hover { color: var(--ocean); }

.context { color: var(--gray); }

.replied { color: var(--gray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.details { color: var(--gray); height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.details i { float: right; }
.details a { color: var(--gray); }
.details a s, .details b, .details i { color: var(--silver); }
.details .handle { color: var(--silver); }

.small { color: var(--gray); height: 20px; overflow: hidden; }
.small:first-child { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
.small:last-child { border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius); }
.small a, .small u { cursor: pointer; }
.small a, .small b, .small u, .small i { color: var(--gray); display: block; float: left; margin-right: 15px; padding-bottom: 4px; }
.small .done, .small b, .small i, .small u { color: var(--silver); }
.small .right, .small i { float: right; margin-right: 0; }
.small .liked { color: var(--fern); }
.small .disliked { color: var(--tangerine); }
.small .hidden { color: var(--white); float: left; display: none; }
.small .confirm { color: var(--salmon); float: left; display: block; }

.single { padding-left: 50px; }

.back { height: 30px; margin: 10px; }

.parent { box-shadow: var(--shadow); float: left; overflow: hidden; }
.parent a { background-color: var(--white); color: var(--gray); display: block; float: left; }
.parent a:first-child { border-bottom-left-radius: var(--radius); border-top-left-radius: var(--radius); }
.parent a:last-child { border-bottom-right-radius: var(--radius); border-top-right-radius: var(--radius); }
.parent a.selected { background-color: var(--aqua); color: var(--white); padding: 5px 10px; }

.pages { box-shadow: var(--shadow); float: right; overflow: hidden; }
.pages a { background-color: var(--white); color: var(--gray); display: block; float: left; transition: background-color var(--d); }
.pages a:hover { background-color: var(--gainsboro); }
.pages a:first-child { border-bottom-left-radius: var(--radius); border-top-left-radius: var(--radius); }
.pages a:last-child { border-bottom-right-radius: var(--radius); border-top-right-radius: var(--radius); }
.pages a.selected { background-color: var(--aqua); color: var(--white); padding: 5px 10px; }

.tabs { height: 30px; overflow: hidden; }
.tabs.empty { margin-left: 50px; }
.tabs .full { width: 640px; height: 30px; }
.tabs s { color: var(--salmon); }
.tabs i { display: none; }
.tabs b { display: block; float: left; padding: 5px 10px; }
.tabs a { color: var(--gray); display: block; float: left; padding: 5px 0; margin-right: 10px; }
.tabs a:hover { color: var(--silver); }
.tabs a:last-child { margin-right: 0; }
.tabs a.selected { color: var(--aqua); }
.tabs a.none { padding: 0; margin-right: 10px; }
.tabs a.rel { margin-left: 10px; margin-right: 10px; padding: 0; width: 30px; }

.mini { border-bottom: var(--white) 2px solid; height: 40px; margin-bottom: 4px; margin-left: 50px; padding-bottom: 4px; }
.mini h5 { color: var(--gray); }
.mini h5 u { cursor: pointer; }
.mini h5 a { color: var(--gray); }
.mini img { border-radius: var(--radius); float: left; margin-left: -50px; margin-right: 10px; }
.mini .right { color: var(--silver); float: right; }
.mini .username { font-weight: bold; }
.mini .confirm { color: var(--salmon); }
.mini .hidden { display: none; }

.hr { border-bottom: var(--white) 2px solid; margin: 4px 0; margin-left: 90px; }

.profile { margin-left: 90px; }
.profile .verified { background-color: var(--teal); border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); color: var(--glass); float: left; font-size: var(--caps); line-height: 15px; margin-left: -90px; margin-top: 5px; padding: 0 7.5px; text-transform: uppercase; }
.profile .username { font-size: 16.5px; font-weight: bold; letter-spacing: -1px; }
.profile .photo { float: left; margin-left: -90px; }
.profile .photo img { border-radius: var(--radius); border-top-left-radius: 0; }
.profile .bio { min-height: 40px; }
.profile .bio.compact { min-height: 20px; }
.profile .info { color: var(--gray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile .bio b, .profile .info b { color: var(--black); }
.profile .bio a, .profile .info a { color: var(--aqua); }
.profile .bio a:hover, .profile .info a:hover { color: var(--ocean); }
.profile .right { color: var(--silver); float: right; }
.profile h5 { color: var(--gray); }
.profile h5 a { color: var(--gray); }

.avatar { float: left; margin-left: -30px; }
.avatar img { border-radius: var(--radius); }

.author { float: left; margin-left: -50px; margin-right: 10px; position: relative; width: 40px; }
.author.less { margin-left: -30px; width: 20px; }
.author.follow { margin-left: -32px; width: 22px; }
.author.follow img { border-left: var(--fern) 2px solid; }
.author img { border-radius: var(--radius); }
.author .chat { background-color: var(--whitesmoke); border-top-left-radius: var(--radius); bottom: 0; position: absolute; right: 0; }
.author .chat img { border-radius: 0; }

.auth { overflow: hidden; }
.auth ul { overflow: hidden; }
.auth li { margin-bottom: 10px; }
.auth li.bottom { margin-bottom: 0; }
.auth label { color: var(--gray); padding-right: 10px; line-height: 18px; padding-bottom: 2px; }
.auth .image { padding: 0 0 10px 0; overflow: hidden; }
.auth .reset { background-color: var(--white); box-shadow: var(--shadow); border-radius: 10px; display: block; float: left; margin-top: 15px; transition: background-color var(--d); }
.auth .reset:hover { background-color: var(--gainsboro); }
.auth .warning { color: var(--silver); font-size: var(--small); line-height: 15px; padding: 10px 0; }
.auth .helptext { color: var(--silver); display: block; font-size: var(--small); line-height: 15px; margin-top: 10px; }
.auth .helptext a { color: var(--gray); }
.auth .helptext a:hover { color: var(--black); }
.auth .errorlist { color: var(--salmon); font-size: var(--small); line-height: 15px; list-style: none; }
.auth .errorlist li { margin: 0; padding: 0; }
.auth .errorlist + label { border-top-left-radius: 0; border-top-right-radius: 0; }
.auth .captcha { border-radius: var(--radius); box-shadow: var(--shadow); float: right; height: 30px; margin-left: 20px; width: 140px; }
.auth #id_captcha_1 { width: 120px; }
.auth #id_bio { min-height: 60px; }
.auth #id_view { background-color: var(--white); background-position: center center; background-size: cover; border: var(--white) 2px solid; border-radius: 20px; box-shadow: var(--shadow); float: left; height: 36px; margin-right: 10px; width: 36px; }
.auth #id_label { background-color: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); color: var(--black); cursor: pointer; height: 20px; line-height: 20px; margin-left: 20px; margin-top: 10px; overflow: hidden; padding: 0 10px; text-overflow: ellipsis; transition: background-color var(--d); white-space: nowrap; width: 180px; }
.auth #id_label:hover { background-color: var(--gainsboro); }
.auth button { background-color: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); color: var(--black); cursor: pointer; float: right; margin: 10px 0; transition: background-color var(--d); width: 80px; }
.auth button:hover { background-color: var(--gainsboro); }
.auth button[disabled] { color: var(--gray); cursor: default; }
.auth button[disabled]:hover { background-color: var(--white); }
.auth select { background-color: var(--white); border-right: var(--silver) 4px solid; border-radius: var(--radius); box-shadow: var(--shadow); color: var(--black); padding: 5px 10px; padding-right: 6px; width: 140px; }
.auth select[disabled=disabled] { border-right: var(--gainsboro) 4px solid; color: var(--gray); }
.auth textarea, .auth input[type=text], .auth input[type=url], .auth input[type=email], .auth input[type=password] { background-color: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); color: var(--black); padding: 5px 10px; width: 280px; }
.auth input[type=submit] { background-color: var(--teal); border-radius: var(--radius); box-shadow: var(--shadow); color: var(--black); float: right; line-height: 20px; margin-bottom: 20px; margin-top: 10px; padding: 5px 15px; }
.auth input[type=submit]:active { color: var(--glass); }
.auth input[type=submit].danger { background-color: var(--tangerine); }
.auth .text.left { float: left; margin-right: 2px; }
.auth .text.left input[type=text] { border-bottom-right-radius: 0; border-top-right-radius: 0; width: 138px; }
.auth .text.right input[type=text] { border-bottom-left-radius: 0; border-top-left-radius: 0; width: 120px; }
.auth .half input[type=text] { width: 120px; }
.auth .half.left { float: left; margin-right: 20px; }
.auth .calendar { background-color: var(--white); border-bottom-left-radius: var(--radius); border-top-left-radius: var(--radius); box-shadow: var(--shadow); float: left; margin-right: 2px; }
.auth .login { background-color: var(--white); border-bottom-right-radius: var(--radius); border-top-right-radius: var(--radius); box-shadow: var(--shadow); float: left; padding: 5px 0; padding-left: 10px; width: 98px; }
.auth .donate { margin-left: 20px; }
.auth .donate a, .auth .donate b { background-color: var(--white); box-shadow: var(--shadow); display: block; padding: 5px 0; height: 20px; float: left; }
.auth .donate .currency { border-bottom-left-radius: var(--radius); border-top-left-radius: var(--radius); color: var(--gray); margin-right: 2px; text-align: center; width: 20px; }
.auth .donate .payments { margin-right: 2px; padding-left: 10px; width: 76px; }
.auth .donate .paypal { border-bottom-right-radius: var(--radius); border-top-right-radius: var(--radius); height: 30px; padding: 0; transition: background-color var(--d); width: 30px; }
.auth .donate .paypal:hover { background-color: var(--gainsboro); }

.photos { background-color: var(--white); border-radius: var(--radius); margin-bottom: 15px; overflow: hidden; padding: 0 4px; padding-top: 5px; padding-bottom: 0; }
.photos .item { display: block; float: left; padding: 0 1px; width: calc(25% - 2px); }
.photos .item:first-child img { border-bottom-left-radius: var(--radius); border-top-left-radius: var(--radius); }
.photos .item:last-child img { border-bottom-right-radius: var(--radius); border-top-right-radius: var(--radius); }
.photos img { height: auto; width: 100%; }
.photos .by { color: var(--gray); font-size: var(--small); padding: 5px 0; text-align: center; }

.about h3 { color: var(--ocean); font-size: 16px; line-height: 20px; margin: 10px 0; text-indent: 50px; }
.about p { text-indent: 50px; }
.about p em { color: var(--gray); font-style: normal; }
.about a { color: var(--aqua); }
.about a:hover { color: var(--ocean); }
.about .list li { margin-left: 0; padding-left: 50px; }
.about .logos { height: 40px; margin: 10px 0; margin-left: 50px; }
.about .logos img { border-radius: var(--radius); }
.about .logos a { display: block; float: left; margin-right: 10px; }
.about .logos a:last-child { margin-right: 0; }

@media (max-width: 525px) { .frame.zoom { border-radius: 0; margin-left: -55px; margin-right: -5px; } }

/*# sourceMappingURL=style.css.map */