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

::-moz-placeholder { color: #808080; }

::-webkit-input-placeholder { color: #c0c0c0; }

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

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

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

body { background-color: #fff; color: #000; 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: transparent; color: #000; 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: #000; text-decoration: none; transition: color 0.2s; 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; }

.menu { height: 30px; line-height: 30px; margin: 10px 0; overflow: hidden; }
.menu a { display: block; float: left; }
.menu .notif:first-letter { border-bottom: #ff5542 2px solid; }
.menu .item { margin: 0 5px; }
.menu .item:hover { color: #c0c0c0; }
.menu .item:last-child { margin-right: 0; }
.menu .item.selected { color: #c0c0c0; }
.menu .middle { float: none; height: 30px; margin: 0 auto; width: 30px; }
.menu .sub, .menu .me { margin-left: 10px; margin-right: 5px; }
.menu .me img { border-radius: 3px; }

.footer { height: 30px; margin: 10px 0; }
.footer .logo { float: left; line-height: 30px; }
.footer .logo a { color: #808080; display: block; float: left; margin-left: 10px; }
.footer .logo a.external { color: #c0c0c0; }
.footer .logo a.internal { color: #c0c0c0; }
.footer .logo img { float: left; margin: 5px 0; margin-left: 10px; }

.content { margin: 0 auto; padding: 0 10px; width: 540px; }

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

.top, .parent { background-color: #fff; }

.main, .above { background-color: #f0f0f0; }

.form { background-color: #fff; padding-top: 10px; padding-bottom: 20px; }

.search { border-top: #e0e0e0 1px solid; height: 30px; margin-left: 50px; }
.search input[type=text] { color: #000; float: left; padding: 5px 0; width: calc(100% - 30px); }
.search input[type=submit] { background-size: 30px 30px; background-image: url(/static/icons/search-copy.png); float: left; height: 30px; width: 30px; }

.reply { margin-left: 50px; }
.reply.top { border-top: #e0e0e0 1px solid; }
.reply.bottom { border-bottom: #e0e0e0 1px solid; }
.reply img { float: left; margin-left: -40px; }
.reply .status { color: #c0c0c0; padding: 5px 0; }
.reply .status a { color: #808080; }
.reply textarea { color: #000; min-height: 20px; padding: 5px 0; width: 100%; }

.list { position: relative; padding: 10px 0; }
.list.inline { padding-top: 0; }
.list .inside { margin-left: 20px; }
.list .inside li:first-child { border-top: #d0d0d0 1px solid; padding-top: 5px; padding-bottom: 5px; }
.list li { border-top: #d0d0d0 1px solid; padding: 5px 0; padding-left: 50px; }
.list li:first-child { border-top: 0 none; padding-top: 0; }
.list li:last-child { border-bottom: 0 none; padding-bottom: 0; }
.list li.indent { margin-left: 50px; padding-left: 30px; }
.list li.large { min-height: 60px; }
.list li.separator { border-color: #00cdd1; padding: 0; position: absolute; width: 100%; }
.list li .username { display: none; }
.list li.indent .username, .list li.inside .username { display: block; }

.username { color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.username i { color: #c0c0c0; float: right; }
.username .right { color: #808080; float: right; margin-left: 5px; }
.username .replied { color: #6d9f00; float: right; margin-left: 5px; }
.username .handle { color: #808080; }

.entry { cursor: text; word-wrap: break-word; }
.entry.inside { border-left: #c0c0c0 2px solid; padding-left: 20px; margin-left: -21px; }
.entry a { color: #0075e7; }
.entry a:hover { color: #0051a3; }

.small { color: #808080; height: 20px; overflow: hidden; }
.small:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.small:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.small a, .small u { cursor: pointer; }
.small a, .small b, .small u, .small i { color: #808080; display: block; float: left; margin-right: 15px; padding-bottom: 4px; }
.small .done, .small b, .small i, .small u { color: #c0c0c0; }
.small .right, .small i { float: right; margin-right: 0; }
.small .replied { color: #6d9f00; }
.small .liked { color: #ff8e0a; }
.small .hidden { color: #fff; float: left; display: none; }
.small .confirm { color: #ff5542; float: left; display: block; }

.pages { float: right; overflow: hidden; }
.pages a { color: #808080; display: block; float: left; }
.pages a.selected { margin: 5px 2px; padding: 0 10px; }
.pages a.previous { border-left: #e0e0e0 1px solid; }
.pages a.next { border-right: #e0e0e0 1px solid; }

.tabs { border-top: #e0e0e0 1px solid; height: 30px; }
.tabs.empty { margin-left: 50px; }
.tabs .splitter { background-color: #e0e0e0; float: left; height: 20px; margin: 5px 0; margin-right: 10px; width: 1px; }
.tabs s { color: #ff5542; }
.tabs b { color: #c0c0c0; display: block; float: left; margin-right: 10px; padding: 5px 0; }
.tabs a { color: #808080; display: block; float: left; margin-right: 10px; padding: 5px 0; }
.tabs a:hover { color: #c0c0c0; }
.tabs a:last-child { margin-right: 0; }
.tabs a.selected { border-top: #0075e7 1px solid; color: #0075e7; margin-top: -1px; }
.tabs a.none { margin-left: -50px; padding: 0; }
.tabs a.rel { margin-left: -40px; padding: 0; width: 30px; }
.tabs a.find { float: right; padding: 0; }

.mini { border-bottom: #d0d0d0 1px solid; height: 40px; margin-bottom: 5px; margin-left: 50px; padding-bottom: 5px; padding-top: 10px; }
.mini h5 { color: #808080; }
.mini h5 u { cursor: pointer; }
.mini h5 a { color: #808080; }
.mini img { border-radius: 3px; float: left; margin-left: -50px; margin-right: 10px; }
.mini .right { color: #c0c0c0; float: right; }
.mini .username { font-weight: bold; }
.mini .confirm { color: #ff5542; }
.mini .hidden { display: none; }

.profile { border-bottom: #d0d0d0 1px solid; margin-bottom: 5px; margin-left: 90px; padding-bottom: 5px; padding-top: 10px; }
.profile .verified { background-color: #00cdd1; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #003334; float: left; font-size: 9px; line-height: 15px; margin-left: -90px; margin-top: 5px; padding: 0 10px; 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: 3px; border-top-left-radius: 0; }
.profile .bio { min-height: 60px; }
.profile .bio.compact { min-height: 40px; }
.profile .info { color: #808080; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile .bio a, .profile .info a { color: #0075e7; }
.profile .bio a:hover, .profile .info a:hover { color: #0051a3; }
.profile .right { color: #c0c0c0; float: right; }
.profile h5 { color: #808080; }
.profile h5 a { color: #808080; }

.down { float: left; margin-left: -60px; }

.avatar { float: left; margin-left: -30px; }
.avatar.follows { margin-left: -33px; }
.avatar.follows img { border-left: #6d9f00 3px solid; }
.avatar img { border-radius: 3px; }

.author { float: left; margin-left: -50px; margin-right: 10px; position: relative; width: 40px; }
.author.tiny { padding-left: 20px; width: 20px; }
.author img { border-radius: 3px; }
.author .handle, .author .name { left: -250px; position: absolute; text-align: right; top: 0; width: 240px; }
.author .name { color: #808080; top: 20px; }

.auth { overflow: hidden; }
.auth ul { overflow: hidden; }
.auth li { margin-bottom: 10px; }
.auth li.bottom { margin-bottom: 0; }
.auth label { color: #808080; padding-right: 10px; line-height: 18px; padding-bottom: 2px; }
.auth .image { padding-bottom: 10px; overflow: hidden; }
.auth .warning { color: #c0c0c0; font-size: 12px; margin-top: 10px; padding: 5px 0; padding-right: 10px; }
.auth .instructions { color: #808080; line-height: 18px; }
.auth .instructions p { margin-bottom: 6px; }
.auth .instructions a { color: #0075e7; }
.auth .instructions a:hover { color: #0051a3; }
.auth .helptext { color: #c0c0c0; display: block; font-size: 12px; line-height: 15px; margin-top: 10px; }
.auth .helptext a { color: #808080; }
.auth .helptext a:hover { color: #000; }
.auth .errorlist { color: #ff5542; font-size: 12px; 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 #id_view { background-color: #f0f0f0; background-position: center center; background-size: cover; border-radius: 20px; float: left; height: 40px; width: 40px; }
.auth #id_label { background-color: #fff; border: #e0e0e0 1px solid; border-bottom: #d0d0d0 1px solid; border-right: #d0d0d0 1px solid; border-radius: 3px; color: #000; cursor: pointer; line-height: 20px; margin-left: 50px; margin-top: 10px; overflow: hidden; padding: 0 10px; text-overflow: ellipsis; transition: color 0.2s; white-space: nowrap; width: 180px; }
.auth #id_label:hover { color: #808080; }
.auth select { background-color: #fff; border: #e0e0e0 1px solid; border-bottom: #d0d0d0 1px solid; border-right: #d0d0d0 1px solid; border-radius: 3px; box-shadow: inset -5px 0 0 #d0d0d0; color: #000; height: 30px; padding: 4px 10px; padding-right: 5px; width: 141px; }
.auth textarea, .auth input[type=text], .auth input[type=url], .auth input[type=email], .auth input[type=password] { background-color: #fff; border: #e0e0e0 1px solid; border-bottom: #d0d0d0 1px solid; border-right: #d0d0d0 1px solid; border-radius: 3px; color: #000; padding: 4px 10px; width: 280px; }
.auth textarea { padding-right: 2px; width: 288px; }
.auth textarea#id_bio { min-height: 60px; }
.auth input[type=submit] { background-color: #fff; border: #0075e7 1px solid; border-bottom: #006dd6 1px solid; border-right: #006dd6 1px solid; border-radius: 3px; color: #0075e7; float: right; line-height: 20px; margin-top: 10px; padding: 4px 14px; }
.auth .text.left { float: left; }
.auth .text.left input { border-right: 0 none; border-bottom-right-radius: 0; border-top-right-radius: 0; width: 139px; }
.auth .text.right input { border-bottom-left-radius: 0; border-top-left-radius: 0; width: 118px; }
.auth .half input[type=text] { width: 118px; }
.auth .half.left { float: left; margin-right: 20px; }
.auth .login { background-color: #fff; border-top: #e0e0e0 1px solid; border-bottom: #d0d0d0 1px solid; border-right: #d0d0d0 1px solid; border-bottom-right-radius: 3px; border-top-right-radius: 3px; float: left; padding: 4px 0; padding-left: 10px; width: 108px; }
.auth .currency { background-color: #fff; border: #e0e0e0 1px solid; border-bottom: #d0d0d0 1px solid; border-bottom-left-radius: 3px; border-top-left-radius: 3px; color: #808080; float: left; padding: 4px 0; text-align: center; width: 20px; }
.auth .donate { background-color: #fff; border-top: #e0e0e0 1px solid; border-bottom: #d0d0d0 1px solid; border-right: #d0d0d0 1px solid; border-bottom-right-radius: 3px; border-top-right-radius: 3px; float: left; width: 117px; }
.auth .donate a, .auth .donate b { display: block; padding: 4px 0; }
.auth .donate b { padding-left: 10px; }
.auth .donate a { border-left: #e0e0e0 1px solid; color: #808080; font-weight: bold; float: right; padding-left: 10px; padding-right: 10px; }

.members { overflow: hidden; padding: 5px 0; }
.members .box { float: left; width: 10%; }
.members .box:first-child img { border-top-left-radius: 3px; }
.members .box:nth-child(10) img { border-top-right-radius: 3px; }
.members .box:nth-child(11) img { border-bottom-left-radius: 3px; }
.members .box:last-child img { border-bottom-right-radius: 3px; }
.members .box img { height: auto; width: 100%; }

.about h1 { color: #00cdd1; font-size: 33.75px; letter-spacing: -2px; line-height: 30px; overflow: hidden; padding-top: 15px; padding-bottom: 10px; padding-left: 50px; white-space: nowrap; }
.about h3 { color: #0051a3; font-size: 16px; line-height: 20px; text-indent: 50px; padding: 5px 0; }
.about h5 { color: #808080; font-size: 12px; }
.about p { padding: 5px 0; text-indent: 50px; }
.about p em { color: #808080; font-style: normal; }
.about a { color: #0075e7; }
.about a:hover { color: #0051a3; }
.about .details { color: #808080; }
.about .list { padding: 5px 0; }
.about .list li { margin-left: 0; padding-left: 50px; }
.about .last { padding-bottom: 10px; }

@media (max-width: 720px) { .content { width: 75%; } }
@media (max-width: 540px) { .content { max-width: 480px; width: auto; }
  .list li .username { display: block; }
  .author.tiny { margin-top: -15px; padding-left: 10px; width: 30px; }
  .author.tiny img { height: 30px; width: 30px; }
  .author .handle, .author .name, .logo a.external { display: none; } }
@media (width: 320px) { .tabs .minimal { display: none; } }
@font-face { font-family: "Noto"; font-style: normal; font-weight: normal; src: url(/static/fonts/noto-regular.woff) format("woff"); }
@font-face { font-family: "Noto"; font-style: normal; font-weight: bold; src: url(/static/fonts/noto-bold.woff) format("woff"); }