/*     ............................................................................
   .•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•.
  ••'..•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••..'••
 •• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
 ¤'.¤'    •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤• '¤.'¤
 ¤ •¤   •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•    ¤• ¤
 ¤ •¤ •¤¤¤¤¤¤¤¤¤•          '"""""""""'          '"""""""""'          '""""""¤¤¤•      ¤• ¤
 ¤ •¤¤¤¤¤¤¤¤¤¤•.u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤u.•        ¤• ¤
 ¤ •¤¤¤¤¤¤¤¤• ¤¤¤¤'     .u¤¤¤¤¤¤ ¤¤¤¤¤¤¤• ¤¤•'    '"¤¤¤¤• ¤¤•'       .u¤  ¤¤¤¤        ¤• ¤
 ¤ •¤¤¤¤¤¤•  u¤¤¤  •¤¤¤¤¤¤¤¤¤¤• . •¤¤¤¤¤  ¤¤¤¤¤¤¤¤u  "¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤  ¤¤¤¤u     •¤¤• ¤
 ¤ •¤¤¤¤•    ¤¤¤¤u.     '"¤¤¤" ¤¤¤ "¤¤¤¤  ¤¤¤'¤¤¤¤¤¤  ¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤   •¤¤¤¤• ¤
 ¤ •¤¤•      "¤¤¤¤¤¤¤¤¤•  ¤¤' ¤•""" '¤¤¤  ¤¤" ¤¤¤¤"  u¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤¤¤¤¤¤¤" •¤¤¤¤¤¤• ¤
 ¤ •¤         ¤¤¤•'     .¤¤'.u¤¤¤¤¤u.'¤¤ u¤¤      .u¤¤¤¤ u¤¤¤¤¤¤ u¤¤¤¤¤(  )¤¤¤.¤¤¤¤¤¤¤¤• ¤
 ¤ •¤        •.'"¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤"'.•¤¤¤¤¤¤¤¤¤• ¤
 ¤ •¤      •¤¤uuu.....        ¤¤¤¤¤ .......          ...........          •u¤¤¤¤¤¤¤¤• ¤• ¤
 ¤ •¤    •¤¤¤¤¤¤¤¤¤•          ¤¤¤ u¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•   ¤• ¤
 ¤ '¤. •¤¤¤¤¤¤¤¤¤•          • ¤ u¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•    .¤' ¤
 •• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤..u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
  ••.''•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••''.••
   '•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•'
       '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''       */
/*                                                                                         */
/* "SaidItron Purple" SubSaidIt CSS Theme                                                  */
/*                                       for https://SaidIt.net                            */
/*                                       and https://WikiSpooks.com's 10th Anniversary     */
/*                                       by /u/JasonCarswell 2020-05-04 to 2020-05-15      */
/*                                                          referenced:                    */
/*                                                              /s/Deutsch/                */
/*                                                              /s/DecentralizeAllThings/  */
/*                                                              /s/WhiteOwlSocialClub      */
/*                                                              /s/CringeAnarchy           */
/*                                                              /s/Ice_Poseidon2           */
/*                                                                                         */
/* "SaidItron" in other colors:  (coming soon)                                             */
/*                              "SaidItron Green" on /s/GreenParty by /u/JasonCarswell     */
/*                              "SaidItron Flesh" on /s/PinUps     by /u/JasonCarswell     */
/*                                                                                         */

/* All /u/JasonCarswell CSS themes for SaidIt:                                             */
/*                                                                                         */
/* "Ergonomix"         Designed for maximum readability and efficient practicality         */
/*                        with a modicum of design aesthetics.                             */
/*                        Applied to over 20 subsaidits.                                   */
/*                        https://saidit.net/s/DecentralizeAllThings/about/stylesheet/     */
/*                                                                                         */
/* "SimpleTweaks"      Designed as a minimalist copy+paste CSS theme to enhance            */
/*                        SaidIt's default CSS.  This simple CSS is also perfect           */
/*                        for novice CSS designers to learn on and customize.              */
/*                        https://saidit.net/s/CorbettCommenters/about/stylesheet/         */
/* "SimpleTweaks-Viral"   https://saidit.net/s/Coronavirus/about/stylesheet/               */
/*                                                                                         */
/* "SaidItron"         A duo-tone theme initially for WikiSpooks designed to be            */
/*                        easily customized in under an hour for a palette                 */
/*                        gradient between two colors.                                     */
/* "SaidItron-Purple"     https://saidit.net/s/Wikispooks/about/stylesheet/                */
/* "SaidItron-Green"      https://saidit.net/s/GreenParty/about/stylesheet/                */
/* "SaidItron-Flesh"      https://saidit.net/s/PinUps/about/stylesheet/                    */
/*                                                                                         */
/*                                                                                         */

/* unfinished:
   - colour of NEW COMMENT field background to change:
       usertext-body .may-blank-within.md-container .new-comment #505f5f;
   - colour of NEW COMMENT field background to change to?:
       usertext-body .may-blank-within.md-container .new-comment
       .theme-nightmode
       .thing .new-comment .usertext-body #384422
   - post feed
      - tone down post hover
   - comments
      - adjust left + top margins re: body
      - tone down or remove post content hover
      - round text post corners + all submit boxes
      - adjust left-side collapse colors
      - adjust vote boxes and left margin
   - text + fringe stuff - adjust and adopt color
   - daymode
      - adjust visibility of header bar
      - find bug with "comments" "reply" "edit"
   - Simple Tweaks CSS
      - add customizations to "comments" and "submit content" to round it out

   - subsettings page
      - add character counts to all fields to deal with maximums
   - stylesheet page
      - add "HEADER BOTTOM LEFT Menu" to stylesheet? (for clarity and positioning)
      - "Saved"
         - add "text modified since last save"
         - add clock counter ?
         - animate fade out ?

   - learn about non-image gradients?

   - compare, import, revise, and overhaul Ergonomix

   - study code of /s/WhiteOwlSocialClub + /s/Ice_Poseidon2
   - isolate strange code to study

   - insert hyperlink (to SaidItron stylesheet and/or announcement banners)
   - insert sidebox important info
      - insert SaidIt donate link
   - develop universal flair for SaidIt + post to /s/SaidItCSSthemes

   - apply SaidItron to /s/GreenParty + /s/PinUps + subtler palette on /s/WikiSpooks
   - draft simple tutorials for SaidItron and Ergonomix
   - make Ergonomix-Muted - with less bright colours

   - update Ergonomix Subs

   - finish Ergonomix banners
   - find out how to swap out other buttons to conform to CSS
      - design new buttons if necessary
      - design buttons: expando for text, images, and playback
      - design buttons: insightful, fun, dislike, archive, upvote, downvote
      - design vector graphics for SaidIt use
         - SaidIt logo with/without text, day/night modes
         - vote buttons to scale for phones
         - flair
         - emoticons
   - design mobile CSS
                                                                                           */
/*                                                                                         */
/* unresolved:
   - cannot center thumbnail images without distortion or imballance
   - cannot center submit content tabs, forms, and subsaidit list
   - cannot isolate header tabs to round corners on only active tabs
   - cannot isolate and adjust Markdown help table
   -
                                                                                           */
/*                                                                                         */
/* bugs:
   - inconsistent between "background" and "background-color"
      - ie. comment "background" works but "background-color" does not, yet default is
   -
                                                                                           */
/*                                                                                         */
/* recommendations:
   - move the "reply" to the far left, like "comments" and                                 */
     put "edit" just right of it, like comments
   - make and on occasion post lists of new code that affects CSS to /s/SaidItCSSthemes
   -
                                                                                           */
/*                                                                                         */
/* to do:
   - addd to Markdown document /# and Pro Tips
   - draft mendacity
   - draft WikiSpooks ideas
      -
      -
   - draft White Owl Society Club ideas
      - purpose
      - titles
      - assistance
      - promotion
      - research
         - Russian 1990s collapse
      - activism
         - GreenParty
         - WikiSpooks
         - other truth-seeker communities
         - pooling and decentralizing resources
      - solutions
         - decentralize, DIY, self-reliance, sustainabiity
         - draft up documents of fundamentals
      - WikiSpooks utilization + integration
      - SaidIt flair
      - Ideas For SaidIt
         - Saidit Newsletters + open draft idea
         - Saidit vanity pages
      - SaidIt Online Store
      -
                                                                                           */
/*                                                                                         */
/* Customization options start here:
     Remove the " /* " symbols before and after the blocks of code to active them.
     If you don't want a header or sidebar image, keep them there.
     Next, upload an image onto your stylesheet and name it either
     "header" for the header image or "sidebar" for the sidebar image.
     Hit save and you're done!                                                             */
/*                                                                                         */
/*                                                                                         */
/* SaidItron-Purple COLOR SCHEME:                                                          */
/* banner grades                  from purple #332266;     to light purplish-blue #CCCCFF; */
/* purple shades            #201030; #302040; #332266; #3B2A6E; #443388; #554499; #6655AA; */
/*                          #8877EE;                                                       */
/*                          #AA99EE; #BBAAFF; #CCCCFF; #DDDDFF; #E8E8FF; #EEEEFF; #FFFFFF; */
/* "bolder" tones           #447744; #449944; #774477; #77DD77; #994499;                   */
/* muted shades             #201525; #252035; #282336; #302540; #353060; #504555;          */
/* greys                    #000000; #444444; #666666; #999999; #BBBBBB; #FFFFFF;          */
/* links day                    link #0055BB;  visited #6600CC;      orange hover #CC6600; */
/* links nite                   link #50A0D0;  visited #AD8BE0;      orange hover #EEB033; */
/* post links day               link #0022EE;  visited #6000B0;      orange hover #CC6600; */
/* post bg day                   odd #DDDDFF;     even #E8E8FF;         pinned bg #994499; */
/* post links nite              link #80B0E0;  visited #B098ED;      orange hover #EEB033; */
/* post bg nite                  odd #282336;     even #2A2040;         pinned bg #774477; */
/* post tagline + flatline -      grey-purple #8899CC;                                     */
/* post tagline day   date + domain + comment #552299;  visited #552299;    hover #CC6600; */
/* post tagline nite  date + domain + comment #7788FF;  visited #AA55BB;    hover #EEB033; */
/* post tagline day           author #992255;   friend #901090; comment submitter #992255; */
/* post tagline nite          author #BB8855;   friend #B07090; comment submitter #CC6666; */
/* notifications              orange #CC6600;   + bright orange #D07000; #EEBB33;          */
/*                                                                                         */
/*                                                                                         */

/***** END OF INTRO                                                                    *****/




/***** MISC.                                                                           *****/

.md a:hover {
   text-decoration: underline; }

button {
   background-color: #eaeaea;
   border: 1px solid #CCCCFF;
   padding: 4px 10px;
   border-radius: 5px; }

.theme-nightmode button {
   border: 0px solid #444444;}

button:hover {
   background-color: #e6e6e6;
   border: 1px solid #a6a6a6; }

.theme-nightmode button:hover {
   background-color: #222;
   border: 1px solid #595959; }

#stylesheet_contents {
   width: 95%;
   margin-left: 2%; }

::selection {
   background-color: #5ea6ed;
   color: #fff; }

/**    WHAT DOES THIS OLD CODE DO?

body::-webkit-scrollbar {
   width: 1em; }

body::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

body::-webkit-scrollbar-thumb {
   background-color: darkgrey;
   outline: 1px solid slategrey; }                                                        **/



/***** HEADER                                                                          *****/


/***** HEADER BANNER DAY + NIGHT                                                       *****/
/*     Replaces SaidIt default banner with over-wide banners that scale,
       and scrollbar additions not needed, nor use of settings menu banner option.         */

.banner-variant #header2 {
   display: none; }

#header {
   height: 100px; }

.theme-daymode   #header {
   background-image: url(%%WikiSpooks-Banner-Mirror-Grade%%);
   background-color: #CCCCFF;
   background-position: 50% -20px; }

.theme-nightmode #header {
   background-image: url(%%WikiSpooks-Banner-Mirror-Grade%%);
   background-color: #332266;
   background-position: 50% -20px; }


/***** HEADER BANNER Animation                                                         *****/

#header {
   -webkit-animation: scroll 750s linear infinite;
   animation: scroll 750s linear infinite; }

