a:link,
a:visited {
    color: #ffe600;
    background-color: transparent;
    text-decoration: underline;
    transition: 0.2s;
}

a:hover {
    color: #ff9200;
    background-color: transparent;
    text-decoration: none;
}

/* Navigation links - for the link tree. */
.nav,
.nav:link,
.nav:visited {
    color: #ffe600;
    background-color: transparent;
    text-decoration: underline;
}
a.nav:hover {
    font-weight: bold;
    color: #ff9200;
    background-color: transparent;
    text-decoration: none;
}

/* Tables should show empty cells too. */
table {
    empty-cells: show;
    width: 100%;
    overflow: hidden;
}

#wrapper {
    margin: 0px auto;
    max-width: 1500px;
}

.bbc_img, .smalltext img {
    max-width: 100%;
}

/* set a fontsize that will look the same in all browsers. */
body {
    font-family: "Times New Roman", serif !important;
    background-color: black;
    margin: 0;
    padding: 30px 37px 50px 37px;
}

/* Most main text */
.content,
.roundframe,
#profileview,
.description,
.information,
.windowbg,
.windowbg2,
.windowbg3,
body {
    color: #04d1fb !important;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input,
textarea,
.sceditor-container iframe,
.sceditor-container textarea,
div.sceditor-toolbar {
    background-color: #bef7ff !important;
    background-image: linear-gradient(0deg, #bef7ff 44.44%, #b5f5ff 44.44%, #b5f5ff 50%, #bef7ff 50%, #bef7ff 94.44%, #b5f5ff 94.44%, #b5f5ff 100%) !important;
    background-size: 18.00px 18.00px !important;
}

input,
textarea,
.sceditor-container iframe,
.sceditor-container textarea {
    font-size: 9pt;
    color: #000000;
}

.sceditor-container {
    min-height: 500px !important;
    min-width: 99.5% !important;
    border-radius: 0px !important;
    border: 3px ridge black !important;
}

.sceditor-container iframe,
.sceditor-container textarea {
    padding: 10px !important;
}

/* The main post box - this makes it as wide as possible. */
.editor {
    width: 100%;
    min-height: 500px !important;
    font-size: 11pt;
}

div.sceditor-toolbar {
    border: 0px !important;
    background-clip: unset !important;
    border-radius: 0px !important;
}

div.sceditor-group {
    background-color: #edfeff !important;
    border-radius: 0px !important;
}

.sceditor-button {
    border-radius: 0px !important;
}

.sceditor-group > * {
    /* filter: drop-shadow(0px 0px 5px yellow); */
}

form #postmodify .clear {
    display: none;
}

/* Checkboxes shouldn't have a background color. */
input.check {
    background-color: transparent;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    background-color: #bef7ff;
}

img {
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.content,
.roundframe,
#profileview,
.description,
.information {
    background-color: #0a0a0a !important;
    border: 1px solid yellow !important;
}

.content,
.roundframe,
h3.titlebg,
h4.titlebg,
h3.catbg,
h4.catbg {
    border: none !important;
}

ul.dropmenu li a.firstlevel,
ul.dropmenu li ul {
    background-color: #f3cd00 !important;
}

ul.dropmenu li a.active.firstlevel {
    background-color: #927b00 !important;
}

.signature,
.custom_fields_above_signature,
.attachments {
    border: none !important;
}

/* Standard horizontal rule.. */
hr {
    color: #6394bd;
    background-color: transparent;
}
/* A more colorful hr.. */
.hrcolor {
    height: 1px;
    border: 0;
    background-color: #6394bd;
}

/* A quote, perhaps from another post. */
blockquote {
    color: #22ffc2;
    background-color: #272727;
    border: 1px solid black;
    margin: 10px 5px;
    padding: 1px;
    font-size: 12px;
}

.bbc_quote_footer {
    background-color: #39104b !important;
    border-color: #edbd00 !important;
}

/* A code block - maybe even PHP ;). */
code {
    color: #00ff10;
    background-color: #000000;
    display: block;
    margin: 1px auto 1px auto;
    padding: 1px;
    /* font-size: x-small; */
    line-height: 1.3em;
    overflow: auto;
    width: 99%;
    white-space: pre-wrap;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader,
.codeheader {
    color: #ffe600;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: x-small;
    line-height: 1.2em;
}

/* For links to change the code stuff... */
.codeoperation {
    font-weight: normal;
}

/* Generally, those [?] icons. */
.help {
    cursor: help;
    background-color: transparent;
}

/* /me uses this a lot. */
.meaction {
    color: red;
    background-color: transparent;
}

/* Highlighted text - such as search results. */
.highlight {
    background-color: yellow;
    font-weight: bold;
    color: black;
}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2 {
    background-color: #b3f4b0;
    color: black;
}

/* Alternating backgrounds... */
.windowbg,
.windowbg3 {
    background-color: #0e1317 !important;
}
.windowbg2 {
    background-color: #003039 !important;
}

/* Color for background of posts requiring approval */
.approvebg {
    color: #121212;
    background-color: #f6e0d4;
}
/* Color for background of *topics* requiring approval */
.approvetbg {
    color: #000000;
    background-color: #e4a17c;
}

/* Titles - such as table headers. */
.titlebg,
tr.titlebg th,
tr.titlebg td,
.titlebg a:link,
.titlebg a:visited,
.titlebg2,
tr.titlebg2 th,
tr.titlebg2 td,
.titlebg2 a:link,
.titlebg2 a:visited {
    font-weight: bold;
    font-style: normal;
    color: #fff;
    background-color: #0b0b0b;
}
.titlebg a:hover,
.titlebg2 a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* The category headers, page indexes, and such things. */
.catbg tr,
.catbg,
.catbg3,
.catbg a:link,
.catbg a:visited {
    font-weight: bold;
    background-color: #3e1557 !important;
    background-image: url("./images/purple-flux.jpg");
    background-size: 150px;
    color: #fc15ff !important;
    text-decoration: none;
    border: none !important;
}

/* The borders around things. */
.bordercolor {
    background-color: #edbd00;
}
.tborder {
    border: 1px dashed #6b6b6b;
}

/* Default font sizes. */
.smalltext {
    font-size: 12px;
    font-family: "Times New Roman", serif !important;
}
.normaltext {
    font-size: 13px;
}
.largetext {
    font-size: 14px;
}
/* No image should have a border when linked */
a img {
    border: 0;
}

/* Calendar colours for birthdays, events and holidays */
.birthday {
    color: #920ac4;
}

.event {
    color: #078907;
}

.holiday {
    color: #000080;
}

/* Colours for warnings */
.warn_mute {
    color: red;
}

.warn_moderate {
    color: orange;
}

.warn_watch {
    color: green;
}

/* The AJAX notifier */
#ajax_in_progress {
    background: #32cd32;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 18pt;
    padding: 3px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

/* Styling for BBC tags */
.bbc_color a {
    color: inherit;
}

.bbc_img {
    border: 0;
}

.bbc_list {
    margin-top: 0;
    margin-bottom: 0;
}

.bbc_size {
    line-height: 1.3em;
}

.bbc_table {
    font: inherit;
    color: inherit;
}

.bbc_table td {
    font: inherit;
    color: inherit;
    vertical-align: top;
}

.bbc_u {
    text-decoration: underline;
}
/* styling the admin section */
ol.search_results {
    margin-top: 0;
    padding-top: 0;
}
ol.search_results li {
    padding-top: 5px;
}

.button_strip_submit {
    background: transparent;
    color: white;
    text-transform: uppercase;
    vertical-align: top;
    text-decoration: none;
    font-size: 9px;
    border: 0;
}

.button_strip_submit:hover {
    color: #e0e0ff;
}

.openid_login {
    background: white url(images/openid.gif) no-repeat;
    padding-left: 18px;
}

/* new features settings screen */
.features {
    clear: both;
    border-bottom: solid 1px #e0e0e0;
}
.features_image {
    float: left;
    margin: 1em 2em 0.5em 1em;
}
.features_switch {
    margin: 0.2em 1em 1em 1em;
    float: right;
}
.features h4 {
    padding: 2em 0 0.5em 0.5em;
    margin: 0;
    font-size: 1.1em;
}
.features p {
    padding: 0 1em 1em 1em;
    margin: 0;
}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div {
    border: 1px solid black;
    position: absolute;
}

/* An auto suggest item */
.auto_suggest_item {
    background-color: #dddddd;
}

/* hovered auto suggest item */
.auto_suggest_item_hover {
    background-color: #888888;
    cursor: pointer;
    color: #eeeeee;
}

/* Sometimes there will be an error when you post */
.error {
    color: red;
}

/* Messages that somehow need to attract the attention. */
.alert {
    color: red;
}

/* Per user colours */
.profile_custom_colours {
    background-color: #090909 !important;
    padding: 30px;
}

#left_admsection {
    background-color: black !important;
}

#smflogo {
    width: 100%;
    max-width: 400px;
    padding: 5px;
}

#shade, #shade-2, #shade-3 {
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

#shade {
    background-image: url("./images/rain.gif");
    background-size: 250px;
    opacity: 0.6;
    z-index: -10;
}

