@media all {
/* Main tags */
body {background:linear-gradient(#e4e5ea, #fff 70%); background-repeat:no-repeat}

/* Misc */
small, dt {color:#888}
small a, dt a {color:#55f}
#loading {background:#dcff52; border:solid #d4e58f; border-width:0 1px 1px 1px; box-shadow:rgba(0, 0, 0, 0.2) 0 0 3px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 3px}
.enabled, #skins a:hover {background:#ffa}
.disabled {color:#888}
.disabled:hover {color:#888; text-decoration:none}
.highlight {background:yellow}

/* Header */
#hdr {background:linear-gradient(#fff, #e4e5ea)}
#hdr h1 a {color:#000}
#hdr h1 a:hover {text-decoration:none}
#hdr h1 a:hover span {text-decoration:underline}

/* User bar */
#bar {background:linear-gradient(#ffffff 25%, #f4f3f3 50%, #ededed 50%, #fdfcfd 100%); border-bottom:1px solid #ababab; border-top:1px solid #c1c1c1; box-shadow:0 0 5px 0 #ababab}
#bar strong a {color:#000}
#bar .button {border-radius:0}
#bar li a .button {background:linear-gradient(#e9ebe8 25%, #d8dad6 50%, #cbceca 50%, #f8faf7 100%); border:1px solid #b2b4b1; box-shadow:inset 0 1px 1px #ffffff}
#bar li a .button input {color:#000; text-shadow:#ececec 0 -1px}
#bar li a .button:hover  {box-shadow:inset 0px 0px 5px 2px rgb(255, 255, 255, .5)}
#bar li a .button:active {box-shadow:inset 0px 0px 15px 2px rgba(0, 0, 0, .5)}
#login {border-top:0; border-bottom:0; border-left:0; border-right:1px solid; border-image:linear-gradient(to bottom, #c1c1c1, #ababab); border-image-slice:1}
/* #nav-dpav select {border-radius:0; border-color:#bbb; box-shadow:inset 0 5px 10px rgba(0,0,0,.07); background:#fff} */
#displayAvatars select {border-radius:0; border-color:#bbb; box-shadow:inset 0 5px 10px rgba(0,0,0,.07); background:#fff}

/* Body */
#body {background:linear-gradient(#ecedee, #fff); background-repeat:no-repeat; background-size:100% 90px}
#wrapper {border-top:0; border-bottom:0; border-left:1px solid; border-right:1px solid; border-image:linear-gradient(to bottom, #c1c1c1, #fff); border-image-slice:1; background:#fff}

/* Tags & gambits */
#tagArea {margin-bottom:20px!important}
#tags a {color:#777}
#gambits a {color:#00f}

/* Search form */
#searchText {border-right:0}
#submit {border-top-left-radius:0; border-bottom-left-radius:0}
#reset {color:#bbb}
#searchText:focus + .fr #reset {color:#555}
#reset:hover, #searchText:focus ~ #reset:hover {text-decoration:none; color:#000}

/* Messages */
.msg .close {border:1px solid #fff; color:#fff; text-decoration:none}
.msg .close:hover {background:#fff; color:#000; text-decoration:none}
.msg .close:active {background:#aaa}
.msg {background:#ddd}
.info {background:#fad163}
.success {background:#cf0}
.warning {background:#c00; color:#fff}
.warning a, .warning a:hover {color:#fff; text-decoration:underline}

/* Stars */
.star0 {color:#ccc}
a.star0:hover {color:#fe7}
.star1, a.star1:hover {color:#fc0}
a.star0:active, a.star1:active {color:#e4b600}
.starred td {background:#ffa}

/* Conversation labels */
.locked {background:#999; color:#fff}
.private {background:#7b00ad; color:#fff}
#gambits a.privateText {color:#7b00ad}
.sticky {background:#f90; color:#fff}
#gambits a.stickyText {color:#f60}
#gambits a.starredText {color:#efcb00}
#gambits a.lockedText {color:#888}
.draft {background:#0b2; color:#fff}
#gambits a.draftText {color:#0b2}

/* Conversations table */
.c th {background-color:#ddd}
.c td {border-bottom:1px solid #ddd}
.c strong a {color:#000}
.c .author a, .c .lastPost a {color:#000}
.c td.avatar img {border:1px solid #ddd}
.c .p1 {color:#000}
.c .p2 {color:#666}
.c .p3 {color:#aaa}
#newResults td {border:0}

/* Conversation header */
#cHdr {padding:10px 0!important}
/* Info and title (left part) */
#cInfo:not(.text) {border-style:none; border-width:1px}
#cInfo .editable {border-style:dashed; border-width:1px; border-color:#bbb}
#cInfo .editable:hover {border-style:dashed; border-width:1px; border-color:#777}
#cInfo .editable:focus {border-style:solid; border-width:1px; box-shadow:inset 0 5px 10px rgba(0, 0, 0, 0.07)}
#cTags a {background:#e4e4e4; color:#000}
#cTags a:hover {background-color:#ccc; text-decoration:none}
#cTags a:active {background-color:#888}
/* Members allowed (right part) */
#allowed a.d:hover {color:#f00; text-decoration:line-through}
#addMember {border-right:0; border-top-right-radius:0; border-bottom-right-radius:0}
#addMemberSubmit {border-top-left-radius:0; border-bottom-left-radius:0}

/* Pagination */
.pg {background:#fff}
.pg li {border:1px solid #bbb}
.pg li.middle {border-width:1px 0}
.pg .viewing div {background:#d7eef4; border:1px solid #879ec4}
.pg .viewing:hover div {background:#e9f3f2}
.pg .viewing:active div {background:#abcbe3}
.pg .unread {background:#ffc; color:#f71}

/* Conversation post */
.p {border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; border-bottom-style:solid; border-bottom-width:1px}
.p .hdr, .p .hdr small, .p .hdr a {color:#000}
.p .hdr select, .p .hdr input.save {border:dashed rgba(0,0,0,0.2); border-width:1px}
.p .hdr select option {background:#fff}
.p .hdr .controls a {background:rgba(0,0,0,0.1)}
.p .hdr .controls a:hover {background-color:#fff; text-decoration:none}
.p .hdr .controls a:active {background-color:#888}
.p .body video {background:rgba(0,0,0,0.05)}
.p.r {border-left-style:none!important; border-left-width:0!important; border-bottom-style:none!important; border-bottom-width:0!important}
.p.l {border-right-style:none!important; border-right-width:0!important; border-bottom-style:none!important; border-bottom-width:0!important}
.deleted, .deleted .hdr, .deleted .hdr a {color:#888}
.deleted {background:#eee; border-color:#eee}

/* Reply to a conversation */
.editButtons .button {border-radius:0}
.editButtons .big {border-radius:5px; border-top-left-radius:0; border-top-right-radius:0}

/* Formatting buttons */
.p .controls .formattingButtons a:hover {background-color:#fff; text-decoration:none}
.p .controls .formattingButtons a:active {background-color:#888}

/* Code, quotes, headers */
pre {border:1px dashed #bbb}
code {background:#e6e6e6}
blockquote {background:#eee; background:rgba(0, 0, 0, .07); border:solid #ccc; border:solid rgba(0, 0, 0, .15); border-width:1px 0; margin:0 10px 1em!important; padding:5px 7px 0!important}
.p .body h3 {border-bottom:1px solid #bbb}
.p hr {color:#bbb; border:solid #bbb; border-width:1px 0 0}

/* Admin */
#admin {border-left:175px solid #eee; border-image:linear-gradient(180deg, #eee, #fff); border-image-slice:1; background:#fff}
#admin .menu {border-right:1px solid #ccc}
#admin .menu li.active a {background:#fff; border:solid #ccc; border-width:1px 0 1px 1px; color:#000}
#admin .inner {border-left:1px solid #ccc}
#admin .stats li {border-bottom:1px solid #ddd}
.form.logoForm img {border:1px dashed #bbb}
.form.iconForm img {border:1px solid #ddd}

/* Plugins */
#plugins .controls a, #plugins .toggle {background:#cdffba; color:#258500}
#plugins .controls a, #plugins .enabled .toggle {color:#888; background:#e4e4e4}
#plugins .toggle:hover {background-color:#a3e18c; text-decoration:none}
#plugins .toggle:active {background-color:#64b346}
#plugins .enabled .toggle:hover, #plugins .controls a:hover {background-color:#ccc; text-decoration:none}
#plugins .enabled .toggle:active, #plugins .controls a:active {background-color:#a4a4a4}
#plugins li {border-bottom:1px solid #ddd}
#plugins li .settings {background:#fff}

/* Skins */
#skins a {color:#000}
#skins a:hover {text-decoration:none}
#skins .preview {background:#eee; border:1px solid #ddd; color:#ddd}
#skins a:hover .preview, #skins .enabled .preview {border-color:#aaa}

/* Profile */
.profile .form li {border-bottom:1px solid rgba(0,0,0,0.1)}

/* Footer */
#ftr #copyright {border:1px dashed #ccc}

/* Inputs, buttons, and other form elements */
input.text, textarea {background:#fff; border:1px solid #bbb}
input.text:focus, textarea:focus {border-color:#777}
#cInfo .editable:focus {background:#fff}
input::placeholder {color:#aaa}
.placeholder {color:#aaa}
fieldset {border:1px solid #ccc}
legend {color:#000}
fieldset legend a {color:#000}
fieldset.hidden {border-width:1px 0 0}
fieldset.hidden legend a {color:#666}

/* Buttons */
.button, .button input, #bar #logout .button input, #bar #rss .button input {color:#fff; text-shadow:#5F738D 0 -1px}
.button, #bar #logout .button, #bar #rss .button {background:linear-gradient(#B8C2D0 25%, #8699B2 50%, #6C81A0 50%, #8F9FB6 100%); border:1px solid #5F738D; box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.25)}
.button {border-radius:5px}
.button:hover, #bar #logout .button:hover, #bar #rss .button:hover {box-shadow:inset 0 0 0 2px rgba(255, 255, 255, .5)}
.button:active, #bar #logout .button:active, #bar #rss .button:active {box-shadow:inset 0 0 5px 2px rgba(0, 0, 0, .5)}
.buttonSmall {background:#e4e4e4; color:#000; text-shadow:#fff 0 1px; border:0; border-radius:0; box-shadow:none}
.buttonSmall:hover {color:#000; text-decoration:none}
.buttonSmall:active {color:#000}
.buttonDisabled, .buttonDisabled:active, .buttonDisabled:hover {background:linear-gradient(#e9ebe8 25%, #d8dad6 50%, #cbceca 50%, #f8faf7 100%); border:1px solid #b2b4b1; box-shadow:inset 0 1px 1px #ffffff}
.bigDisabled, .bigDisabled:active, .bigDisabled:hover {background:linear-gradient(#e9ebe8 25%, #d8dad6 50%, #cbceca 50%, #f8faf7 100%); border:1px solid #b2b4b1; box-shadow:inset 0 1px 1px #ffffff}
.buttonDisabled input, .buttonDisabled:active input, .buttonDisabled:hover input {color:#999; text-shadow:#fff 0 1px}
.bigDisabled input, .bigDisabled:active input, .bigDisabled:hover input {color:#999; text-shadow:#fff 0 1px}

/* Post colors */
.c1 .hdr, .p .c1 .hdr, #palette .c1 {background:#dfdfdf} .c1 {border-color:#dfdfdf}
.c2 .hdr, .p .c2 .hdr, #palette .c2 {background:#d2d2d2} .c2 {border-color:#d2d2d2}
.c3 .hdr, .p .c3 .hdr, #palette .c3 {background:#cf9eff} .c3 {border-color:#cf9eff}
.c4 .hdr, .p .c4 .hdr, #palette .c4 {background:#b29cff} .c4 {border-color:#b29cff}
.c5 .hdr, .p .c5 .hdr, #palette .c5 {background:#a5b1ff} .c5 {border-color:#a5b1ff}
.c6 .hdr, .p .c6 .hdr, #palette .c6 {background:#adccff} .c6 {border-color:#adccff}
.c7 .hdr, .p .c7 .hdr, #palette .c7 {background:#b4e7ff} .c7 {border-color:#b4e7ff}
.c8 .hdr, .p .c8 .hdr, #palette .c8 {background:#93fff1} .c8 {border-color:#93fff1}
.c9 .hdr, .p .c9 .hdr, #palette .c9 {background:#a4ffd4} .c9 {border-color:#a4ffd4}
.c10 .hdr, .p .c10 .hdr, #palette .c10 {background:#93ffae} .c10 {border-color:#93ffae}
.c11 .hdr, .p .c11 .hdr, #palette .c11 {background:#b5ff97} .c11 {border-color:#b5ff97}
.c12 .hdr, .p .c12 .hdr, #palette .c12 {background:#d4ff95} .c12 {border-color:#d4ff95}
.c13 .hdr, .p .c13 .hdr, #palette .c13 {background:#ebff99} .c13 {border-color:#ebff99}
.c14 .hdr, .p .c14 .hdr, #palette .c14 {background:#fff391} .c14 {border-color:#fff391}
.c15 .hdr, .p .c15 .hdr, #palette .c15 {background:#ffdb75} .c15 {border-color:#ffdb75}
.c16 .hdr, .p .c16 .hdr, #palette .c16 {background:#ffcd92} .c16 {border-color:#ffcd92}
.c17 .hdr, .p .c17 .hdr, #palette .c17 {background:#ffc19b} .c17 {border-color:#ffc19b}
.c18 .hdr, .p .c18 .hdr, #palette .c18 {background:#ffa3af} .c18 {border-color:#ffa3af}
.c19 .hdr, .p .c19 .hdr, #palette .c19 {background:#ffafdc} .c19 {border-color:#ffafdc}
.c20 .hdr, .p .c20 .hdr, #palette .c20 {background:#eba5ff} .c20 {border-color:#eba5ff}
.c21 .hdr, .p .c21 .hdr, #palette .c21 {background:#c0c0db} .c21 {border-color:#c0c0db}
.c22 .hdr, .p .c22 .hdr, #palette .c22 {background:#abcbcd} .c22 {border-color:#abcbcd}
.c23 .hdr, .p .c23 .hdr, #palette .c23 {background:#b8d9c2} .c23 {border-color:#b8d9c2}
.c24 .hdr, .p .c24 .hdr, #palette .c24 {background:#c8d9b8} .c24 {border-color:#c8d9b8}
.c25 .hdr, .p .c25 .hdr, #palette .c25 {background:#e5e2ba} .c25 {border-color:#e5e2ba}
.c26 .hdr, .p .c26 .hdr, #palette .c26 {background:#e7d0bb} .c26 {border-color:#e7d0bb}
.c27 .hdr, .p .c27 .hdr, #palette .c27 {background:#cdc5bd} .c27 {border-color:#cdc5bd}
  
/* Special properties */
input.text, textarea, .pg {box-shadow:inset 0 5px 10px rgba(0, 0, 0, 0.07)}

/* Mobile properties */
@media only screen and (max-width:1000px) {
#wrapper {border-left:0; border-right:0}
}

@media only screen and (max-width:620px) {
#admin {margin-top:0; border-left:0; border-image:none; background:unset}
#admin .menu {border:1px solid #ccc}
#admin .menu li a {background-color:#eee; border-top:1px solid #ccc}
#admin .menu li:first-child a {border:none}
#admin .inner {border-left:0}
}

/* Formatting controls */
@media only screen and (max-width:570px) {
.p.l {border-left-width:0!important}
.p.r {border-right-width:0!important}
#cPosts .p .hdr .controls {background:#ddd}
.formattingCheckbox {border-top:1px solid rgba(0,0,0,0.2)}
}