@-webkit-keyframes scroll {
   from { background-position: 0px 0%; }
   to { background-position: 10000px 0%; }
   }

@keyframes scroll {
   from { background-position: -10000px 0%; }
   to { background-position: 10000px 0%; }
   }


/***** HEADER SaidIt logo (image & home button) *****/

#header-img.default-header {
   background-position: 0px;
   min-height: 60px;
   width: 140px;
   margin: 30px 10px 0px 0px;
   position: fixed; top: 0px; right: 0px; }



/***** PAGENAME                                                                        *****/

.pagename {
   position: absolute;
   top: 27px;
   left: 20px;
   font-size: 0px; }

.pagename a {
   font-size: 40px !important;
   font-family: "Helvetica", "Arial", sans-serif;
   letter-spacing: 2px;
   text-transform: uppercase;
   font-variant: none;
   transition: 0.2s; }

.theme-daymode .pagename a {
   color: #DDDDFF !important; }

.theme-nightmode .pagename a {
   color: #DDDDFF !important; }

.pagename a:before {
   content: "/s/";
   font-family: "Helvetica", "Arial", sans-serif;
   letter-spacing: 4px;
   font-variant: none;
   text-transform: lowercase;
   font-size: 70%; }

.pagename a:hover {
   text-decoration: none;
   opacity: 0.6; }



/***** TOP NAVBAR                                                                      *****/

.theme-daymode #sr-header-area {
   background-color: #BBAAFF;
   border-bottom: none; }

.theme-nightmode #sr-header-area {
   background-color: #302040;
   border-bottom: none; }
 
#sr-header-area .dropdown span,
#sr-header-area .sr-list a,
#header-bottom-left .pagename {
   text-shadow: none; }

.theme-daymode #sr-header-area a {
   color: #373737;
   border-bottom: none; }

.theme-nightmode #sr-header-area a {
   color: #c8c8c8;
   border-bottom: none; }



/***** USERBAR                                                                         *****/

#header-bottom-right,
.res #header-bottom-right {
   float: right;
   top: 5px;
   background-color: #BBAAFF;
   border: none;
   border-radius: 5px;
   padding: 3px 5px;
   line-height: 18px;
   height: 18px;
   text-align: center;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px; }

.theme-nightmode #header-bottom-right {
   background-color: #302540; }

.theme-daymode #header-bottom-right a,
.theme-daymode #header-bottom-right .user,
.theme-daymode #header-bottom-right .separator {
   color: #302540;
   font-size: 12px;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-weight: normal;
   line-height: 14px; }

.theme-nightmode #header-bottom-right a,
.theme-nightmode #header-bottom-right .user,
.theme-nightmode #header-bottom-right .separator {
   color: #BBAAFF;
   font-size: 12px;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-weight: normal;
   line-height: 14px; }

.theme-daymode #header-bottom-right a:hover {
   font-weight: bold;
   text-decoration: underline;
   color: #332266; }

.theme-nightmode #header-bottom-right a:hover {
   font-weight: bold;
   text-decoration: underline;
   color: #CCCCFF; }

.theme-daymode #header-bottom-right .separator {
   color: #302540; }

.theme-nightmode #header-bottom-right .separator {
   color: #BBAAFF; }

#header-bottom-right .user,
#header-bottom-right .choice,
#header-bottom-right .logout a {
   text-shadow: none; }

/**    REMOVE - USERKARMA

#header-bottom-right .user .userkarma {
      display: none; }

#header-bottom-right .user {
      font-size: 0px !important; }                                                        **/

#header-bottom-right a.message-count {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-weight: bold;
   font-size: 110%;
   text-align: center;
   line-height: 9px;
   color: #FFFFFF;
   background-color: #DD8800;
   border-radius: 30px;
   border: 1px solid #CC0000;
   padding: 3px 5px 5px 5px;
   margin-left: 3px; margin-right: 0px; }

#header-bottom-right #RESAccountSwitcherIcon {
   position: relative;
   bottom: 3px; }

#header-bottom-left {
   border-bottom: none !important;
   overflow:hidden; }



/**    LOGIN FORM

.login-form-side {
   display:none; }

.login-form-side .submit {
   float: none; }

.login-form-side input[type="text"],
.login-form-side input[type="password"] {
   width: 48.2%; }

.theme-nightmode .login-form-side input[type="text"],
.theme-nightmode .login-form-side input[type="password"] {
   background:#000;
   color:#fff; }                                                                          **/



/***** TABMENU                                                                         *****/

#header .tabmenu {
   position: absolute;
   top: 73px;
   left: 10px; }

.tabmenu li {
   margin: 0; }

#header .tabmenu li a {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.5;
   border: none;
   padding: 3px 10px 3px 10px;
   height: 45px;
   line-height: 23px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom: none; }

#header .tabmenu li a.c-hidden {
   display:none; }

#header .tabmenu li:first-child a {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 0px; }

#header .tabmenu li:last-child a {
   border-top-right-radius: 10px;
   border-bottom-right-radius: 0px; }

.theme-daymode #header .tabmenu li a {
   background-color: #BBAAFF;
   color: #332266; }

.theme-nightmode #header .tabmenu li a {
   background-color: #302540;
   color: #BBAAFF; }

.theme-daymode #header .tabmenu li.selected a {
   background-color: #DDDDFF;
   color: #CC6600; }

.theme-nightmode #header .tabmenu li.selected a {
   background-color: #443388;
   color: #EEB033; }

.theme-daymode #header .tabmenu li:hover a {
   background-color: #CCCCFF;
   color: #CC6600; }

.theme-nightmode #header .tabmenu li:hover a {
   background-color: #6655AA;
   color: #EEB033; }

.theme-daymode #header .tabmenu li.selected a.post-comments.choice {
   border-top-right-radius: 10px; }

.theme-nightmode #header .tabmenu li.selected a.post-comments.choice {
   border-top-right-radius: 10px; }



/***** SIDEBOX                                                                         *****/

.side {
   /* background: url(%%WikiSpooks-Sidebar-Grade%%) no-repeat 0 0px;                       */
   z-index: 3;
   background-color: #CCCCEE;
   padding: 5px 10px 5px 8px;
   margin: 0px 0px 0px 8px;
   border-radius: 10px;
   width: 280px; }

.side.side-chat {
   margin: 5px 0px 0px 0px; }

.theme-daymode .side {
   border: 2px solid #BBBBBB;
   border-right: none;
   background-color: #DDDDFF; }

.theme-nightmode .side {
   border: 2px solid #444444;
   border-right: none;
   background-color: #302540; }

.theme-daymode .side:hover {
   border: 2px solid #999999;
   border-right: none; }

.theme-nightmode .side:hover {
   border: 2px solid #666666;
   border-right: none; }


/**    SIDEBOX BACKGROUND IMAGE

.side:before {
    content: " ";
    display: block;
    width: 280px;
    height: 200px;
    background-image: url(%%sidebar%%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: 10px;
    margin-bottom: -10px;
    z-index: -1;
    border-radius: 5px; }                                                                 **/


/***** SIDEBOX SEARCH                                                                  *****/

#search input[type=text] {
   margin: -5px 0px 0px 0px;
   padding: 5px;
   width: 280px;
   border-radius: 5px;
   font-family: "Helvetica", "Arial", sans-serif;
   letter-spacing: 0.2px;
   z-index: 9999; }

.theme-daymode #search input[type=text] {
   background-color: #CCCCFF;
   border: 2px solid #EEEEFF; }

.theme-nightmode #search input[type=text] {
   background-color: #AA99EE;
   border: 2px solid #CCCCFF; }

.theme-daymode #search input[type=text]:hover {
   background-color: #EEEEFF;
   border: 2px solid #FFFFFF; }

.theme-nightmode #search input[type=text]:hover {
   background-color: #CCCCFF;
   border: 2px solid #FFFFFF; }

#searchexpando {
   border-radius: 5px;
   border: none;
   padding: 20px;
   margin: 10px 10px 0 10px; }

.theme-daymode #searchexpando {
   background-color: #CCCCFF; }

.theme-nightmode #searchexpando {
   background-color: #443388; }



/***** SIDEBOX IMAGE (WikiSpooks Logo) below search                                    *****/

.side .spacer:nth-of-type(2) {
   background: url(%%WikiSpooks-Banner-W-Logo%%) center no-repeat;
   border-radius: 10px;
   height: 130px;
   padding: 0px 0px 0px 0px;
   margin: 10px 0px 0px 0px; }



/***** SIDEBAR _COMMENTS_ VISITS                                                       *****/

.linkinfo {
   padding: 10px;
   margin: 10px 0; }

.theme-daymode .comment-visits-box,
.theme-daymode .linkinfo,
.theme-daymode .login-form-side {
   color: #443388;
   background: none;
   border-radius: 5px;
   border: none; }

.theme-nightmode .comment-visits-box,
.theme-nightmode .linkinfo,
.theme-nightmode .login-form-side {
   color: #443388;
   background: none;
   border-radius: 5px;
   border: none; }



/***** SIDEBOX TITLEBOX (moved up)                                                     *****/

.titlebox {
   position: absolute;
   top: 190px; }

.titlebox .redditname a {
   color: #FFFFFF !important;
   font-size: 20px;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
   background-color: #6655AA;
   border: 3px solid #FFFFFF;
   border-radius: 5px;
   text-align: center;
   display: block;
   width: 275px;
   height: 40px;
   line-height: 38px; }