#shade-2 {
    background-image: url("./images/dust-clipart-cloud-smoke-12.png");
    background-size: 100% cover;
    z-index: -5;
}

#shade-3 {
    background-image: url("./images/starsky.gif");
    background-size: 150px;
    opacity: 0.9;
    z-index: -20;
}

#bunting {
    float: left;
    width: 100%;
    height: 100px;
    position: absolute;
    top: -5px;
    left: 0px;
    background-image: url("./images/glowstars.gif");
    background-size: 299px;
    opacity: 0.9;
    z-index: -2;
}

.smalltext .avatar {
    max-width: 80px;
}

#moon-link {
    float: left;
    position: absolute;
    top: 10px;
    left: 20px;
}

#cinni-link {
    float: left;
    position: absolute;
    top: 15px;
    left: 140px;
}
#cinni-link img {
    max-width: 80px;
}

#noirville-link {
    float: left;
    position: absolute;
    top: 20px;
    left: 250px;
}
#noirville-link img {
    max-width: 100px;
}

#radio {
    float: right;
    position: absolute;
    top: 25px;
    right: 40px;
    cursor: pointer;
}

#melonland-surf-club {
    float: right;
    position: absolute;
    top: 15px;
    right: 180px;
}

.conversations_message_row {
    padding: 10px;
    display: flex;
}

