/* main default colors and fonts */

html { background: #000; margin: 0; padding: 0; width: 100%; }
body { font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff; background: #000; margin: 0; }
/* NOTE: set margin,padding,width on the html tag, but not the body tag
    – or you'll have horizontal scrollbar issues; actually, margin: 0 seems necessary on the body, hrm */

select    { font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 1px; }
textarea  { font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a         { font-weight: bold; text-decoration: none; }
strong    { font-weight: bolder; }
select    { background: #555; color: #fff; }
form      { margin-bottom: 0; }

input, button, .input {
    font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 1px;
    background: #303; color: #fff; border: 1px solid #999;
}

a:link    { color: #bbf; }
a:visited { color: #aaf; }
a:active  { color: #aaf; }
a:hover   { color: #aaf; }

p { max-width: 6in; }

.jsonly { color: #bbf; cursor: pointer; }

#title-area {
    top: 0; left: 0; right: 0; margin: 0;
    width: 100%; height: 120px;
    background: #111;
    border-bottom: 2px solid #333;
}

#moblogo { display: none; }

#title-area img#stdlogo {
    margin: 0.5em;
}

#title-area span#mudname {
    margin: -1em;
    font-weight: bold;
    font-size: 6em;
    font-style: italic;
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.folder:first-of-type { margin-top: 3em; }

.folder-container {
    position: absolute;
    padding: 0.25em 1em;
    z-index: 42;
}

#content { /* is also a folder-container */
    left: 0; width: 45%;
}

#sidebar { /* is also a folder-container */
    right: 0; width: 45%;
}

#content-container-container {
    position: absolute;
    left: 3em; top: 135px; right: 3em;
}

#logs { margin-top: 1em; margin: 0; padding: 0; max-height: 7em; overflow: auto; }
#logs .log-entry { font-family: monospace; margin: 0; padding: 0; display: block; }
#logs .log-entry.notice, #logs .log-entry.info { color: grey; }
#logs .log-entry.error { color: red; }
#logs .log-entry.warnign { color: yellow; }

#logs p.log-entry { max-width: none; width: none; }

div.folder {
    position: relative;
    margin: 1em;
    max-width: 6in;
}

div.folder pre {
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: auto;
}

div.folder.actual-monospaced-pre img[src='/icons/back.gif'],
div.folder.actual-monospace-pre  img[src='/icons/back.gif'] {
    background: white; /* the back icon looks like pure shit with a black background */
}

div.folder.actual-monospaced-pre pre,
div.folder.actual-monospace-pre pre {
    font-family: monospace !important;
}

div.folder h1.foldertitle {
    margin: 0; padding: 0;
    margin-bottom: 1em;
}

#tabs {
    position: absolute; top: 120px; left: 3em; right: 3em;
    border: none; width: 6in; overflow: hidden;
    z-index: 2038; display: none;
    padding: 0; padding: 3px 0px;
    margin: 0; margin-top: -0.5em; /* overlap the title area */
}

div#tabs.folded-menu {
    border: 3px solid #505;
    margin-top: -1.5em;
}

a.unimaginably-special, #tabs .nav-item {
    display: inline; background: #404; color: white;
    margin: 0; margin-right: 5px; padding: 2px 5px;
    border: 1px solid #111;
    border-left: 1px solid #333;
    border-top:  1px solid #333;
    cursor: pointer;
    outline: 0;
}

div#tabs.folded-menu

a.unimaginably-special:active, #tabs .nav-item:active {
    border: 1px solid #333;
    border-left: 1px solid #111;
    border-top:  1px solid #111;
}

#tabs .nav-item.nav-current-location {
    font-style: italic;
    color: #ff9;
}

a.unimaginably-special {
    float: right; margin: 0.1em 0.5em;
}

p.error { color: red; font-weight: bold; }

.shy { display: none; }

#didlog p.diditem {
    text-size: 0.8em; padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: pre-wrap !important;
}

#wide-load {
    height: 0; margin: 0; padding: 0;
    width: 100%;
    z-index: 1973; /* make sure this is higher than the #content
                   ** and #sidebar, or you won't be able to click
                   ** anything cuz they'll be sitting on top of your
                   ** wide content …
                   */
}

div.right-captioned-image {
    width: 2in; padding: 0; float: right; margin: 1em;
    margin-right: -3em;
}
div.right-captioned-image > * { margin: 0; padding: 0; width: 100%; }
div.right-captioned-image p {
    text-align: center; font-style: italic; width: 80%;
}

#wide-load div.folder, #wide-load div.folder-content, #wide-load div.folder-title {
    max-width: none; width: auto;
}

/* jquery ui overrides */

.ui-dialog { font-size: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* end of jquery ui overrides */

div#whole-screen {
    background: rgba(5,0,5, 0.85);
    margin: 0; padding: 0;
    position: fixed;
    top: 0; left: 0; right: 1px; bottom: 1px;
    width: 100%; height: 100%;
    z-index: 3000;
    text-align: center;
}

div#whole-screen img {
    padding: 0; margin: 0; margin-top: 2em;
    max-width: 90%;
    max-height: 90%;
    border: 3px solid #303;
}

div#whole-screen div#notification-area {
    position: fixed; top: 10%; bottom: 10%;
    width: 10px; /* border: 1px dotted lime; */
    overflow: visible;
    z-index: 3010;
}

div#whole-screen p.notice.error { color: red }
div#whole-screen p.notice {
    width: 3in;
    font-weight: bold;
    margin: 1em; padding: 0.5em;
    background: rgba(10, 0, 10, 0.8);
    border: 1px solid #333;
    z-index: 3011;
}

div#whole-screen p.notice.text-data {
    white-space: pre-wrap;
    font-family: monospace;
    text-align: left;
}

img#rbd-☹ {
    bottom: 0 !important;
    width: 98%;
    height: auto;
    margin-top: 3em;
}

.ui-dialog a { outline: 0; }
.ui-dialog pre { white-space: pre-wrap; }