.titlebox .redditname a:hover {
   text-decoration: none;
   background-color: #8877EE; }



/***** SIDEBOX SUBSCRIBE / UNSUBSCRIBE BUTTON                                          *****/

.fancy-toggle-button .active {
   display: block !important;
   width: 165px;
   height: 15px;
   line-height: 20px;
   padding: 0px 10px 0px 10px;
   margin: 0px 60px -15px 45px;
   background-image: none;
   font-family: "Helvetica", "Arial", sans-serif;
   font-size: 14px;
   letter-spacing: 1px;
   text-transform: lowercase;
   text-align: center;
   border: none;
   border-radius: 5px; }

body.subscriber .fancy-toggle-button .add {
   text-transform: uppercase;
   font-weight: bold;
   color: #DDDDFF;
   border: 3px solid #447744;
   background-color: #447744; }

body.subscriber .fancy-toggle-button .add:hover {
   text-transform: uppercase;
   font-weight: normal;
   color: #447744;
   border: 3px solid #447744;
   background-color: #DDDDFF; }

body.subscriber .fancy-toggle-button .active {
   font-weight: normal;
   color: #DDDDFF;
   border: 3px solid #774477;
   background-color: #774477; }

body.subscriber .fancy-toggle-button .active:hover {
   font-weight: bold;
   color: #774477;
   border: 3px solid #774477;
   background-color: #DDDDFF; }



/***** SIDEBOX TITLEBOX SUBSCRIBE + USERS ONLINE                                       *****/

.users-online,
.subscribers {
   display: block;
   font-family: "Helvetica", "Arial", sans-serif;
   font-size: 11px;
   letter-spacing: 0.5px;
   font-weight: normal;
   text-align: center;
   border-radius: 5px;
   margin: 0px 42px 0px 25px; }

.theme-daymode .users-online,
.theme-daymode .subscribers {
   color: #504555;
   background-color: #CCCCFF; }

.theme-nightmode .users-online,
.theme-nightmode .subscribers {
   color: #8877EE;
   background-color: #252035; }

.theme-nightmode {
   background-color: black; }

.subscribers {
   margin-top: 10px;
   font-size: 120%;
   border-radius: 5px 5px 0 0;
   padding-top: 5px;
   margin-top: 5px; }

body.res .subscribers {
   margin-top: 35px; }

.users-online {
   margin-bottom: 5px;
   padding-bottom: 5px;
   border-radius: 0 0 5px 5px; }

.users-online:before {
   display: none; }

.subButtons {
   text-align: center; }


/**    SIDEBOX USERS ONLINE change the word for 'readers' and the currently online

.subscribers .word, .users-online .word{
   display: " White Owl(s)"; }

.subscribers .number:after {
   content: " Curious" }

.users-online .number:after {
   content: " White Owl" }                                                                **/



/**    WHAT DOES THIS OLD CODE DO?

.res-sr-style-toggle {
   display: none; }

.RESshortcutside,
.RESDashboardToggle,
.RESshortcutside.remove,
.RESDashboardToggle.remove {
   font-family: "Helvetica", "Arial", sans-serif;
   font-size: 13px;
   color: #808080;
   letter-spacing: 0.5px;
   font-weight: normal;
   border: none;
   border-radius: 5px;
   background-image: none;
   background-color: #e6e6e6;
   display: inline-block;
   width: 120px;
   height: 17px;
   line-height: 17px;
   margin: 5px 0 0 0; }

.RESshortcutside {
   float: left;
   margin-left: 10px !important; }

.RESDashboardToggle {
   float: right;
   margin-right: 10px !important; }

.RESshortcutside:hover,
.RESDashboardToggle:hover,
.RESshortcutside.remove:hover,
.RESDashboardToggle.remove:hover {
   background-color: #d9d9d9; }                                                           **/



/***** SIDEBOX MODERATOR / CONTRIBUTOR STATUS                                          *****/

/**

.leavemoderator,
.leavecontributor-button {
   display: none; }                                                                       **/

.leavemoderator,
.leavecontributor-button {
   color: #BBAAFF !important;
   background: #443388 !important;
   border-radius: 5px;
   padding: 7px;
   margin: 5px 25px 5px 12px; }

.leavemoderator a {
   color: #CC6600 !important; }


/***** SIDEBOX TITLEBOX FLAIR SELECTOR                                                 *****/

.flairselector h2 {
   background-color: #8877EE;
   color: #DDDDFF;
   font-weight: bold;
   border-radius: 5px; }

.titlebox form.flairtoggle {
   border-radius: 5px 5px 0px 0px;
   border-bottom: none;
   text-align: center;
   padding: 0px 0px 6px 0px;
   margin: 20px 0px 0px 5px; }

.titlebox form.flairtoggle:before {
   display: block;
   height: 30px;
   border-radius: 5px 5px 0px 0px;
   border-bottom: none;
   content: "flair";
   text-align: left;
   font-size: 130%;
   font-weight: normal;
   line-height: 30px;
   padding-left: 10px;
   margin: -10px 0px 5px 0px; }

.theme-daymode   .titlebox form.flairtoggle:before {
   background-color: #AA99EE;
   border: 1px solid #332266;
   border-bottom: none; }

.theme-nightmode .titlebox form.flairtoggle:before {
   background-color: #332266;
   border: 1px solid #AA99EE;
   border-bottom: none; }

.titlebox .tagline {
   border-radius: 0px 0px 5px 5px;
   border-top: none;
   text-align: center;
   font-size: 105%;
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 5px; }

.theme-daymode .titlebox form.flairtoggle,
.theme-daymode .titlebox .tagline {
   background-color: #CCCCFF; }

.theme-nightmode .titlebox form.flairtoggle,
.theme-nightmode .titlebox .tagline {
   background-color: #3B2A6E; }

.theme-daymode   .titlebox .flairtoggle,
.theme-daymode   .titlebox .flairtoggle label,
.theme-daymode   .titlebox .tagline,
.theme-daymode   .titlebox .tagline a.flairselectbtn.access-required {
   color: #332266; }

.theme-nightmode .titlebox .flairtoggle,
.theme-nightmode .titlebox .flairtoggle label,
.theme-nightmode .titlebox .tagline,
.theme-nightmode .titlebox .tagline a.flairselectbtn.access-required {
   color: #BBAAFF; }

.theme-daymode   .titlebox .tagline a.author {
   color: #443388; }

.theme-nightmode .titlebox .tagline a.author {
   color: #CCCCFF; }



/***** FLAIRS from DEUTSCHE                                                            *****/

.flair,
.linkflair .linkflairlabel {
   font-size: 14px;
   color: #808080;
   font-weight: 500;
   padding: 2px 4px;
   max-width: none;
   border-radius: 5px; }

.theme-nightmode .flair,
.theme-nightmode .linkflair .linkflairlabel {
   background-color: #0a0a0a;
   color: #7f7f7f;
   border-color: #7f7f7f; }

.linkflairlabel {
   position: relative;
   top: 3px; }

.flair {
   font-size: 11px !important; }

.res .flair {
   margin-left: 5px; }

.flair-userorange {
   color: #fff;
   background-color: #faa47a;
   border: 1px solid #faa47a; }

.flair-usergreen {
   color: #fff;
   background-color: #9fdf9f;
   border: 1px solid #9fdf9f; }

.linkflair-green .linkflairlabel {
   color: #fff;
   background-color: #9fdf9f;
   border: 1px solid #9fdf9f; }

.linkflair-blue .linkflairlabel {
   color: #fff;
   background-color: #6699cc;
   border: 1px solid #6699cc; }

.linkflair-red .linkflairlabel {
   color: #fff;
   background-color: #ff8080;
   border: 1px solid #ff8080; }

.linkflair-aqua .linkflairlabel {
   color: #fff;
   background-color: #69c9bb;
   border: 1px solid #69c9bb; }

.linkflair-orange .linkflairlabel {
   color: #fff;
   background-color: #faa47a;
   border: 1px solid #faa47a; }

.linkflair-aquathumb .linkflairlabel,
.linkflair-aquathumb .thumbnail {
   background-color: #69c9bb !important;
   border: none !important;
   color: #fff !important; }

.linkflair-greenthumb .linkflairlabel,
.linkflair-greenthumb .thumbnail {
   background-color: #9fdf9f !important;
   border: none !important;
   color: #fff !important; }

.linkflair-bluethumb .linkflairlabel,
.linkflair-bluethumb .thumbnail {
   background-color: #9cb3c9 !important;
   border: none !important;
   color: #fff !important; }

.linkflair-redthumb .linkflairlabel,
.linkflair-redthumb .thumbnail {
   background-color: #ff8080 !important;
   border: none !important;
   color: #fff !important; }

.linkflair-orangethumb .linkflairlabel,
.linkflair-orangethumb .thumbnail {
   background-color: #faa47a !important;
   border: none !important;
   color: #fff !important; }

.linkflair-aquathumb .thumbnail:after,
.linkflair-redthumb .thumbnail:after,
.linkflair-bluethumb .thumbnail:after,
.linkflair-greenthumb .thumbnail:after,
.linkflair-orangethumb .thumbnail:after {
   color: #fff !important; }



/***** SIDEBOX MODERATORS' SIDEBAR MESSAGE SECTION                                     *****/

.usertext.warn-on-unload {
   margin-right: 20px; }

.titlebox .age {
   position: relative;
   left: -28px }


/***** SIDEBOX SUBMIT LINK & TEXT POST BUTTONS (moved down)                            *****/

/***** will need position adjustment if Moderators' Sidebar Message changes length     *****/

.nub {
   display: none; }

.sidebox.submit-link .morelink {
   position: absolute;
   top: 800px; }

.sidebox.submit-text .morelink {
   position: absolute;
   top: 850px; }

.morelink {
   background: none;
   border: none;
   margin-bottom: 15px; }

.morelink:hover {
   background: none; }

.morelink a {
   font-size: 14px;
   text-transform: uppercase;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   letter-spacing: 0.2px;
   border: none;
   border-radius: 5px;
   display: block;
   width: 280px;
   height: 40px;
   line-height: 40px;
   padding: 0;
   margin: 0; }

.theme-daymode .morelink a {
   color: #CCCCFF !important;
   border: 3px solid #6655AA;
   background-color: #6655AA; }

.theme-nightmode .morelink a {
   color: #BBAAFF !important;
   border: 3px solid #443388;
   background-color: #443388; }

.theme-daymode .morelink a:hover {
   color: #CCCCFF !important;
   border: 3px solid #CCCCFF
   background-color: #443388; }

.theme-nightmode .morelink a:hover {
   color: #BBAAFF !important;
   border: 3px solid #BBAAFF;
   background-color: #6655AA; }



/***** SIDEBOX CREATE NEW SUB REMOVED                                                  *****/

.sidebox.create,
.sidebox.create .morelink {
   display: none; }



/***** SIDEBOX CHAT (moved down)                                                       *****/

/***** will need position adjustment if Moderators' Sidebar Message changes length     *****/

.side .spacer:nth-of-type(5) { 
   margin-top: 720px; }

.side .chat-iframe.thelounge {
   border-radius: 10px; }


/***** SIDEBOX "Moderation Tools"                                                      *****/

.side .sidecontentbox {
   margin: -5px 15px; }

.sidecontentbox .title {
   margin: 3px 10px; }

.sidecontentbox .helplink {
   position: relative;
   left: -10px }


/***** SIDEBOX "Moderation Tools" text only                                            *****/

ul.flat-vert.icon-menu a {
   background: none; }


/***** SIDEBOX "Moderation Tools" + "Moderators"                                       *****/

.side .sidecontentbox .content,
.side .sidecontentbox {
   border-radius: 5px; }


/***** SIDEBOX "message the moderators" animated button                                *****/

/***** SIDEBOX "message the moderators"                                                *****/

.side .helplink {
   display: block!important;
   border-radius: 5px;
   text-align: center !important;
   padding: 5px 10px;
   position: relative;
   margin: -5px -15px 5px 0px !important;
   overflow: visible;
   transition: all 0.25s ease; }

.theme-daymode   .side .helplink {
   background: #DDDDFF; }

.theme-nightmode .side .helplink {
   background: #302540; }


/***** SIDEBOX "message the moderators" hover background transition                    *****/

.theme-daymode   .side .helplink:hover {
   background: #DDDDFF; }

.theme-nightmode .side .helplink:hover {
   background: #302540; }


/***** SIDEBOX "message the moderators" hover text transition                          *****/

.side .helplink:hover {
   padding-top: 35px;
   color: transparent;
   opacity: 1.00;
   transition: all 0.25s ease; }


/***** SIDEBOX "message the moderators" hovered text                                   *****/

.theme-daymode .side .helplink:after {
   color: #CC6600; }

.theme-nightmode .side .helplink:after {
   color: #FFB033; }

.side .helplink:after {
   background-color: transparent;
   content: "Please include all relevant links when messaging the moderators!";
   width: 150px;
   font-weight: 400;
   line-height: 1.4em;
   position: absolute;
   top: -2px;
   right: 0;
   margin-top: 8px;
   -webkit-transition: .25s 0s;
   transition: .25s 0s;
   opacity: 0; }

.side .helplink:hover:after {
   -webkit-transition-delay: .25s;
   transition-delay: .25s;
   opacity: 1;
   visibility: visible; }


/***** BELOW SIDEBOX NAME OF CSS THEME                                                 *****/

.side:after {
   content: "SaidItron-Purple CSS theme https://Saidit.net/s/WikiSpooks/";
   display: block;
   width: 300px;
   margin: 15px 0px 0px 0px;
   padding: 10px 0;
   position: absolute;
   text-align: center;
   font-size: 1.3em;
   opacity: .7;
   border: 1px solid #332266;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px; }

.theme-daymode .side:after {
   color: #6655AA;
   border: 1px solid #8877EE; }

.theme-nightmode .side:after {
   color: #6655AA;
   border: 1px solid #443388; }



/***** END SIDEBOX                                                                     *****/



/***** BODY                                                                            *****/

body.theme-daymode   {
   background-color: #CCCCFF; }

body.theme-nightmode {
   background-color: #201525; }


/***** BODY LINKS                                                                      *****/

.theme-daymode a:link {
   color: #0055BB; }

.theme-nightmode a:link {
   color: #50A0D0; }

.theme-daymode a:visited {
   color: #6600CC; }

.theme-nightmode a:visited {
   color: #AD8BE0; }

.theme-daymode a:hover {
   color: #CC6600; }

.theme-nightmode a:hover {
   color: #EEB033; }


/**    BODY reposition

body > .content {
   margin-top: 10px;
   margin-left: 10px; }                                                                   **/


/* Link customization                                                                      */

@media screen and (max-width: 920px) {
  .side {
     float: none;
     width: 95%; }

  #search {
     width: 100%; }

  .fancy-toggle-button {
     width: 100%; }

  .side a.option {
     width: 95.5%; }

  .morelink a {
     width: 100%; }

  .titlebox .redditname a {
     width: 100%; }

  #search input[type="text"] {
     width: 100%; }

  .panestack-title {
     margin: 0 0 3px 0; }
  .commentarea .menuarea {
     margin: 0; }
  .commentarea > .usertext {
     margin: 0;
     width: 95%; }
   
  .link {
     margin: 0px 0px 3px 0px; }

  .side.side-chat {
     width: 95%; }

  .submit-page .content{
     width:98%;
     left:0; }

  .formtabs-content{
     width:98%; }

  .roundfield textarea, .roundfield input[type="text"], .roundfield input[type="url"], .roundfield input[type="password"], .roundfield input[type="number"], #compose-message .roundfield select{
     width:99.5%; }

  .roundfield{
     width:97%; }
}


/***** BODY space between paragraphs increased for easier reading                      *****/

.md .-blocks,
.md .-lists,
.md pre,
.md blockquote,
.md table,
.md p,
.md ul,
.md ol {
   margin-top: 0.90em;
   margin-bottom: 0.90em; }



/***** BDDY ANNOUNCEMENT HEADER                                                        *****/

#siteTable:before {
   display: block;
   content: " WikiSpooks! Active since May 22, 2010. ";
   text-align: center;
   font-size: large;
   font-weight: bold;
   color: #CCCCFF;
   background-color: #774477;
   padding: 5px 10px;
   margin: 0px 305px 0px 0px;
   border: 2px solid #DDDDFF;
   border-radius: 5px; }



/***** THUMBNAIL FRAME                                                                 *****/

.thumbnail {
   width: 90px;
   height: 90px; 
   text-align: center;
   border-radius: 10px;
   padding: 0px;
   margin: 0px 10px 0px 5px; }

.theme-daymode   .thumbnail {
   background-color: #FFFFFF;
   border: 1px solid #999999; }

.theme-nightmode .thumbnail {
   background-color: #000000;
   border: 1px solid #666666; }


/***** THUMBNAIL with no image text + no image link                                    *****/

.thumbnail.self,
.thumbnail.default {
   background-position: center;
   width: 90px;
   height: 90px; }

.theme-daymode   .thumbnail.self {
   background-image: url(%%Saidit-Logo-Day-Text-70x50%%); }

.theme-nightmode .thumbnail.self {
   background-image: url(%%Saidit-Logo-Night-Text-70x50%%); }

.theme-daymode   .thumbnail.default {
   background-image: url(%%Saidit-Logo-Day-Link-70x50%%); }

.theme-nightmode .thumbnail.default {
   background-image: url(%%Saidit-Logo-Night-Link-70x50%%); }



/***** POSTS (LINKS)                                                                   *****/

.link {
   margin: 10px 280px -5px 0px;
   background-color: #fff;
   border: 1px solid #f4f4f4;
   border-left: 4px solid #e6e6e6;
   border-radius: 5px; }

.theme-nightmode .link {
   background-color: #212121;
   border: 1px solid #0b0b0b;
   border-left: 4px solid #191919; }

.link.last-clicked {
   border: none;
   border-left: 4px solid #CCCCFF; }

.link .entry {
   padding: 2px 2px 4px 2px; }

.nsfw-stamp {
   border: none;
   background-color: transparent;
   color: #ff8080;
   font-weight: bold; }

.spoiler-stamp {
   border: none;
   background-color: transparent;
   color: #9cb3c9;
   font-weight: bold; }

.link .thumbnail.self {
   margin: 0px 0px 0px 0px;
   height: 90px;
   width: 90px;
   border-radius: 5px; }

.link .thumbnail img {
   margin: 0px 0px 0px 0px;
   height: 90px;
   width: 90px;
   border-radius: 5px; }

.thing.stickied .thumbnail.self {
   background-color: #69c9bb; }

.thing.stickied .thumbnail.self:after {
   content: "STICKY";
   color: #fff;
   margin-left: 7px; }

.link .thumbnail.self:after,
.link .thumbnail.nsfw:after,
.link .thumbnail.spoiler:after {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-weight: bold;
   letter-spacing: 0.5px;
   font-size: 13px;
   color: #bfbfbf;
   line-height: 60px;
   margin-left: 13px; }

.link .thumbnail.nsfw,
.link .thumbnail.spoiler {
   margin: 0px 0px 0px 0px;
   height: 90px;
   width: 90px;
   border-radius: 5px; }

.link .thumbnail.nsfw {
   background-color: #ff8080; }

.link .thumbnail.spoiler {
   background-color: #9cb3c9; }

.link .thumbnail.nsfw:after {
   content: "NSFW";
   color: #fff;
   margin-left: 11px; }

.link .thumbnail.spoiler:after {
   content: "SPOILER";
   color: #fff;
   margin-left: 2px; }

#progressIndicator,
.NERPageMarker {
   border: 1px solid #e1e1e1;
   background-color: #f0f0f0;
   border-radius: 5px;
   margin: 10px 335px 10px 0px;
   border-radius: 5px; }

.link .usertext-body .md {
   border: none;
   border-radius: 0px;
   background: transparent;
   padding: 10px; }

.link .entry .buttons li a,
.link .tagline {
   color: #999999;
   font-weight: 100;
   font-size: x-small; }

.link .entry .buttons li a:hover {
   text-decoration: none;
   color: #444444; }

.link .tagline a {
   font-size: x-small; }

.link .title {
   font-size: 18.5px;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   margin-bottom: 5px; }


/***** POST FEED LIST alternating "stripes" darker                                     *****/

.theme-daymode   .odd.link {
   background: #DDDDFF !important;
   border: none;
   border-radius: 10px;
   margin: 10px 0px -5px 5px;
   padding-left: 10px; }

.theme-nightmode .odd.link {
   background: #282336 !important;
   border: none;
   border-radius: 10px;
   margin: 10px 0px -5px 5px;
   padding-left: 10px; }


/***** POST FEED LIST alternating "stripes" lighter                                    *****/

.theme-daymode   .even.link {
   background: #E8E8FF !important;
   border: none;
   border-radius: 10px;
   margin: 10px 0px -5px 5px;
   padding-left: 10px; }

.theme-nightmode .even.link {
   background: #2A2040 !important;
   border: none;
   border-radius: 10px;
   margin: 10px 0px -5px 5px;
   padding-left: 10px; }


/***** POST FEED LIST remove right corners                                             *****/

.theme-daymode   .odd.link,
.theme-nightmode .odd.link,
.theme-daymode   .even.link,
.theme-nightmode .even.link {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   margin-right: -30px !important; }


/***** POST FEED LIST hover (lightest & darkest)                                       *****/

.link .entry {
   border: none;
   border-radius: 10px;
   padding: 5px 0px 0px 5px;
   margin: -5px 0px 0px 5px; }

.listing-page .thing .title {
   border: none;
   border-radius: 5px; }

.theme-daymode.listing-page .thing.link:hover {
   background-color: #AA99EE !important; }

.theme-nightmode.listing-page .thing.link:hover {
   background-color: #443388 !important; }

.theme-daymode .link:hover .entry {
   background-color: #CCCCFF !important; }

.theme-nightmode .link:hover .entry {
   background-color: #332277 !important; }

.theme-daymode.listing-page .thing .title:hover {
   background-color: #DDDDFF !important; }

.theme-nightmode.listing-page .thing .title:hover {
   background-color: #201030 !important; }


/***** POST LINKS = link blue & visited purple & hover orange                          *****/

.theme-daymode .thing .title {
   font-weight: normal;
   font-size: 1.3em;
   color: #0022EE; }

.theme-nightmode .thing .title {
   font-weight: normal;
   font-size: 1.3em;
   color: #80B0E0; }

.theme-daymode .thing .title:visited,
.thing.visited .title {
   font-weight: bold;
   font-size: 1.3em;
   color: #6000B0; }

.theme-nightmode .thing .title:visited,
.thing.visited .title {
   font-weight: normal;
   font-size: 1.3em;
   color: #B098ED; }

.theme-daymode .thing .title:hover,
.thing.hover .title {
   font-weight: normal;
   font-size: 1.3em;
   color: #CC6600; }

.theme-nightmode .thing .title:hover,
.thing.hover .title {
   font-weight: normal;
   font-size: 1.3em;
   color: #EEB033; }


/**    WHAT DOES THIS OLD CODE DO?

.res .RES-keyNav-activeElement,
.res .commentarea .RES-keyNav-activeElement .md,
.res .RES-keyNav-activeElement .md-container,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
   background-color: transparent !important;
   outline: none !important; }

.res .RES-keyNav-activeElement {
   border-right: 2px solid #69c9bb; }

.thing .entry.res-selected,
.thing .entry.res-selected .md-container {
   background-color: transparent !important;
   outline: none !important; }                                                            **/


/***** POST LINKS PINNED                                                               *****/

.theme-daymode .thing.stickied.link a.title {
   font-weight: bold;
   font-size: 1.3em;
   color: #994499; }

.theme-daymode .tagline .stickied-tagline {
   font-weight: bold;
   font-size: 1.3em;
   color: #EEEEFF; }

.theme-nightmode .thing.stickied.link a.title {
   font-weight: bold;
   font-size: 1.3em;
   color: #774477; }

.theme-nightmode .tagline .stickied-tagline {
   font-weight: bold;
   font-size: 1.3em;
   color: #CCCCFF; }


/**    POST TITLE UNDERLINE

.theme-daymode .title {
   border-bottom: 1px solid #AA99EE; }

.theme-nightmode .title {
   border-bottom: 1px solid #332266; }                                                    **/


/***** POSTS & COMMENTS DOMAIN                                                         *****/

.domain {
   float: right; }


/***** POSTS & COMMENTS DOMAIN BRACKETS                                                *****/

.theme-daymode .domain {
   color: #8888BB; }

.theme-nightmode .domain {
   color: #667788; }


/***** POSTS & COMMENTS DOMAIN LINKS                                                   *****/

.theme-daymode .thing .domain a:link {
   color: #552299;
   font-weight: bold;
   font-size: 1.1em; }

.theme-nightmode .thing .domain a:link {
   color: #7788FF;
   font-weight: bold;
   font-size: 1.1em; }

.theme-daymode .thing .domain a:visited {
   color: #552299;
   font-weight: bold;
   font-size: 1.1em; }

.theme-nightmode .thing .domain a:visited {
   color: #AA55BB;
   font-weight: bold;
   font-size: 1.1em; }

.theme-daymode .thing .domain a:hover {
   color: #CC6600;
   font-weight: bold;
   font-size: 1.2em; }

.theme-nightmode .thing .domain a:hover {
   color: #EEB033;
   font-weight: bold;
   font-size: 1.2em; }


/***** POSTS & COMMENTS EXPANDO BUTTON                                                 *****/

.expando-button {
   position: absolute;
   margin-left: -5px;
   margin-top: 5px;
   width: 24px;
   height: 24px;
   border-radius: 5px;
   border: 3px solid #336699;
   background-color: #FFFFFF; }

.expando-button:hover {
   border: 3px solid #FFFFFF;
   background-color: #336699; }

.expando .media-preview-content {
   margin-top: 15px; }


/**    VOTE COMMENT "remove user scores" (beside user name, moved to side buttons) 

.expando {
   clear: both; }                                                                         **/

/**

.thing.stickied .expando-button.expanded {
   background-color: #8fd6cc; }                                                           **/


/***** POSTS & COMMENTS TAGLINE paragraph position "submitted by from"                 *****/

.theme-daymode   .linklisting .tagline,
.theme-nightmode .linklisting .tagline {
   color: #8899CC;
   font-size: 1.0em;
   clear: left;
   position: relative;
   left: 30px; }


/***** POSTS & COMMENTS TAGLINE "date & time"                                          *****/

.theme-daymode   .tagline time {
   color: #552299;
   font-weight: bold;
   font-size: 1.1em; }

.theme-nightmode .tagline time {
   color: #7788FF;
   font-weight: bold;
   font-size: 1.1em; }


/***** POSTS & COMMENTS TAGLINE "author + friend + comment submitter + [F]"            *****/

.theme-daymode   .tagline a.author {
   color: #992255;
   font-weight: bold;
   font-size: 1.1em; }

.theme-nightmode .tagline a.author {
   color: #BB8855;
   font-weight: bold;
   font-size: 1.1em; }

.theme-daymode   .tagline a.author:hover {
   color: #CC6600;
   font-weight: bold;
   font-size: 1.2em; }

.theme-nightmode .tagline a.author:hover {
   color: #EEB033;
   font-weight: bold;
   font-size: 1.2em; }

.theme-daymode   .tagline a.author.friend {
   color: #901090;                                                        /* not different */
   font-weight: bold;
   font-size: 1.1em; }

.theme-nightmode .tagline a.author.friend {
   color: #B07090;
   font-weight: bold;
   font-size: 1.1em; }

.theme-daymode   .tagline a.author.friend:hover {
   color: #CC6600;                                                        /* not different */
   font-weight: bold;
   font-size: 1.2em; }

.theme-nightmode .tagline a.author.friend:hover {
   color: #EEB033;
   font-weight: bold;
   font-size: 1.2em; }

.theme-daymode   .tagline a.author.submitter {
   color: #992255;                                                        /* not different */
   font-weight: bold;
   font-size: 1.15em; }                                        /* not posts, comments only */


.theme-nightmode .tagline a.author.submitter {
   color: #CC6666;
   font-weight: bold;
   font-size: 1.15em; }                                        /* not posts, comments only */

.theme-daymode   .tagline a.author.submitter:hover {
   color: #CC6600;                                                        /* not different */
   font-weight: bold;
   font-size: 1.2em; }                                         /* not posts, comments only */

.theme-nightmode .tagline a.author.submitter:hover {
   color: #EEB033;
   font-weight: bold;
   font-size: 1.2em; }                                         /* not posts, comments only */

.theme-daymode   .tagline .userattrs {
   color: #BB4477;
   font-weight: bold;
   font-size: 1.0em; }                                                     /* [ brackets ] */

.theme-nightmode .tagline .userattrs {
   color: #905070;
   font-weight: bold;
   font-size: 1.0em; }                                                     /* [ brackets ] */

.theme-daymode .tagline .friend {
   color: #552299;
   font-weight: bold;
   font-size: 1.1em; }                                                       /* [ friend ] */

.theme-nightmode .tagline .friend {
   color: #7788FF;
   font-weight: bold;
   font-size: 1.1em; }                                                       /* [ friend ] */

.theme-daymode .tagline .friend:hover {
   color: #CC6600;
   font-weight: bold;
   font-size: 1.1em; }                                               /* [ friend hovered ] */

.theme-nightmode .tagline .friend:hover {
   color: #EEB033;
   font-weight: bold;
   font-size: 1.1em; }                                               /* [ friend hovered ] */


/***** POSTS & COMMENTS FLAT-LIST BUTTONS UNDERLINE - REMOVE                           *****/

.theme-daymode .flat-list {
   border-bottom: none; }

.theme-nightmode .flat-list {
   border-bottom: none; }


/***** POSTS & COMMENTS FLAT-LIST positions                                            *****/

/***** POSTS FLAT-LIST BUTTONS positions                                               *****/
/*     "comment share save hide distinguish delete
                                      spam remove approve lock nsfw flair retry thumb"     */

.link .flat-list.buttons {
   float: left;
   clear: left;
   position: relative;
   left: 30px;
   top: 0px; }


/***** COMMENTS FLAT-LIST positions                                                    *****/
/*     "permalink save parent edit disable-inbox-replies delete
                                                        spam remove distinguish reply"     */

.comment .flat-list.buttons {
   float: right;
   position: relative;
   right: 10px; }



/***** COMMENT & POST FLAT-LIST BUTTONS                                                *****/

.theme-daymode   .entry .buttons li.first a,                                  /* permalink */
.theme-nightmode .entry .buttons li.first a,                                  /* permalink */
.theme-daymode   .entry .buttons li.comment-save-button.save-button a,             /* save */
.theme-nightmode .entry .buttons li.comment-save-button.save-button a,             /* save */
.theme-daymode   .entry .buttons li a.bylink,                                    /* parent */
.theme-nightmode .entry .buttons li a.bylink,                                    /* parent */
.theme-daymode   .entry .buttons form.toggle.sendreplies-button a,
                                                                  /* disable inbox replies */
.theme-nightmode .entry .buttons form.toggle.sendreplies-button a,
                                                                  /* disable inbox replies */
.theme-daymode   .entry .buttons li.toggle a,                               /* distinguish */
.theme-nightmode .entry .buttons li.toggle a,                               /* distinguish */
.theme-daymode   .entry .buttons form.toggle.del-button a,                       /* delete */
.theme-nightmode .entry .buttons form.toggle.del-button a,                       /* delete */
.theme-daymode   .entry .buttons form.toggle.remove-button a,                    /* remove */
.theme-nightmode .entry .buttons form.toggle.remove-button a,                    /* remove */
.theme-daymode   .entry .buttons li.report-button a,                      /* report + spam */
.theme-nightmode .entry .buttons li.report-button a,                      /* report + spam */
.theme-daymode   .entry .buttons li.share a,                            /* share (removed) */
.theme-nightmode .entry .buttons li.share a,                            /* share (removed) */
.theme-daymode   .entry .buttons li.link-save-button.save-button a,                /* save */
.theme-nightmode .entry .buttons li.link-save-button.save-button a,                /* save */
.theme-daymode   .entry .buttons form.state-button.hide-button a,                  /* hide */
.theme-nightmode .entry .buttons form.state-button.hide-button a,                  /* hide */
.theme-daymode   .entry .buttons form.toggle.lock-button a,                        /* lock */
.theme-nightmode .entry .buttons form.toggle.lock-button a,                        /* lock */
.theme-daymode   .entry .buttons form.toggle.marknsfw-button a,                    /* nsfw */
.theme-nightmode .entry .buttons form.toggle.marknsfw-button a,                    /* nsfw */
.theme-daymode   .entry .buttons a.flairselectbtn.access-required,                /* flair */
.theme-nightmode .entry .buttons a.flairselectbtn.access-required,                /* flair */
.theme-daymode   .entry .buttons form.toggle.rescrape-button a,             /* retry thumb */
.theme-nightmode .entry .buttons form.toggle.rescrape-button a,             /* retry thumb */
.theme-daymode   .entry .buttons form.toggle.rescrape-button,
                                                            /* check back in a few minutes */
.theme-nightmode .entry .buttons form.toggle.rescrape-button {
                                                            /* check back in a few minutes */
   color: #8899CC;
   font-weight: normal;
   font-size: 1.0em; }

.theme-daymode   .entry .buttons li.first a:hover,                            /* permalink */
.theme-daymode   .entry .buttons li.comment-save-button.save-button a:hover,       /* save */
.theme-daymode   .entry .buttons li a.bylink:hover,                              /* parent */
.theme-daymode   .entry .buttons form.toggle.sendreplies-button a:hover,
                                                                  /* disable inbox replies */
.theme-daymode   .entry .buttons li.toggle a:hover,                         /* distinguish */
.theme-daymode   .entry .buttons form.toggle.del-button a:hover,                 /* delete */
.theme-daymode   .entry .buttons form.toggle.remove-button a:hover,              /* remove */
.theme-daymode   .entry .buttons li.report-button a:hover,                /* report + spam */
.theme-daymode   .entry .buttons li.share a:hover,                      /* share (removed) */
.theme-daymode   .entry .buttons li.link-save-button.save-button a:hover,          /* save */
.theme-daymode   .entry .buttons form.state-button.hide-button a:hover,            /* hide */
.theme-daymode   .entry .buttons form.toggle.lock-button a:hover,                  /* lock */
.theme-daymode   .entry .buttons form.toggle.marknsfw-button a:hover,              /* nsfw */
.theme-daymode   .entry .buttons a.flairselectbtn.access-required:hover,          /* flair */
.theme-daymode   .entry .buttons form.toggle.rescrape-button a:hover {      /* retry thumb */
   color: #CC6600; }

.theme-nightmode .entry .buttons li.first a:hover,                            /* permalink */
.theme-nightmode .entry .buttons li.comment-save-button.save-button a:hover,       /* save */
.theme-nightmode .entry .buttons li a.bylink:hover,                              /* parent */
.theme-nightmode .entry .buttons form.toggle.sendreplies-button a:hover,
                                                                  /* disable inbox replies */
.theme-nightmode .entry .buttons li.toggle a:hover,                         /* distinguish */
.theme-nightmode .entry .buttons form.toggle.del-button a:hover,                 /* delete */
.theme-nightmode .entry .buttons form.toggle.remove-button a:hover,              /* remove */
.theme-nightmode .entry .buttons li.report-button a:hover,                /* report + spam */
.theme-nightmode .entry .buttons li.share a:hover,                      /* share (removed) */
.theme-nightmode .entry .buttons li.link-save-button.save-button a:hover,          /* save */
.theme-nightmode .entry .buttons form.state-button.hide-button a:hover,            /* hide */
.theme-nightmode .entry .buttons form.toggle.lock-button a:hover,                  /* lock */
.theme-nightmode .entry .buttons form.toggle.marknsfw-button a:hover,              /* nsfw */
.theme-nightmode .entry .buttons a.flairselectbtn.access-required:hover,          /* flair */
.theme-nightmode .entry .buttons form.toggle.rescrape-button a:hover {      /* retry thumb */
   color: #EEB033; }



/***** POSTS & COMMENTS RES-for-SaidIt highlight comment background                    *****/

.theme-daymode   .thing .new-comment .usertext-body {
   background-color: #E8F2C4; }

.theme-nightmode .thing .new-comment .usertext-body {
   background-color: #384422; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS                                              *****/
/*     "comment edit share save hide distinguish delete
                                      spam remove approve lock nsfw flair retry thumb"     */


/***** POSTS & COMMENTS FLAT-LIST BUTTONS "comments" "edit" "edit" "reply" links       *****/

.theme-daymode   .entry .buttons a.bylink.comments.may-blank:link,
.theme-daymode   .entry .buttons a.edit-usertext:link,
.theme-daymode   .entry .buttons li a.edit-usertext:link,
.theme-daymode   .entry .buttons li.reply-button a:link, {
   color: #552299;
   font-weight: bold;
   font-size: 1.35em; }

.theme-nightmode .entry .buttons a.bylink.comments.may-blank:link,
.theme-nightmode .entry .buttons a.edit-usertext:link,
.theme-nightmode .entry .buttons li a.edit-usertext:link,
.theme-nightmode .entry .buttons li.reply-button a:link {
   color: #7788FF;
   font-weight: bold;
   font-size: 1.35em; }

.theme-daymode   .entry .buttons a.bylink.comments.may-blank:visited,
.theme-daymode   .entry .buttons a.edit-usertext:visited,
.theme-daymode   .entry .buttons li a.edit-usertext:visited,
.theme-daymode   .entry .buttons li.reply-button a:visited {
   color: #552299;
   font-weight: bold;
   font-size: 1.35em; }

.theme-nightmode .entry .buttons a.bylink.comments.may-blank:visited,
.theme-nightmode .entry .buttons a.edit-usertext:visited,
.theme-nightmode .entry .buttons li a.edit-usertext:visited,
.theme-nightmode .entry .buttons li.reply-button a:visited {
   color: #AA55BB;
   font-weight: bold;
   font-size: 1.35em; }

.theme-daymode   .entry .buttons a.bylink.comments.may-blank:hover,
.theme-daymode   .entry .buttons a.edit-usertext:hover,
.theme-daymode   .entry .buttons li a.edit-usertext:hover,
.theme-daymode   .entry .buttons li.reply-button a:hover {
   color: #CC6600;
   font-weight: bold;
   font-size: 1.35em; }

.theme-nightmode .entry .buttons a.bylink.comments.may-blank:hover,
.theme-nightmode .entry .buttons a.edit-usertext:hover,
.theme-nightmode .entry .buttons li a.edit-usertext:hover,
.theme-nightmode .entry .buttons li.reply-button a:hover {
   color: #EEB033;
   font-weight: bold;
   font-size: 1.35em; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS "approve" link                               *****/

.theme-daymode .entry .buttons form.state-button.approve-button a {
   color: #552299;
   font-weight: bold;
   font-size: 1.2em; }

.theme-nightmode .entry .buttons form.state-button.approve-button a {
   color: #7788FF;
   font-weight: bold;
   font-size: 1.2em; }

.theme-daymode .entry .buttons form.state-button.approve-button a:hover {
   color: #CC6600; }

.theme-nightmode .entry .buttons form.state-button.approve-button a:hover {
   color: #EEB033; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS "approved" NOTIFICATION not-link             *****/

.theme-daymode .entry .buttons form.state-button.approve-button {
   color: #552299;
   font-weight: bold;
   font-size: 1.1em; }

.theme-nightmode .entry .buttons form.state-button.approve-button {
   color: #AA55BB;
   font-weight: bold;
   font-size: 1.1em; }



/***** COMMENTS                                                                        *****/

.comment {
   margin-bottom: 10px !important;
   margin-left: 15px !important; }

.theme-nightmode .comment { }


/***** COMMENTS PAGE                                                                   *****/

.comments-page .comment,
.comment .comment,
.res-commentBoxes .thing.comment .thing.comment {
   border-radius: 5px !important;
   border: none;
   padding: 10px; }


/**    COMMENTS PAGE AUTHOR TAG

.res .thing .tagline .author.submitter {
   background-color: transparent !important;
   color: blue !important; }

.res .thing .tagline .author.moderator {
   background-color: transparent !important;
   color: green !important; }

.res .thing .tagline .author.submitter:hover,
.res .thing .tagline .author.moderator:hover {
   background-color: transparent !important; }                                            **/


/***** COMMENTS AREA left-side expand-collapse                                         *****/

.comment a.expand {
   left: -23px !important;
   padding: 6px 2px !important;
   width: 20px;
   opacity: 0.4 !important;
   border-radius: 5px !important; }


/***** COMMENTS position indented                                                      *****/

.sitetable.listing {
   margin: 0px 0px 0px 0px; }


/***** COMMENTS position vertical spacing                                              *****/

.noncollapsed.comment {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; }


/**    

.res-commentBoxes.res-commentBoxes-rounded .comment {
   background-color: #fff;
   margin-bottom: 10px !important;
   margin-left: 10px !important;
   border: 1px solid #d9d9d9 !important;
   border-radius: 5px !important; }

.commentarea {
   margin: 10px 10px 10px -10px; }                                                        **/



/***** COMMENTS AREA alternating darker + lighter                                      *****/

.theme-daymode .commentarea .comment,
.theme-daymode .commentarea .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 5px solid #CCCCFF;
   background: #EEEEFF !important; }

.theme-nightmode .commentarea .comment,
.theme-nightmode .commentarea .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 5px solid #201525;
   background: #282336 !important; }

.theme-daymode .commentarea .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 5px solid #CCCCFF;
   background: #DDDDFF !important; }

.theme-nightmode .commentarea .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 5px solid #201525;
   background: #302540 !important; }



/**    COMMENTS BOX

.commentarea .menuarea .toggle a {
   font-weight: normal; }

.menuarea {
   background-color: transparent;
   margin-left: 15px;
   margin-right: 300px;
   margin-bottom: 0px;
   border-bottom: none; }

.drop-choices {
   border: none; }

.dropdown.lightdrop .selected {
   text-decoration: none;
   font-weight: bold;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   text-transform: uppercase;
   font-size: 120%; }

.drop-choices a.choice {
   padding: 4px 12px;
   margin: 6px;
   background-color: #fff; }

.panestack-title {
   background-color: #BBAAFF;
   padding: 10px;
   margin: 15px 320px 0px 10px;
   border-radius: 5px 5px 0 0; }

.theme-nightmode .panestack-title {
   background-color: #302540; }

.commentarea .menuarea {
   background-color: #BBAAFF;
   padding: 10px;
   margin-left: 10px;
   margin-right: 320px; }

.theme-nightmode .commentarea .menuarea {
   background-color: #302540; }

.commentarea > .usertext {
   background-color: #CCCCFF;
   border-top: 0;
   padding: 10px;
   margin: -10px 300px 10px 10px;
   border-radius: 0 0 5px 5px; }

.theme-nightmode .commentarea > .usertext {
   background-color: #353060; }

.gold-accent.comment-visits-box {
   background-color: transparent;
   border: none;
   border-radius: 5px;
   padding: 10px;
   margin-left: 15px;
   margin-bottom: 8px; }

.comment-visits-box .title {
   color: #373737;
   font-weight: normal; }                                                                 **/



/***** COMMENTS                                                                        *****/



/***** COMMENTS turn off the scores beside the user names                              *****/

.comment .tagline .score,
.comment .tagline .score.likesdislikes {
   display: none; }


/***** COMMENTS body text colours                                                      *****/

.theme-daymode   .thing .md {
   color: #442200; }

.theme-nightmode .thing .md {
   color: #D0C8BF; }


/***** COMMENTS "> blockquote" text colours                                            *****/

.theme-daymode   .thing .md blockquote {
   color: #009900; }

.theme-nightmode .thing .md blockquote {
   color: #AACCAA; }


/***** COMMENTS "Highlight comments posted since previous visit:"                      *****/

.rounded.gold-accent.comment-visits-box {
   border-radius: 30px; }


/***** COMMENTS "formatting help" table (but can't tweak yellow header background)     *****/

.theme-daymode .markhelp table.md   {
   background-color: #CCEECC;
   color: #006600; }
.theme-nightmode .markhelp table.md {
   background-color: #112211;
   color: #88AA88; }


/**    FAILED = COMMENTS "formatting help" table header background                        **/



/***** VOTE ICONS 

.theme-daymode .arrow.upmod {
   background-image: url(%%daymode-insightful-voted%%); }

.theme-daymode .arrow.up {
   background-image: url(%%daymode-insightful-unvoted%%); }

.theme-daymode .arrow.downmod {
   background-image: url(%%daymode-funny-voted%%); }

.theme-daymode .arrow.down {
   background-image: url(%%daymode-funny-unvoted%%); }                                 *****/



/***** COMMENTS BUTTONS "save" "cancel"                                                *****/

.theme-daymode   .usertext-edit button.save,
.theme-nightmode .usertext-edit button.save,
.theme-daymode   .usertext-edit button.cancel,
.theme-nightmode .usertext-edit button.cancel {
   width: 140px;
   font-weight: bold;
   font-size: 1.2em;
   border-radius: 5px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }

.theme-daymode   .usertext-edit button.save,
.theme-nightmode .usertext-edit button.save   {
   color: #DDDDFF;
   background: #6655AA;
   border: 3px solid #6655AA; }

.theme-daymode   .usertext-edit button.save:hover,
.theme-nightmode .usertext-edit button.save:hover   {
   color: #6655AA;
   background: #DDDDFF;
   border: 3px solid #6655AA; }

.theme-daymode   .usertext-edit button.cancel,
.theme-nightmode .usertext-edit button.cancel {
   color: #DDDDFF;
   background: #774477;
   border: 3px solid #774477; }

.theme-daymode   .usertext-edit button.cancel:hover,
.theme-nightmode .usertext-edit button.cancel:hover {
   color: #994499;
   background: #DDDDFF;
   border: 3px solid #994499; }






/***** VOTE ICONS TO NUMBERS                                                           *****/

/***** VOTE button icons REMOVAL                                                       *****/

.theme-daymode   .arrow.up,
.theme-nightmode .arrow.up,
.theme-daymode   .arrow.upmod,
.theme-nightmode .arrow.upmod,
.theme-daymode   .arrow.down,
.theme-nightmode .arrow.down,
.theme-daymode   .arrow.downmod,
.theme-nightmode .arrow.downmod {
   background: none;
   border: none; }


/**    

.link .midcol {
   position: relative;
   top: 4px;
   left: 4px }                                                                            **/


/***** VOTE POST & COMMENT score-box moved to right                                    *****/

.midcol {
   float: left; }

.linklisting .tagline {
   float: left; }


/***** VOTE POST score-box moved                                                       *****/

.midcol,
.midcol.unvoted,
.midcol.likes.dislikes,
.midcol.likes,
.midcol.dislikes {
   width: 50px;
   margin: 0px 4px 0px -2px; }


/***** VOTE COMMENT score-box moved                                                    *****/

.comment .midcol,
.comment .midcol .arrow.up,
.comment .midcol .arrow.upmod,
.comment .midcol .arrow.down,
.comment .midcol .arrow.downmod {
   width: 50px;
   margin: 0px 5px 0px 5px; }


/***** VOTE POST & COMMENT score-boxes positioned to remedy downvote overflows         *****/

.comment .midcol {
   height: auto; }

.arrow {
   height: 26px; }


/***** VOTE POST & COMMENT numbers in ovoids = greyish to vibrant                      *****/

.theme-daymode   .arrow.up .score,
.theme-daymode   .arrow.down .score,
.theme-daymode   .comment .midcol .arrow.up .score,
.theme-daymode   .comment .midcol .arrow.down .score {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-weight: bold;
   font-size: 0.9em;
   color: #8877EE;
   border: 1px solid #8877EE; }

.theme-daymode   .arrow.upmod .score,
.theme-daymode   .comment .midcol .arrow.upmod .score {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-size: 1.0em;
   font-weight: bold;
   color: #554499;
   background-color: #DDDDFF;
   border: 2px solid #554499; }

.theme-daymode   .arrow.downmod .score,
.theme-daymode   .comment .midcol .arrow.downmod .score {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-size: 1.0em;
   font-weight: bold;
   color: #443388;
   background-color: #CCCCFF;
   border: 2px solid #443388; }

.theme-nightmode .arrow.up .score,
.theme-nightmode .arrow.down .score,
.theme-nightmode .comment .midcol .arrow.up .score,
.theme-nightmode .comment .midcol .arrow.down .score {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-size: 0.9em;
   font-weight: bold;
   color: #8877EE;
   border: 1px solid #8877EE; }

.theme-nightmode .arrow.upmod .score,
.theme-nightmode .comment .midcol .arrow.upmod .score {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-size: 1.0em;
   font-weight: bold;
   color: #BBAAFF;
   background-color: #443388;
   border: 2px solid #BBAAFF; }

.theme-nightmode .arrow.downmod .score,
.theme-nightmode .comment .midcol .arrow.downmod .score {
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   font-size: 1.0em;
   font-weight: bold;
   color: #AA99EE; 
   background-color: #332266;
   border: 2px solid #AA99EE; }



/***** VOTE POST & COMMENT numbers in ovoids (no icon buttons)                         *****/

.link    .arrow,
.comment .arrow {
   float: none;
   width: 100%;
   margin: 0px;
   border-radius: 30px; }

.link    .arrow.up,
.link    .arrow.down,
.comment .arrow.up,
.comment .arrow.down {
   background: none; }                                                    /* voteless only */

.link    .midcol .arrow.up,
.link    .midcol .arrow.down, 
.link    .midcol .arrow.upmod,
.link    .midcol .arrow.downmod,
.comment .midcol .arrow.up,
.comment .midcol .arrow.down, 
.comment .midcol .arrow.upmod,
.comment .midcol .arrow.downmod {
   width: auto !important; }

.link    .midcol .arrow.up .score,
.link    .midcol .arrow.down .score,
.link    .midcol .arrow.upmod .score,
.link    .midcol .arrow.downmod .score,
.comment .midcol .arrow.up .score,
.comment .midcol .arrow.down .score,
.comment .midcol .arrow.upmod .score,
.comment .midcol .arrow.downmod .score {
   display: block;
   width: auto;
   position: inherit;
   line-height: 18px;
   text-align: center;
   padding: 1px 8px;
   height: 20px;
   border-radius: 8px; }


/***** VOTE POST ovoids with sandwiched space between                                  *****/

.theme-daymode   .arrow.down .score,
.theme-nightmode .arrow.down .score,
.theme-daymode   .arrow.downmod .score,
.theme-nightmode .arrow.downmod .score {
   margin-top: 7px; }


/***** VOTE animated up / insightful                                                   *****/

.thing .upmod:focus::after{
   content: "";
   color: #8877EE;
   font-size: 11px;
   font-weight: bold !important;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   margin-left: 4px;
/** font-family: "Comic Sans MS", cursive, sans-serif;
       color: gold;
       text-shadow: 1px 1px 1px black,
       -1px 1px 1px black,
       -1px -1px 1px black,
       1px -1px 1px black,
       0px 0px 3px black;                                                                 **/
   display: block;
   position: absolute;
   animation: upvote 1s ease-out;
   -webkit-animation: upvote 1s ease-out;
   -moz-animation: upvote 1s ease-out;
   opacity: 0;
   z-index: 9001;
}
@keyframes upvote 
{
  0%   { margin-top:40px; opacity:0; }
  20%  { margin-top:-20px; opacity:1; }
  80%  { margin-top:-30px; opacity:1; }
  100% { margin-top:-60px; opacity:0; }
}
@-webkit-keyframes upvote 
{
  0%   { margin-top:40px; opacity:0; }
  20%  { margin-top:-20px; opacity:1; }
  80%  { margin-top:-30px; opacity:1; }
  100% { margin-top:-60px; opacity:0; }
}
@-moz-keyframes upvote 
{
  0%   { margin-top:40px; opacity:0; }
  20%  { margin-top:-20px; opacity:1; }
  80%  { margin-top:-30px; opacity:1; }
  100% { margin-top:-60px; opacity:0; }
}
.thing .upmod:focus::after { content: "VALUED"; }


/***** VOTE animated down / fun                                                        *****/

.thing .downmod:focus::after{
   content: "";
   color: #8877EE;
   font-size: 11px;
   font-weight: bold !important;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   margin-left: 15px;
 /** font-family: "Comic Sans MS", cursive, sans-serif;
       color: gold;
       text-shadow: 1px 1px 1px black,
       -1px 1px 1px black,
       -1px -1px 1px black,
       1px -1px 1px black,
       0px 0px 3px black;                                                                 **/
   display: block;
   position: absolute;
   animation: downvote 1s ease-out;
   -webkit-animation: downvote 1s ease-out;
   -moz-animation: downvote 1s ease-out;
   opacity: 0;
   z-index: 9001;
}
@keyframes downvote 
{
  0%   { margin-top:-60px; opacity:0; }
  20%  { margin-top:-30px; opacity:1; }
  80%  { margin-top:-20px; opacity:1; }
  100% { margin-top:40px; opacity:0; }
}
@-webkit-keyframes downvote 
{
  0%   { margin-top:-60px; opacity:0; }
  20%  { margin-top:-30px; opacity:1; }
  80%  { margin-top:-20px; opacity:1; }
  100% { margin-top:40px; opacity:0; }
}
@-moz-keyframes downvote 
{
  0%   { margin-top:-60px; opacity:0; }
  20%  { margin-top:-30px; opacity:1; }
  80%  { margin-top:-20px; opacity:1; }
  100% { margin-top:40px; opacity:0; }
}
.thing .downmod:focus::after { content: "FUN"; }



/***** NOTIFICATION "there doesn't seem to be anything here" + "saved" = orange        *****/

.comments-page .error,
.theme-daymode   .buttons .error,
.theme-nightmode .buttons .error {
   color: #CC6600;
   font-size: 1.75em; }


/***** NOTIFICATION "continue this thread" = bright orange                             *****/

.theme-daymode   .deepthread:after,
.theme-nightmode .deepthread:after {
   background-image: none;
   content: "►"; }

.theme-daymode   .deepthread a,
.theme-daymode   .deepthread:after {
   color: #D07000;
   font-size: 2.00em; }

.theme-nightmode .deepthread a,
.theme-nightmode .deepthread:after {
   color: #EEBB33;
   font-size: 2.00em; }



/***** SUBMIT-PAGE FORMS                                                               *****/

/*     Form prompt text default color = "wheat" #F5DEB3 and "black"                        */
/*     "title" "url" "choose a sub" "your subscribed subs"                                 */
/*                                                     "options" "be mindful" "submit"     */

/***** SUBMIT-PAGE FORMS header colors                                                 *****/

.submit #title-field .title,
.submit .roundfield-content p,
.submit #url-field .title,
.submit #text-field .title,
.submit #reddit-field .title,
.submit #suggested-reddits h3 {
   color: #8877EE; }


/***** SUBMIT-PAGE - REMOVE                                                            *****/

/**    REMOVE SaidIt Logo

.submit-page #header-img.default-header {
   display: none; }                                                                       **/


/*     REMOVE Sidebox                                                                      */

.submit-page .side,
.submit-page .footer-parent {
   display: none !important; }


/**    REMOVE Link + Text Tabs + List of "your subscribed subs"

.submit .formtabs-content {
   border-top: none; }                                                                    **/


/*     REMOVE "submit to [subsaidit title]"                                                */

.submit-page .content h1 {
   display: none; }


/*     REMOVE next section's blue line & halved padding                                    */

.submit .formtabs-content {
   width: 100%;
   border-top: none;
   padding-top: 5px; }


/*     REMOVE "You are submitting a link. The key to a successful submission is            */
/*     interesting content and a descriptive title."                                       */

.submit #link-desc.infobar {
   display: none !important; }


/*     REMOVE "You are submitting a text-based post. Speak your mind. A title is           */
/*     required, but expanding further in the text field is not. Beginning your            */
/*     title with "vote up if" is violation of intergalactic law."                         */

.submit #text-desc.infobar {
   display: none !important; }


/**    SUBMIT-PAGE FORM Weird positioning 

  .submit-page .content {
   width: 500px;
   position: absolute;
   left: calc(50% - 250px); }                                                             **/


/**    WHAT DOES THIS OLD CODE DO?

ul.tabmenu.formtab,
.formtabs-content .infobar,
#reddit-field,
.submit-page h1 {
   display: none; }

.formtabs-content .infobar {
   margin-bottom: 10px; }

.submit_text .content {
   position: static; }

.submit_text .content .md {
   padding: 20px 0;
   border-top: 1px solid #bfbfbf;
   border-bottom: 1px solid #bfbfbf; }

.submit-page .debuginfo {
   display: none; }

.formtabs-content .infobar,
.content.submit .info-notice {
   background-color: #fff;
   border: 1px solid #e1e1e1;
   padding: 10px;
   border-radius: 5px; }

.theme-nightmode .formtabs-content .infobar,
.theme-nightmode .content.submit .info-notice {
   background-color: #000;
   border: 1px solid #1e1e1e; }

#items-required {
   display: none; }                                                                       **/


/**    SUBMIT-PAGE Submit Button

.submit.content button[name="submit"] {
   background-color: #8cb3d9;
   border: 1px solid #8cb3d9;
   font-size: 16px;
   color: #fff;
   display: block;
   width: 200px;
   position: relative;
   top: 10px;
   left: calc(50% - 100px);
   padding: 6px 0; }

.submit.content button[name="submit"]:hover {
   background-color: #79a6d2; }                                                           **/


/***** SUBMIT-PAGE CONTENT                                                             *****/

.submit-page .content {
   width: 100% !important;
   margin: 0px 0px 0px 0px !important; }


/***** SUBMIT-PAGE MENU TABS                                                           *****/

.submit .link-button.choice,
.submit .text-button.choice {
   position: relative;
   left: 20px !important; }

.submit ul.tabmenu.formtab {
   width: 100% !important;
   padding: 0px !important;
   margin: 0px !important; }

.theme-daymode   .submit ul.tabmenu.formtab   {
   background-color: #CCCCFF;
   border-top: 5px solid #CCCCFF; }

.theme-nightmode .submit ul.tabmenu.formtab   {
   background-color: #201525;
   border-top: 5px solid #201525; }

.theme-daymode   .submit a.link-button.choice,
.theme-nightmode .submit a.link-button.choice,
.theme-daymode   .submit a.text-button.choice,
.theme-nightmode .submit a.text-button.choice {
   font-size: 130%;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px; }

.theme-daymode   .submit a.link-button.choice,
.theme-daymode   .submit a.text-button.choice {
   color: #AA99EE;
   background-color: #554499;
   border: none; }

.theme-nightmode .submit a.link-button.choice,
.theme-nightmode .submit a.text-button.choice {
   color: #AA99EE;
   background-color: #554499;
   border: none; }

.theme-daymode   .submit .selected a.link-button.choice,
.theme-nightmode .submit .selected a.link-button.choice,
.theme-daymode   .submit .selected a.text-button.choice,
.theme-nightmode .submit .selected a.text-button.choice {
   color: #EEB033;
   font-size: 150%;
   background-color: #6655AA;
   border: 3px solid #6655AA;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px; }


/***** SUBMIT-PAGE MENU TABS UNDERLINE in correct section                              *****/

.submit ul.tabmenu.formtab {
   width: 100%;
   padding: 0px;
   margin: 0px;
   border-bottom: 4px solid #6655AA; }

/***** SUBMIT-PAGE below tabs                                                          *****/

.submit .formtabs-content {
   padding: 20px 20px 0px 20px !important; 
   width: calc(100% - 40px) !important; }


/***** SUBMIT-PAGE "title" relocate                                                    *****/

.submit #title-field .title {
   position: absolute;
   left: 50px;
   margin-top: -30px; }


/**    SUBMIT-PAGE "title" larger submit field

.submit textarea#title_text {
   width: 95%;
   height: 100px; }                                                                       **/


/**    SUBMIT-PAGE TITLE character-count relocate

.submit .roundfield-content p {
   position: absolute;
   top: 5px;
   left: 440px; }                                                                         **/


/***** SUBMIT-PAGE TITLE character-count relocate                                      *****/

.submit .roundfield-content p {
   position: absolute;
   right: 50px;
   margin-top: -152px; }


/***** SUBMIT-PAGE TITLE roundfield                                                    *****/

.theme-daymode   .submit #title-field.roundfield {
   border: 2px solid #BBBBBB;
   border-radius: 10px;
   background-color: #DDDDFF;
   margin-top: 15px; }

.theme-nightmode .submit #title-field.roundfield {
   border: 2px solid #444444;
   border-radius: 10px;
   background-color: #302540;
   margin-top: 15px; }


/***** SUBMIT-PAGE TITLE larger submit field                                           *****/

.submit textarea#title_text {
   background-color: #CCCCFF;
   width: 95%;
   height: 100px;
   border-radius: 5px; }

.theme-nightmode .submit textarea#title_text {
   color: #CCCCFF;
   background-color: #201030;
   border-color: #443388;
   border-radius: 8px; }


/***** SUBMIT-PAGE form sections space between boxes                                   *****/

.submit .spacer+.spacer {
   margin: 7px 0px; }


/***** SUBMIT-PAGE LINK "URL" relocate                                                 *****/

.submit #url-field .title {
   margin-top: -30px;
   position: absolute;
   left: 50px; }


/***** SUBMIT-PAGE LINK roundfield                                                     *****/

.theme-daymode   .submit #url-field.roundfield {
   border: 2px solid #BBBBBB;
   border-radius: 10px;
   background-color: #DDDDFF;
   margin-top: 30px; }

.theme-nightmode .submit #url-field.roundfield {
   border: 2px solid #444444;
   border-radius: 10px;
   background-color: #302540;
   margin-top: 30px; }


/***** SUBMIT-PAGE LINK submit field                                                   *****/

.submit #url-field #url {
   background-color: #CCCCFF;
   width: 95%;
   padding: 2px 7px;
   border-radius: 5px; }

.theme-nightmode .submit #url-field #url {
   color: #CCCCFF;
   background-color: #201030;
   border-color: #443388;
   padding: 2px 7px;
   border-radius: 8px; }


/***** SUBMIT-PAGE BUTTONS ovoid + position                                            *****/
/*     "suggest title" + "Choose File" "No file chosen"                                    */

.submit #url-field #suggest-title {
   width: 95%; }  

.submit #url-field #suggest-title button {
   position: relative;
   left: 0px;
   color: #CCCCFF;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   background: #6655AA;
   border: 3px solid #6655AA;
   width: 200px;
   border: 3px solid #6655AA;
   border-radius: 5px;
   padding: 5px 15px 5px 15px;
   margin: 10px 10px 10px -5px; }

.submit #url-field #imgur-upload.btn.imgur-upload {
   position: relative;
   right: 0px;
   color: #CCCCFF;
   font-weight: bold;
   text-transform: lowercase !important;
   text-align: center;
   vertical-align: middle;
   background: #6655AA;
   border: 3px solid #6655AA;
   border-radius: 5px;
   padding: 0px 15px 0px 15px;
   margin: 5px 5px 5px 10px; }

.submit #url-field #suggest-title button:hover,
.submit #url-field #imgur-upload.btn.imgur-upload:hover {
   color: #6655AA;
   background: #CCCCFF;
   border-color: #6655AA; }


/***** SUBMIT-PAGE "text (optional)" relocate                                          *****/

.submit #text-field .title {
   margin-top: -30px;
   position: absolute;
   left: 50px; }

.submit #text-field .little.gray.roundfield-description {
   margin-top: -30px;
   position: absolute;
   left: 95px; }


/***** SUBMIT-PAGE TEXT roundfield background darken + position                        *****/

.theme-daymode   .submit #text-field.roundfield {
   border: 2px solid #BBBBBB;
   border-radius: 10px;
   background-color: #DDDDFF;
   margin-top: 30px; }

.theme-nightmode .submit #text-field.roundfield {
   border: 2px solid #444444;
   border-radius: 10px;
   background-color: #302540;
   margin-top: 30px; }


/***** SUBMIT-PAGE TEXT larger submit field                                            *****/

.submit #text-field textarea {
   background-color: #CCCCFF;
   width: 95%;
   height: 100px;
   border-radius: 5px; }

.theme-nightmode .submit #text-field textarea {
   color: #CCCCFF;
   background-color: #201030;
   border-color: #443388;
   border-radius: 8px; }


/***** SUBMIT-PAGE TEXT larger - REMOVE "max-width: 1100px;" limit                     *****/

.submit .usertext-edit.md-container {
   max-width: none; }


/***** SUBMIT-PAGE TEXT "formatting help" & "content policy"                           *****/

.submit #text-field .help-toggle.toggle {
   float: none;
   font-size: inherit;
   margin: 0px; }

.submit #text-field .help-toggle.toggle:after {
   margin: 10px 10px 10px 10px;
   content: " | "; }

.submit #text-field a.reddiquette {
   float: none;
   margin: 0px; }


/***** SUBMIT-PAGE TEXT "formatting help" REMOVE - top paragraph                       *****/

/*     "SaidIt uses a slightly-customized version of Markdown for formatting.
        See below for some basic"                                                          */

.submit #text-field .markhelp p {
   display: none; }


/***** SUBMIT-PAGE TEXT "formatting help" TABLE tweaks                                 *****/

.submit #text-field .markhelp table.md {
   width: 500px;
   position: relative;
   left: calc(50% - 250px) !important; }


/**    FAILED = Table Header change background color

.submit #text-field .markhelp table.md tr {
   background-color: #FF0000; }                                                           **/


/***** SUBMIT-PAGE TEXT larger submit field                                            *****/

.submit textarea#title_text {
   background-color: #CCCCFF;
   width: 95%;
   height: 100px; }


/***** SUBMIT-PAGE "choose a sub" relocate                                             *****/

.submit #reddit-field .title {
   margin-top: -30px;
   position: absolute;
   left: 50px; }


/***** SUBMIT-PAGE SUBS roundfield background darken + position                        *****/

.theme-daymode   .submit #reddit-field.roundfield {
   border: 2px solid #BBBBBB;
   border-radius: 10px;
   background-color: #DDDDFF;
   margin-top: 30px; }

.theme-nightmode .submit #reddit-field.roundfield {
   border: 2px solid #444444;
   border-radius: 10px;
   background-color: #302540;
   margin-top: 30px; }


/***** SUBMIT-PAGE SUBS submit field                                                   *****/

.submit #reddit-field #sr-autocomplete-area #sr-autocomplete {
   background-color: #CCCCFF;
   width: 95%;
   padding: 2px 7px;
   border-radius: 5px; }

.theme-nightmode .submit #reddit-field #sr-autocomplete-area #sr-autocomplete {
   color: #CCCCFF;
   background-color: #201030;
   border-color: #443388;
   padding: 2px 7px;
   border-radius: 8px; }


/***** SUBMIT-PAGE LINK modification                                                   *****/

.theme-daymode   .submit .roundfield-content a:link,
.theme-daymode   .submit .roundfield-content a:visited {
   color: #0022EE;
   font-size: .9em;
   line-height: 0px; }

.theme-nightmode .submit .roundfield-content a:link,
.theme-nightmode .submit .roundfield-content a:visited {
   color: #B098ED;
   font-size: .9em;
   line-height: 0px; }

.theme-daymode   .submit .roundfield-content a:hover {
   color: #CC6600;
   font-size: .9em;
   line-height: 0px; }

.theme-nightmode .submit .roundfield-content a:hover {
   color: #EEB033;
   font-size: .9em;
   line-height: 0px; }


/***** SUBMIT CONTENT "submit" BUTTON                                                  *****/

.submit button.btn {
   width: 200px;
   color: #CCCCFF;
   font-weight: bold;
   font-size: 2em;
   text-align: center;
   vertical-align: middle;
   background: #6655AA;
   border: 3px solid #6655AA;
   border-radius: 5px;
   padding: 3px 12px 4px 12px;
   position: absolute;
   left: 0px; }

.submit button.btn:hover {
   color: #6655AA;
   background: #CCCCFF;
   border-color: #6655AA; }


/***** SUBMIT-PAGE - REMOVE 2nd Bottom Content Policy Reminder                         *****/
/*     "please be mindful of SaidIt's content policy"                                      */

.submit .roundfield.info-notice {
   display: none; }


/***** SUBMIT-PAGE - REMOVE "options" (leaving only "send replies to my inbox")        *****/

.submit #sendreplies-field .title {
   display: none; }


/***** SUBMIT-PAGE "options" position                                                  *****/
/*     "options" + "please be mindful of SaidIt's content policy"                          */

.submit #sendreplies-field.roundfield {
   margin: -35px 0px 0px 0px;
   width: 300px;
   padding: 10px 15px;
   float: right; }

.submit .roundfield.info-notice {
   width: 300px;
   text-align: center;
   float: right; }


/***** SUBMIT CONTENT relocate "options" + "send replies to my inbox"                  *****/

.submit #sendreplies-field.roundfield {
   width: 200px;
   font-size: 1.2em;
   color: #8877EE;
   background-color: #CCCCFF;
   border: none;
   border-radius: 5px;
   text-align: center;
   padding: 10px 0px; 
   margin: 0px 0px 0px 0px;
   position: absolute;
   right: 0px; }

.theme-nightmode .submit #sendreplies-field.roundfield {
   background-color: #201525; }




/* COLOR SCHEME:                                                                           */
/* banner grades from purple #332266; to light purplish-blue #CCCCFF;                      */
/* purple shades      #201030; #302040; #332266; #3B2A6E; #443388; #554499; #6655AA;
                                                                                  #8877EE; */
/*                    #AA99EE; #BBAAFF; #CCCCFF; #DDDDFF; #E8E8FF; #EEEEFF; #FFFFFF;       */
/* "bolder" tones     #447744; #449944; #774477; #77DD77; #994499;                         */
/* muted shades       #201525; #252035; #282336; #302540; #353060; #504555;                */
/* greys              #000000; #444444; #666666; #999999; #BBBBBB; #FFFFFF;                */
/* links day          link #0055BB; visited #6600CC; orange hover #CC6600;                 */
/* links nite         link #50A0D0; visited #AD8BE0; orange hover #EEB033;                 */
/* post links day     link #0022EE; visited #6000B0; orange hover #CC6600;                 */
/* post bg day        odd #DDDDFF; even #E8E8FF; pinned bg #994499;                        */
/* post links nite    link #80B0E0; visited #B098ED; orange hover #EEB033;                 */
/* post bg nite       odd #282336; even #2A2040; pinned bg #774477;                        */
/* post tagline + flatline -                   grey-purple #8899CC;                        */
/* post tagline day   date + domain + comment #552299; visited #552299; hover #CC6600;     */
/* post tagline nite  date + domain + comment #7788FF; visited #AA55BB; hover #EEB033;     */
/* post tagline day   author #992255; friend #901090; comment submitter #992255;           */
/* post tagline nite  author #BB8855; friend #B07090; comment submitter #CC6666;           */
/* notifications orange      #CC6600; + bright orange #D07000; #EEBB33;                    */




/***** SUB SETTINGS & STYLESHEETS                                                      *****/


/***** SUB SETTINGS buttons "save" "options"                                           *****/

.pretty-form .save-button button.btn {
   width: 240px;
   color: #CCCCFF;
   font-weight: bold;
   font-size: 1.7em;
   text-align: center;
   vertical-align: middle;
   background: #6655AA;
   border: 3px solid #6655AA;
   border-radius: 5px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }

.pretty-form .save-button button.btn:hover {
   color: #6655AA;
   background: #CCCCFF;
   border-color: #6655AA; }


/***** SUB SETTINGS & STYLESHEETS buttons "choose file" "upload"                       *****/

.image-upload input#file {
   color: #6655AA;
   font-weight: bold;
   font-size: 1.4em;
   text-align: center;
   vertical-align: middle;
   background: #CCCCFF;
   border: 3px solid #CCCCFF;
   border-radius: 5px;
   padding: 5px 15px 5px 15px;
   margin: 5px 5px 5px 10px; }

.image-upload input#file:hover {
   color: #CCCCFF;
   background: #6655AA;
   border-color: #CCCCFF; }

.submit-img.primary-button {
   width: 140px;
   color: #CCCCFF;
   font-weight: bold;
   font-size: 1.5em;
   text-align: center;
   vertical-align: middle;
   background: #6655AA;
   border: 3px solid #6655AA;
   border-radius: 5px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }

.submit-img.primary-button:hover {
   color: #6655AA;
   background: #CCCCFF;
   border: 3px solid #6655AA; }


/***** STYLESHEETS buttons "save" "preview"                                            *****/

.sheets button.btn {
   width: 140px;
   color: #CCCCFF;
   font-weight: bold;
   font-size: 1.3em;
   text-align: center;
   vertical-align: middle;
   background: #6655AA;
   border: 3px solid #6655AA;
   border-radius: 5px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }

.sheets button.btn:hover {
   color: #6655AA;
   background: #CCCCFF;
   border-color: #6655AA; }


/**    FAILED STYLESHEETS 

.sheets button.btn.preview {
   color: #DDDDFF;
   font-weight: bold;
   font-size: 1.3em;
   text-align: center;
   vertical-align: middle;
   background: #F6C666;
   border: 1px solid #6655AA;
   border-radius: 5px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }                                                            **/


/***** STYLESHEETS alter img-url's small black text describing images                  *****/

.theme-daymode #image-preview-list pre.img-url {
   color: #CC6600;
   font-weight: normal;
   font-size: 12px; }

.theme-nightmode #image-preview-list pre.img-url {
   color: #CC6600;
   font-weight: normal;
   font-size: 12px; }




/**    DEBUG INFO

.debuginfo {
   width: calc (100% - 10px);
   background-color: #FF0000; }

.debuginfo:before {
   display: block;
   float: left;
   position: relative;
   top: 2px;
   color: #00FF00;
   font-size: 9px;
   content: "/s/WikiSpooks | SaidItron-Purple CSS theme | by /u/JasonCarswell"; }         **/



/***** FOOTER padding-top                                                              *****/

.footer-parent   {
   margin: -25px;
   padding: 0px; }


/***** FOOTER MENU                                                                     *****/

.footer-parent .rounded ul.flat-vert.hover {
   text-align: center;
   margin: 0px; }

.theme-daymode   .footer-parent .rounded   {
   opacity: .7;
   color: #6655AA;
   border: 1px solid #8877EE;
   border-radius: 10px; }

.theme-nightmode .footer-parent .rounded   {
   opacity: .7;
   color: #6655AA;
   border: 1px solid #443388;
   border-radius: 10px; }


/***** FOOTER "2020 SaidIt" reposition + padding                                       *****/

.footer-parent .bottommenu {
   position: relative;
   top: -44px;
   width: 70px;
   height: 13px;
   padding: 8px 0px 5px 0px;
   margin: auto; }

.theme-daymode .footer-parent .bottommenu {
   background-color: #CCCCFF; }

.theme-nightmode .footer-parent .bottommenu {
   background-color: #201525; }


/***** FOOTER banner replaced                                                          *****/

.theme-daymode   .footer-banner,
.theme-nightmode .footer-banner {
   background: url(%%WikiSpooks-Banner-Mirror-Grade%%);
   min-height: 20px;
   background-position: 50% 0px;
   border: none; }




/***** END                                                                             *****/


images