.conversations_postarea {
    width: unset;
}

.converation_poster, .conversation_post {
    padding-bottom: 20px;
}

.profile ul {
    padding: 0px;
}

.profile ul li {
    display: inline;
}

/* Generic colour helpers */
.sticky-title a {
    color: #fffac9 !important;
}

a {
    cursor: pointer;
}

/* Shoutbox */
.cat_bar.shoutbox_bar h3 {
    padding: 0px 10px;
    border: 1px solid #edbd00 !important;
}

.sbox_collapse {
    margin: 0px !important;
}

h3.catbg img.icon, div.titlebg img.icon, h3.catbg img {
    margin: 9px 8px 0 0 !important;
}

#shoutbox {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

#shoutbox, .shoutbox_melon {
    font-family: 'pixel basiic';
    letter-spacing: -0.4px;
    /* text-shadow: 1px 0px #ffce00; */
    font-size: 14px;
}

#shoutbox .content {
    background-color: #00213b !important;
    background-image: linear-gradient(0deg, #170024 38.89%, #2b0042 38.89%, #2b0042 50%, #170024 50%, #170024 88.89%, #2b0042 88.89%, #2b0042 100%);
    background-size: 18.00px 18.00px;
    box-shadow: inset 0px 0px 20px #390059;
    border-bottom: 1px solid #edbd00 !important;
    border-left: 1px solid #edbd00 !important;
    border-right: 1px solid #edbd00 !important;
    padding: 5px !important;
}

#shoutbox_banned {
    margin: 0px !important;
}

.shoutbox_input_bar {
    width: 80% !important;
}

.shoutbox_buttons_bar {
    width: 20% !important;
}

#shoutbox_message {
    padding: 4px !important;
}

.shoutbox_text_left span:first-child {
    color: #ffffe4 !important;
}

.shoutbox_melon a+span+a {
    color: yellow !important;
}

#shoutbox .content input {
    color: #ffffe4 !important;
    background-color: #3b005b !important;
    background-image: none !important;
    border-color: black !important;
}

/* Recent posts edits */
div.core_posts {
    border: unset !important;
    margin-bottom: unset !important;
}

div.core_posts div.content {
    border-top: 1px dashed #6b6b6b !important;
    padding: 20px 0px;
}

ul.quickbuttons {
    text-align: right;
}

ul.quickbuttons li {
    display: inline-block;
    padding: 5px 10px !important;
}

/* Super Quotes */

.floating_popup {
    background-color: #ffed93 !important;
    border: none !important;
    border-radius: 3px !important;
    font-family: "pixel basiic";
    box-shadow: 0 0 10px rgb(0, 0, 0) !important;
}

.floating_popup a {
    color: black;
}

#super_quotes_facebox .facebox_content {
    background-color: black !important;
    border: 1px dashed #edbd00;
}

#super_quotes_facebox .close {
    background-color: black !important;
}

#alerts {
    border: none !important;
    box-shadow: 0 0 10px rgb(0, 0, 0) !important;
}

/* Site sizing */

@media (min-width: 1400px) {
    #alerts {
        margin-left: 0px !important;
    }
}

@media (max-width: 1200px) {
    #noirville-link, #melonland-surf-club {
        display: none;
    }
}
@media (max-width: 1000px) {
    #moon-link,
    #cinni-link,
    #radio {
        display: none;
    }

    .conversations_message_row {
        flex-direction: column;
    }
}

#quickReplyOptions {
    display: none;
}