/*     ............................................................................
   .•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•.
  ••'..•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••..'••
 •• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
 ¤'.¤'    •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤• '¤.'¤
 ¤ •¤   •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•    ¤• ¤
 ¤ •¤ •¤¤¤¤¤¤¤¤¤•          '"""""""""'          '"""""""""'          '""""""¤¤¤•      ¤• ¤
 ¤ •¤¤¤¤¤¤¤¤¤¤•.u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤u.•        ¤• ¤
 ¤ •¤¤¤¤¤¤¤¤• ¤¤¤¤'     .u¤¤¤¤¤¤ ¤¤¤¤¤¤¤• ¤¤•'    '"¤¤¤¤• ¤¤•'       .u¤  ¤¤¤¤        ¤• ¤
 ¤ •¤¤¤¤¤¤•  u¤¤¤  •¤¤¤¤¤¤¤¤¤¤• . •¤¤¤¤¤  ¤¤¤¤¤¤¤¤u  "¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤  ¤¤¤¤u     •¤¤• ¤
 ¤ •¤¤¤¤•    ¤¤¤¤u.     '"¤¤¤" ¤¤¤ "¤¤¤¤  ¤¤¤'¤¤¤¤¤¤  ¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤   •¤¤¤¤• ¤
 ¤ •¤¤•      "¤¤¤¤¤¤¤¤¤•  ¤¤' ¤•""" '¤¤¤  ¤¤" ¤¤¤¤"  u¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤¤¤¤¤¤¤" •¤¤¤¤¤¤• ¤
 ¤ •¤         ¤¤¤•'     .¤¤'.u¤¤¤¤¤u.'¤¤ u¤¤      .u¤¤¤¤ u¤¤¤¤¤¤ u¤¤¤¤¤(  )¤¤¤.¤¤¤¤¤¤¤¤• ¤
 ¤ •¤        •.'"¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤"'.•¤¤¤¤¤¤¤¤¤• ¤
 ¤ •¤      •¤¤uuu.....        ¤¤¤¤¤ .......          ...........          •u¤¤¤¤¤¤¤¤• ¤• ¤
 ¤ •¤    •¤¤¤¤¤¤¤¤¤•          ¤¤¤ u¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•   ¤• ¤
 ¤ '¤. •¤¤¤¤¤¤¤¤¤•          • ¤ u¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•    .¤' ¤
 •• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤..u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
  ••.''•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••''.••
   '•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•'
       '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''       */

/*     Ergonomix Subsaidit CSS Theme
                                     ~ designed by /u/JasonCarswell
                                     - with invaluable help from /u/d3rr & /u/magnora7
                                     - referenced /s/Internet/ code used by Mnemonic
                                     - referenced /s/Unc0ver/ code used by OmegaUser296

       This CSS may not be the prettiest but it aims to be as practical as possible.
       Aesthetic style evolved secondarily to the top priority of ergonomic functionality.
       Each distinct colour has a unique function with enough perceived contrast for
       maximum glare-free readability.  Improvement feedback is most welcome.

       Freely modify, share, copy and paste this subsaidit CSS and these installation steps.

       1) Several images require uploading for this code to work.
          Replace any or all images with your own but thare are dimension limits on some.
          a) 2 header banners day/night with Saidit logo 2500x100
          b) 2 SaidIt logos day/night that float in the top right corner 140x60
          c) 2 footer banners day/night with Saidit logo 2500x50
          d) 4 filler thumbnails day/night link/text when there's no linked image 70x70
          e) 3 sidebox images referenced in the https://SaidIt.net/s/Sex/about/stylesheet/

       2) Under "BANNER" the "background-image" will need to be replaced with your banner.
          a) You may use one image with focus positioned on it in different places, or
          b) You may use two separate images for the day and night modes.
          c) If you don't have a banner or wish to have temporary place holders, use
                 "Saidit-2019-Centered-Grade-Day-Logo-2500x100"
             and
                 "Saidit-2019-Centered-Grade-Night-Logo-2500x100"

       3) Under "BANNER" you may adjust the height of the "#header { min-height: 100px; }"

       4) Under "header left bottom (ovoid not tabs) tab menu" the 3rd header row will need
          custom adjusting to your sub title.
          "Sex"                   is short and is only pushed   "left: -67px;"
          "Crime"                 is short and is only pushed   "left: -72px;"
          "DecentralizeAllThings" is long and is pushed farther "left: -180px;"

       5) Under "SIDEBOX" the "sidebox image above submit buttons":
          a) May be commented out (between forward slashes and asterisks) if you do not want
             or don't have an image, but don't want to delete the code.
                                   Sex-Sidebox-Image-300x60
          b) Replace the day and night mode images as you see fit:
                 background: url(%%Saidit-2019-Logo-Day-Text-180x80%%)
                                   Saidit-2019-Logo-Night-Text-180x80
          c) Adjust position and image framing as you see fit
                 top center no-repeat;
             numbers = top, right, bottom, left in pixels:
                 padding: 90px 0px 0px 0px; margin: -5px 0px 0px 0px;
          d) The ".spacer:nth-of-type(3)" can be changed to (4) or (5) to use other spacers
             and position the image between or below the submit buttons in the sidebox.
          e) You may duplicate this line with different numbers for more images.

       See also: https://saidit.net/s/SaidIt/wiki/CustomCSS                                */



       /* == HEADER == */

       /* == BANNER == */
       /*  day or night banner copied from "Internet" subsaidit */
       /*   Replaces SaidIt default banner with over-wide banners that scale,
            and scrollbar additions not needed, nor use of settings menu banner option. */
#header { min-height: 100px; }
.theme-daymode   #header {
                        background-image: url(%%DecentralizeAllThings-Banner-v2-2200x200%%);
                        background-color: #9999AA; background-position: 100% 85%; }
.theme-nightmode #header {
                        background-image: url(%%DecentralizeAllThings-Banner-v2-2200x200%%);
                        background-color: #333333; background-position: 0% 40%; }

       /* == alternative BANNER == - positioned single (day+night) banner */
/* nullified alternative = single positioned banner for both day and night
#header-bottom-left { height: 50x; padding-top: 168px;
                      background-position: 50%
                      background: url(%%Saidit-2019-Logo-Night-2200x300%%) no-repeat; }
*/


       /* header left top (ovoid not tabs) shape */
#sr-header-area                  { font-weight: normal; font-size: 130%; text-transform: capitalize; 
                                   line-height: 22px; width: 520px; 
                                   height: 21px; border-radius: 30px; text-indent: 3px;
                                   padding: 0px 10px; margin: 5px; position: static; }
.theme-daymode   #sr-header-area { background-color: #D9D9E9; border: 2px solid #B9B9C9; }
.theme-nightmode #sr-header-area { background-color: #222222; border: 2px solid #999066; }

       /* header left top (ovoid not tabs) menu links
                                             "My Subs"
                                             "Home" "All" "Subscribed" "Random" "Friends" "Mod"
                                             "Edit Subs" */
.theme-daymode #sr-header-area .selected.title,
.theme-daymode #sr-header-area ul.flat-list.sr-bar.hover,
.theme-daymode #sr-header-area a#sr-more-link    { color: #992255; background-color: #D9D9E9;
                                                   border-bottom: 0px; font-weight: normal; }
.theme-nightmode #sr-header-area .selected.title,
.theme-nightmode #sr-header-area ul.flat-list.sr-bar.hover,
.theme-nightmode #sr-header-area a#sr-more-link  { color: #C05588; background-color: #222222;
                                                   border-bottom: 0px; font-weight: normal; }

       /* header left top "My Subs" extra position tweak */
.theme-daymode #sr-header-area .selected.title,
.theme-nightmode #sr-header-area .selected.title { position: relative; left: 12px; top: -1px; height: 21px; }


       /* header left middle (ovoid not tabs) current subreddit */
.theme-daymode   #header-bottom-left .hover.pagename.redditname { color: #CC6600; background-color: #D9D9E9; 
                                                                  border: 2px solid #B9B9C9; }
.theme-nightmode #header-bottom-left .hover.pagename.redditname { color: #CC6600; background-color: #222222; 
                                                                  border: 2px solid #999066; }
#header-bottom-left .hover.pagename.redditname   { font-weight: normal; font-size: 120%;
                                                   line-height: 22px;
                                                   height: 21px; border-radius: 30px; 
                                                   padding: 0px 10px; margin: 0px 5px; }


       /* header left bottom (ovoid not tabs) tab menu */
       /* NOTE: "left:" is CUSTOM FOR EACH PAGE depending on the page title length */
#header-bottom-left ul.tabmenu                { line-height: 22px; height: 21px; border-radius: 30px; 
                                                padding: 0px 10px; margin: 0px 5px;
                                                left: -180px; top: 32px; position: relative; clear: left; }
.theme-daymode   #header-bottom-left .tabmenu { background-color: #D9D9E9; border: 2px solid #B9B9C9; }
.theme-nightmode #header-bottom-left .tabmenu { background-color: #222222; border: 2px solid #999066; }

       /* header left bottom (ovoid removing tabs) "Hot" "New" "Insightful" "Funny" "Top" "Comments" "Wiki" */
#header-bottom-left a.choice                  { font-weight: normal; font-size: 120%; text-transform: capitalize; 
                                                padding: 0px; margin-left: -3px; margin-right: 8px;
                                                border: 0px; border-radius: 30px; }
.theme-daymode   #header-bottom-left a.choice { background: none; }
.theme-nightmode #header-bottom-left a.choice { background: none; }

       /* header left bottom selected (ovoid within ovoid) */
#header-bottom-left ul.tabmenu li.selected a.choice { padding: 0px 8px 0px 8px; margin: 0px; margin-right: 8px;
                                                      border-radius: 30px; }
.theme-daymode   #header-bottom-left ul.tabmenu li.selected a.choice { color: #CC6600;
                                                      background-color: #EEEEFF; border: 2px solid #B9B9C9; }
.theme-nightmode #header-bottom-left ul.tabmenu li.selected a.choice { color: #CC6600;
                                                      background-color: #000000; border: 2px solid #999066; }


       /* header right (ovoid) user messages mode prefs etc */
#header-bottom-right                  { height: 18px; 
                                        border-radius: 30px; 
                                        text-transform: capitalize; 
                                        font-size: 100%; line-height: 18px;
                                        padding: 0px; padding-left: 8px; padding-right: 10px;
                                        margin: 5px; top: 0px; right: 0px; }
.theme-daymode   #header-bottom-right { background-color: #D9D9E9; border: 1px solid #B9B9C9; }
.theme-nightmode #header-bottom-right { background-color: #222222; border: 1px solid #999066; }

       /* header right (ovoid) user messages # mod mode "Preferences" "Logout" */
.theme-daymode   #header-bottom-right a          { color: #666666; }
.theme-nightmode #header-bottom-right a          { color: #BBBBBB; }
#header-bottom-right .separator                  { display: none; }
#header-bottom-right .user                       { padding-right: 8px; }
#header-bottom-right .userkarma                  { padding-right: 0px; font-weight: normal; }
.theme-daymode   #header-bottom-right .userkarma { color: #333333; }
.theme-nightmode #header-bottom-right .userkarma { color: #DDDDDD; }
#header-bottom-right a#mail.havemail             { padding: 0px; }
#header-bottom-right a.message-count             { font-weight: bold; font-size: 150%;
                                                   text-align: center; line-height: 9px;
                                                   color: #FFFFFF; background-color: #DD8800;
                                                   border-radius: 30px; border: 1px solid #CC0000;
                                                   padding-left: 5px; padding-right: 5px;
                                                   padding-top: 3px; padding-bottom: 5px;
                                                   margin-left: 2px; margin-right: 1px; }
#header-bottom-right a#modmail                   { margin-left: 3px; margin-right: 3px; }
#header-bottom-right .pref-lightswitch-on        { margin-left: 4px; margin-right: 0px; }
#header-bottom-right .pref-lightswitch-off       { margin-left: 4px; margin-right: 0px; }
#header-bottom-right .flat-list                  { border-bottom: 0px; }
#header-bottom-right a.pref-lang.choice          { padding-left: 6px; font-weight: normal; border-bottom: 0px; }
#header-bottom-right .logout                     { padding-left: 8px; }

       /* SAIDIT Logo = image & home button */
#header-img,
#header-img.default-header { background-position: 0; min-height: 60px; width: 140px; margin: 32px 4px 0px 0px;
                             position: fixed; top: 0px; right: 0px; }
.theme-daymode   #header-img,
.theme-daymode   #header-img.default-header { background-image: url(%%Saidit-2019-Logo-Day-Text-140x60%%); }
.theme-nightmode #header-img,
.theme-nightmode #header-img.default-header { background-image: url(%%Saidit-2019-Logo-Night-Text-140x60%%); }



       /* == FOOTER == */

       /* footer padding-top */
.footer-parent   { padding-top: 0px; }

       /* footer menu */
.footer-parent .rounded ul.flat-vert.hover { text-align: center; margin: 0px; }
.theme-daymode   .footer-parent .rounded   { border-color: #CCCCCC; border-radius: 100px; }
.theme-nightmode .footer-parent .rounded   { border-color: #666666; border-radius: 100px; }

       /* footer-banner */
.theme-daymode   .footer-banner { background-image: url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x50%%);
                                  min-height: 40px; background-position: 50%; }
.theme-nightmode .footer-banner { background-image: url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x50%%);
                                  min-height: 40px; background-position: 50%; }



       /* == BODY == */

       /* main page */
body.theme-daymode   { background-color: #EEEEEE; }
body.theme-nightmode { background-color: #222222; }

       /* link colors */
.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: #FFB033; }

       /* 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; }



       /* == SIDEBOX == */

       /* sidebox (chat & all) */
.side                  { display: inline-block; border-top-left-radius: 30px; border-bottom-left-radius: 30px;
                         font-size: 100%; font-weight: normal; text-align: left;
                         margin: 2px 0px 0px 0px; padding: 1px; }
.side                  { z-index: 3; }
.side                  { background: url(%%DecentralizeAllThings-Sidebox-Image-300x60%%) no-repeat 0 0px;
                         padding-top: 59px; }
.theme-daymode   .side { background-color: #D9D9E9; border: 1px #CCFFCC; }
.theme-nightmode .side { background-color: #111111; border: 1px #003300; }

       /* sidebox search (rounded) */
.theme-daymode   .side form#search input { color: #333333; background: #DFDFEF;
                                           border: 1px solid #999999; border-radius: 30px;
                                           font-size: 130%; line-height: 10px; }
.theme-nightmode .side form#search input { color: #BBBBBB; background: #333333;
                                           border: 1px solid #999999; border-radius: 30px;
                                           font-size: 130%; line-height: 10px; }

       /* sidebox advanced search box rounded */
.theme-daymode   .side #searchexpando { color: #333333; background: #DFDFEF;
                                        border: 1px solid #999999; border-top: 0px;
                                        border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
                                        font-size: 130%; line-height: 10px; margin-top: -10px; }
.theme-nightmode .side #searchexpando { color: #BBBBBB; background: #333333;
                                        border: 1px solid #999999; border-top: 0px;
                                        border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
                                        font-size: 130%; line-height: 10px; margin-top: -10px; }

       /* sidebox "Announcements" (or image) above submit buttons */
.side .spacer:nth-of-type(2) { background: url(%%Saidit-2019-Bubble-Announcements-300x300%%)
                               center no-repeat; border-radius: 20px; height: 150px;
                               padding: 30px 0px 0px 0px; margin: -5px 0px 0px 0px; }

       /* sidebox submit button shape, size, colour */
.morelink                                       { height: 60%; border: 1px; border-radius: 15px;
                                                  padding: 5px 0px; margin: -2px 45px;
                                                  text-align: center; vertical-align: middle; }
.sidebox.submit-text .morelink                  { margin-top: -10px; }
.theme-daymode   .sidebox.submit-link .morelink,
.theme-daymode   .sidebox.submit-text .morelink,
.theme-daymode   .sidebox.create      .morelink { background: #EEEE99; border-color: #CC3300; }

.theme-nightmode .sidebox.submit-link .morelink, 
.theme-nightmode .sidebox.submit-text .morelink,
.theme-nightmode .sidebox.create      .morelink { background: #BBBB66; border-color: #FFB033; }

       /* sidebox submit button text colour, size */
.theme-daymode   .morelink a:link    { color: #0055A0; line-height: 15px; }
.theme-nightmode .morelink a:link    { color: #0066AA; line-height: 15px; }
.theme-daymode   .morelink a:visited,
.theme-nightmode .morelink a:visited { color: #6633CC; line-height: 15px; }
.theme-daymode   .morelink a:hover,
.theme-nightmode .morelink a:hover   { color: #CC3300; line-height: 15px; }

       /* sidebox submit button removal of "nub" arrow point */
.theme-daymode   .sidebox.submit-link .morelink div.nub,
.theme-nightmode .sidebox.submit-link .morelink div.nub,
.theme-daymode   .sidebox.submit-text .morelink div.nub,
.theme-nightmode .sidebox.submit-text .morelink div.nub,
.theme-daymode   .sidebox.create      .morelink div.nub,
.theme-nightmode .sidebox.create      .morelink div.nub { height: 0px; width: 0px; }

       /* sidebox chat box */
.side .spacer:nth-of-type(5) { margin: -10px 0px 0px 0px; }

       /* sidebox titlebox subsaidit title (make green in ovoid) */
.theme-daymode   h1.hover.redditname a.hover { color: #00AA33; }
.theme-daymode           .redditname         { background-color: #E6E6E6; }
.theme-nightmode h1.hover.redditname a.hover { color: #55BB88; }
.theme-nightmode         .redditname         { background-color: #222200; }
               .titlebox .redditname         { display: block; text-align: center; border-radius: 30px;
                                               padding: 6px 10px; margin: -8px 20px 10px 20px; }

       /* sidebox "readers" and "users here now" */
.theme-daymode   .titlebox .subscribers { color: #00AA33; }
.theme-nightmode .titlebox .subscribers { color: #55BB88; }
.theme-daymode   p.users-online.fuzzed { color: #00AA33; }
.theme-nightmode p.users-online.fuzzed { color: #55BB88; }

       /* sidebox "subscribe/unsubscribe" button */
.fancy-toggle-button.subscribe-button.toggle .add {
                                                    background-image: none; width: 100px;
                                                    color: #F6C666; background-color: #339966;
                                                    border: 1px solid #F6C666; border-radius: 30px;
                                                    padding: 4px 10px; margin: 0px 30px; }
.fancy-toggle-button.subscribe-button.toggle .option.remove.login-required.active { 
                                                    background-image: none; width: 100px;
                                                    color: #440000; background-color: #AA5522;
                                                    border: 1px solid #EEBB00; border-radius: 30px;
                                                    padding: 4px 10px; margin: 0px 30px; }

       /* sidebox "### subscribers" moved right */
.side .subscribers { position: relative; right: -20px; }

       /* sidebox "Moderation Tools" box background colour */
.theme-daymode   ul.flat-vert.icon-menu { background-color: #EEEE99; padding: 5px 10px; margin: 0px;
                                          border: 0px solid #999999; border-radius: 20px; }
.theme-nightmode ul.flat-vert.icon-menu { background-color: #222200; padding: 5px 10px; margin: 0px;
                                          border: 0px solid #666666; border-radius: 20px; }

       /* sidebox "Moderation Tools" colour behind text only */
.theme-daymode   ul.flat-vert.icon-menu a.reddit-edit.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.edit-stylesheet.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.community-rules.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.moderator-mail.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-moderators.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-contributors.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-traffic.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-modqueue.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-reported.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-spam.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-edited.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-ban.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-mute.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-flair.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-automod.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-moderationlog.access-required.choice,
.theme-daymode   ul.flat-vert.icon-menu a.reddit-unmoderated.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-edit.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.edit-stylesheet.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.community-rules.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.moderator-mail.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-moderators.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-contributors.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-traffic.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-modqueue.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-reported.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-spam.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-edited.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-ban.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-mute.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-flair.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-automod.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-moderationlog.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-unmoderated.access-required.choice { background: none; }

       /* sidebox "Moderators" box */
.theme-daymode   .side .sidecontentbox ul.content,
.theme-nightmode .side .sidecontentbox ul.content { background: none; border: 0px; border-radius: 10px; margin: 5px; }

       /* sidebox "message the moderators" animated button */
       /* sidebox "message the moderators" ovoid */
.theme-daymode   .side .helplink { background: #E6E6E6; }
.theme-nightmode .side .helplink { background: #222200; }
                 .side .helplink { display: block!important; width: 150px; border-radius: 30px;
                                   font-size: 1.10em; text-align: center!important; padding: 5px 10px;
                                   position: relative; margin-bottom: 5px!important; margin-top: -5px!important;
                                   overflow: visible; transition: all 0.25s ease; }
       /* sidebox "message the moderators" hover background transition */
.theme-daymode   .side .helplink:hover { background: #E6E6E6; }
.theme-nightmode .side .helplink:hover { background: #222200; }
       /* 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-nightmode .side .helplink:after { color: #CC6600; }
.theme-nightmode .side .helplink:after { color: #FFB033; }
.theme-nightmode .side .helplink:after { background-color: transparent;
                                   content: "Please include all relevant links when messaging the moderators!";
                                   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; }
.theme-nightmode .side .helplink:hover:after { -webkit-transition-delay: .25s; transition-delay: .25s;
                                               opacity: 1; visibility: visible; }

       /* sidebox after box with name of CSS theme */
.theme-daymode   .side:after {
              content: "Ergonomix Subsaidit CSS Theme https://Saidit.net/s/Sex/about/stylesheet/";
              display: block; width: 300px; margin: 10px 0; padding: 10px 0; position: absolute;
              text-align: center; font-size: 1.3em; color: #777777; opacity: .7;
              border: 1px solid #999999; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.theme-nightmode .side:after {
              content: "Ergonomix Subsaidit CSS Theme https://Saidit.net/s/Sex/about/stylesheet/";
              display: block; width: 300px; margin: 10px 0; padding: 10px 0; position: absolute;
              text-align: center; font-size: 1.3em; color: #777777; opacity: .7;
              border: 1px solid #555555; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }



       /* == THUMBNAILS == */

       /* thumbnail frame */
.thumbnail                  { text-align: center; padding: 8px; border-radius: 10px; margin: 0px 6px 0px 0px; }
.theme-daymode   .thumbnail { background-color: #FFFFFF; border: 1px solid #999999; }
.theme-nightmode .thumbnail { background-color: #000000; border: 1px solid #666666; }

       /* thumbnails for no image text + no image link */
.theme-daymode   .thumbnail.self    { background-image: url(%%Saidit-2019-Logo-Day-Text-70x70%%); }
.theme-nightmode .thumbnail.self    { background-image: url(%%Saidit-2019-Logo-Night-Text-70x70%%); }
.theme-daymode   .thumbnail.default { background-image: url(%%Saidit-2019-Logo-Day-Link-70x70%%); }
.theme-nightmode .thumbnail.default { background-image: url(%%Saidit-2019-Logo-Night-Link-70x70%%); }
.thumbnail.self,
.thumbnail.default                  { background-position: center; height: 90; }



       /* == POSTS == */

       /* posts alternating "stripes" darker */
.theme-daymode .link        { background-color: #DFDFEF; padding-left: 3px; }
.theme-nightmode .link      { background-color: #1D1D1D; padding-left: 3px; }

       /* posts alternating "stripes" lighter */
.theme-daymode .link.even   { background-color: #E6E6E6; padding-left: 3px; }
.theme-nightmode .link.even { background-color: #262626; padding-left: 3px; }

       /* posts hover (lightest & darkest) */
.theme-daymode.listing-page .thing.link:hover     { background-color: #EEEEEE; }
.theme-nightmode.listing-page .thing .title:hover { background-color: #101010; }

       /* posts links = blue & purple & hover orange */
.theme-daymode   .thing .title                                { color: #0022EE; }
.theme-nightmode .thing .title                                { color: #80B0E0; }
.theme-daymode   .thing .title:visited, .thing.visited .title { color: #6000B0; }
.theme-nightmode .thing .title:visited, .thing.visited .title { color: #B098ED; }
.theme-daymode   .thing .title:hover, .thing.hover .title     { color: #CC6600; }
.theme-nightmode .thing .title:hover, .thing.hover .title     { color: #FFB033; }

       /* posts pinned link */
.theme-daymode   .thing.stickied.link a.title { color: #992255; }
.theme-nightmode .thing.stickied.link a.title { color: #C05588; }

       /* posts underline title */
.theme-daymode   .title     { border-bottom: 0px solid #AAAAEE; }
.theme-nightmode .title     { border-bottom: 0px solid #223344; }

       /* posts underline flat-list buttons */
.theme-daymode   .flat-list { border-bottom: 2px solid #AAAAEE; }
.theme-nightmode .flat-list { border-bottom: 2px solid #223344; }


       /* posts "comment share save hide distinguish delete spam remove approve lock nsfw flair retry thumb" */

       /* posts "comments" link */
.theme-daymode   .entry .buttons a.bylink.comments { color: #00AA33; font-weight: normal; font-size: 1.30em; }
.theme-nightmode .entry .buttons a.bylink.comments { color: #55BB88; font-weight: normal; font-size: 1.30em; }

       /* posts "share" + "save" + "hide" link */
.theme-daymode   .entry .buttons li.share a,
.theme-nightmode .entry .buttons li.share a,
.theme-daymode   .entry .buttons li.link-save-button.save-button a,
.theme-nightmode .entry .buttons li.link-save-button.save-button a,
.theme-daymode   .entry .buttons form.state-button.hide-button a,
.theme-nightmode .entry .buttons form.state-button.hide-button a { color: #8899CC; font-weight: normal; font-size: 1.10em; }

       /* posts "approve" link */
.theme-daymode   .entry .buttons form.state-button.approve-button a { color: #AA0033; font-weight: normal; font-size: 1.20em; }
.theme-nightmode .entry .buttons form.state-button.approve-button a { color: #BB5588; font-weight: normal; font-size: 1.20em; }

       /* posts "approved" NOTIFICATION not-link */
.theme-daymode   .entry .buttons form.state-button.approve-button { color: #00AA33; font-weight: normal; font-size: 1.20em; }
.theme-nightmode .entry .buttons form.state-button.approve-button { color: #55BB88; font-weight: normal; font-size: 1.20em; }

       /* posts "lock" + "nsfw" + "flair" + "retry thumb" + "check back in a few minutes" link */
.theme-daymode   .entry .buttons form.toggle.lock-button a,
.theme-nightmode .entry .buttons form.toggle.lock-button a,
.theme-daymode   .entry .buttons form.toggle.marknsfw-button a,
.theme-nightmode .entry .buttons form.toggle.marknsfw-button a,
.theme-daymode   .entry .buttons a.flairselectbtn.access-required,
.theme-nightmode .entry .buttons a.flairselectbtn.access-required,
.theme-daymode   .entry .buttons form.toggle.rescrape-button a,
.theme-nightmode .entry .buttons form.toggle.rescrape-button a,
.theme-daymode   .entry .buttons form.toggle.rescrape-button,
.theme-nightmode .entry .buttons form.toggle.rescrape-button { color: #8899CC; font-weight: normal; font-size: 1.10em; }



       /* == POSTS & COMMENTS crossovers == */

       /* posts domain */
.domain                                   { float: right; }
       /* posts domain brackets */
.theme-daymode   .domain                  { color: #8888BB; }
.theme-nightmode .domain                  { color: #667788; }
       /* posts domain links */
.theme-daymode   .thing .domain a:link    { color: #552299; font-size: 1.3em; }
.theme-nightmode .thing .domain a:link    { color: #7788FF; font-size: 1.3em; }
.theme-daymode   .thing .domain a:visited { color: #552299; font-size: 1.3em; }
.theme-nightmode .thing .domain a:visited { color: #AA55BB; font-size: 1.3em; }
.theme-daymode   .thing .domain a:hover   { color: #CC6600; font-size: 1.35em; }
.theme-nightmode .thing .domain a:hover   { color: #FFB033; font-size: 1.35em; }

       /* posts & comments date & time */
.theme-daymode   .tagline time            { color: #668800; font-weight: normal; font-size: 1.25em; }
.theme-nightmode .tagline time            { color: #AACC77; font-weight: normal; font-size: 1.25em; }

       /* posts & comments "submitted" "by" paragraph */
.theme-daymode   .tagline,
.theme-nightmode .tagline                    { color: #999999; font-size: 1.10em; }

       /* posts & comments author, friend, [F], submitter */
.theme-daymode   .tagline a.author           { color: #992255; font-size: 1.35em; }
.theme-nightmode .tagline a.author           { color: #BB8855; font-size: 1.35em; }
.theme-daymode   .tagline a.author.friend    { color: #992255; font-size: 1.35em; } /* not different */
.theme-nightmode .tagline a.author.friend    { color: #B07090; font-size: 1.35em; }
.theme-daymode   .tagline .userattrs         { color: #BB4477; font-size: 1.00em; }
.theme-nightmode .tagline .userattrs         { color: #905070; font-size: 1.00em; }
.theme-daymode   .tagline a.author.submitter { color: #992255; font-size: 1.35em; } /* not posts, comments only */
                                                                                    /* not different */
.theme-nightmode .tagline a.author.submitter { color: #CC6666; font-size: 1.35em; } /* not posts, comments only */

       /* posts & comments "flat-list" positions */
       /* posts "comment share save hide distinguish delete spam remove approve lock nsfw flair retry thumb" */
.link .flat-list.buttons                         { float: left; clear: left; }
       /* comments "permalink save parent edit disable-inbox-replies delete spam remove distinguish reply" */
.comment .flat-list.buttons                      { float: right; }

       /* posts + comments "delete" + "spam"/"remove" + "report" links */
.theme-daymode   .entry .buttons form.toggle.del-button a,
.theme-nightmode .entry .buttons form.toggle.del-button a,
.theme-daymode   .entry .buttons form.toggle.remove-button a,
.theme-nightmode .entry .buttons form.toggle.remove-button a,
.theme-daymode   .entry .buttons li.report-button a,
.theme-nightmode .entry .buttons li.report-button a { color: #8899CC; font-weight: normal; font-size: 1.10em; }

       /* 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; }



       /* == COMMENTS == */

       /* comments turn off the scores beside the user names */
.comment .tagline .score { 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 "permalink save parent edit disable-inbox-replies delete spam remove distinguish reply" */

       /* comments "permalink" + "save" + "parent" links */
.theme-daymode   .entry .buttons li.first a,
.theme-nightmode .entry .buttons li.first a,
.theme-daymode   .entry .buttons li.comment-save-button.save-button a,
.theme-nightmode .entry .buttons li.comment-save-button.save-button a,
.theme-daymode   .entry .buttons li a.bylink,
.theme-nightmode .entry .buttons li a.bylink { color: #8899CC; font-weight: normal; font-size: 1.10em; }

       /* comments "edit" link */
.theme-daymode   .entry .buttons li a.edit-usertext { color: #33AA59; font-size: 1.20em; }
.theme-nightmode .entry .buttons li a.edit-usertext { color: #44BB77; font-size: 1.20em; }

       /* comments "disable inbox replies" + "distinguish" links */
.theme-daymode   .entry .buttons form.toggle.sendreplies-button a,
.theme-nightmode .entry .buttons form.toggle.sendreplies-button a { color: #8899CC; font-weight: normal; font-size: 1.10em; }
.theme-daymode   .entry .buttons li.toggle a,
.theme-nightmode .entry .buttons li.toggle a { color: #8899CC; font-weight: normal; font-size: 1.10em; }

       /* comments "reply" link */
.theme-daymode   .entry .buttons li.reply-button a { color: #00AA33; font-size: 1.30em; }
.theme-nightmode .entry .buttons li.reply-button a { color: #55BB88; font-size: 1.30em; }

       /* comments buttons "save" "cancel" */
.theme-daymode   .usertext-edit button.save,
.theme-nightmode .usertext-edit button.save   { color: #F6C666; background: #339966; border-color: #339966; }
.theme-daymode   .usertext-edit button.cancel,
.theme-nightmode .usertext-edit button.cancel { color: #339966; background: #F6C666; border-color: #F6C666; }

.theme-daymode   .usertext-edit button.save,
.theme-nightmode .usertext-edit button.save,
.theme-daymode   .usertext-edit button.cancel,
.theme-nightmode .usertext-edit button.cancel { font-weight: bold; font-size: 1.2em;
                                                text-align: center; vertical-align: middle;
                                                border: 1px; border-radius: 20px;
                                                padding: 3px 12px 4px 12px; margin: 5px 5px 5px 10px; }

       /* 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
*/



       /* == VOTES == */

       /* vote button icons (ANNULLED, code saved here so button-icons may be restored )
.theme-daymode   .arrow.up { background-image: url(%%Saidit-2019-S-Icon-Day-Up-Null-25x25%%); }
.theme-nightmode .arrow.up { background-image: url(%%Saidit-2019-S-Icon-Night-Up-Null-25x25%%); }
.theme-daymode   .arrow.upmod { background-image: url(%%Saidit-2019-S-Icon-Day-Up-Mod-25x25%%); }
.theme-nightmode .arrow.upmod { background-image: url(%%Saidit-2019-S-Icon-Night-Up-Mod-25x25%%); }
.theme-daymode   .arrow.down { background-image: url(%%Saidit-2019-S-Icon-Day-Down-Null-25x25%%); }
.theme-nightmode .arrow.down { background-image: url(%%Saidit-2019-S-Icon-Night-Down-Null-25x25%%); }
.theme-daymode   .arrow.downmod { background-image: url(%%Saidit-2019-S-Icon-Day-Down-Mod-25x25%%); }
.theme-nightmode .arrow.downmod { background-image: url(%%Saidit-2019-S-Icon-Night-Down-Mod-25x25%%); }
.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-position: 0; margin-top: 0; } */

       /* 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; }

       /* posts & comments vote score-box moved to right */
.midcol                                          { float: left; }
.linklisting .tagline                            { float: left; }
.theme-daymode   .midcol,
.theme-nightmode .midcol,
.theme-daymode   .midcol.unvoted,
.theme-nightmode .midcol.unvoted,
.theme-daymode   .midcol.likes.dislikes,
.theme-nightmode .midcol.likes.dislikes,
.theme-daymode   .midcol.likes,
.theme-nightmode .midcol.likes,
.theme-daymode   .midcol.dislikes,
.theme-nightmode .midcol.dislikes,
.theme-daymode   .comment .midcol,
.theme-nightmode .comment .midcol,
.theme-daymode   .comment .midcol .arrow.up,
.theme-nightmode .comment .midcol .arrow.up,
.theme-daymode   .comment .midcol .arrow.upmod,
.theme-nightmode .comment .midcol .arrow.upmod,
.theme-daymode   .comment .midcol .arrow.down,
.theme-nightmode .comment .midcol .arrow.down,
.theme-daymode   .comment .midcol .arrow.downmod,
.theme-nightmode .comment .midcol .arrow.downmod { width: 50px; margin: 0px 6px 0px 0px; }

       /* posts vote numbers in ovoids = grey to yellow+orange */
.theme-daymode   .arrow.up .score,
.theme-daymode   .arrow.down .score,
.theme-daymode   .comment .midcol .arrow.up .score,
.theme-daymode   .comment .midcol .arrow.down .score    { color: #A6A6A6; border: 2px solid #A6A6A6;
                                                          font-size: 1.00em; }
.theme-daymode   .arrow.upmod .score,
.theme-daymode   .comment .midcol .arrow.upmod .score   { color: #665522; border: 2px solid #665522;
                                                          font-size: 1.15em; background-color: #CCD999; }
.theme-daymode   .arrow.downmod .score,
.theme-daymode   .comment .midcol .arrow.downmod .score { color: #665544; border: 2px solid #665544; 
                                                          font-size: 1.15em; background-color: #E8D088; }
.theme-nightmode .arrow.up .score,
.theme-nightmode .arrow.down .score,
.theme-nightmode .comment .midcol .arrow.up .score,
.theme-nightmode .comment .midcol .arrow.down .score    { color: #999066; border: 2px solid #999066;
                                                          font-size: 1.00em; }
.theme-nightmode .arrow.upmod .score,
.theme-nightmode .comment .midcol .arrow.upmod .score   { color: #F0A050; border: 2px solid #F0A050;
                                                          font-size: 1.15em; background-color: #444400; }
.theme-nightmode .arrow.downmod .score,
.theme-nightmode .comment .midcol .arrow.downmod .score { color: #E0B040; border: 2px solid #E0B040; 
                                                          font-size: 1.15em; background-color: #332211; }

       /* comments remove user vote scores (beside user name, moved to side buttons) */
.expando { clear: both; }

       /* posts & comments vote 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: 30px; }

       /* posts vote 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; }



       /* == NOTIFICATIONS == */

       /* "there doesn't seem to be anything here" + "saved" */
.comments-page .error,
.theme-daymode   .buttons .error,
.theme-nightmode .buttons .error { color: #CC6600; font-size: 1.75em; }

       /* "continue this thread" = orange */
.theme-daymode   .deepthread a { color: #D07000; font-size: 2.00em; }
.theme-nightmode .deepthread a { color: #EEBB33; font-size: 2.00em; }



       /* == SUBMIT FORMS == */

       /* FYI form prompt text default = "wheat" = #F5DEB3 */
              /* "title" "url" "choose a sub" "your subscribed subs" "options" "be mindful" "submit" */

       /* submit tab menu */
.theme-daymode   .submit ul.tabmenu.formtab   { background-color: #DDDDEE; border-top: 5px solid #DDDDEE; }
.theme-nightmode .submit ul.tabmenu.formtab   { background-color: #333333; border-top: 5px solid #333333; }
.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: 15px; border-top-right-radius: 15px; }
.theme-daymode   .submit a.link-button.choice,
.theme-daymode   .submit a.text-button.choice { color: #F5DEB3; background-color: #999999; border: 0px solid #999999; }
.theme-nightmode .submit a.link-button.choice,
.theme-nightmode .submit a.text-button.choice { color: #F5DEB3; background-color: #666666; border: 0px solid #999999; }
.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: #FFCC00; font-size: 150%;
                                                          background-color: #339966; border: 2px solid #339966;
                                                          border-top-left-radius: 15px;
                                                          border-top-right-radius: 15px; }

       /* submit tab menu green underline in correct section */
.submit ul.tabmenu.formtab    { width: 100%; border-bottom: 4px solid #339966; }
       /*  remove next section's blue line & halved padding */
.submit .formtabs-content     { width: 100%; border-top: 0px solid #5F99CF; padding-top: 5px; }

       /* submit form max width in window (to sidebox) down entire page + rounded corners */
.submit .roundfield,
#link-desc.infobar            { width: 98.5%; border-radius: 15px; padding: 3px 10px; position: relative; }

       /* submit form sections space between boxes */
.submit .spacer+.spacer       { margin: 7px 0px; }

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

       /* submit "title" relocate character count */
.submit .roundfield-content p { position: absolute; top: 5px; left: 440px; }

       /* submit button "suggest title" relocate */
#url-field button             { margin: 0; }
.submit .roundfield button    { color: #339966; font-weight: bold; font-size: 0.75em;
                                text-align: center; vertical-align: middle; background: #F6C666;
                                border-color: #F6C666; border: 10px; border-radius: 30px;
                                padding: 5px 15px 5px 15px; position: absolute; top: 3px; left: 390px; }

       /* submit "text" larger submit field */
.submit .roundfield .usertext-edit          { width: 100%; }
.submit .roundfield .usertext-edit textarea { width: 95%; height: 100px; margin-bottom: 20px; }

       /* submit "content policy" re-position */
.submit .usertext .help-toggle  { font-size: small; position: absolute; bottom: 6px; left: 290px; }

       /* submit "formatting help" re-position */
.submit .usertext a.reddiquette { font-size: small; position: absolute; bottom: 13px; left: 400px; }

       /* submit "your subscribed subs" */
.theme-daymode   .submit .roundfield-content a:link,
.theme-daymode   .submit .roundfield-content a:visited { color: #339966; font-size: .9em; line-height: 0px; }
.theme-nightmode .submit .roundfield-content a:link,
.theme-nightmode .submit .roundfield-content a:visited { color: #55BB88; font-size: .9em; line-height: 0px; }
.theme-daymode   .submit .roundfield-content a:hover   { color: #CC6600; font-weight: bold; font-size: 1.2em; line-height: 0px; }
.theme-nightmode .submit .roundfield-content a:hover   { color: #FFB033; font-weight: bold; font-size: 1.2em; line-height: 0px; }

       /* submit "submitting to..." */
.submit-page div.content                   { margin-right: 310px; }
.submit-page .md                           { max-width: none; }
.submit_text.roundfield.enabled            { width: 100%; }
.submit .submit_text.roundfield.enabled h1 { color: #CC6600; font-size: 1.1em; margin: 0px; }

       /* submit relocate "options" + submit "please be mindful of SaidIt's content policy" */
.submit #sendreplies-field.roundfield { width: 300px; padding: 10px 15px; float: right; }
.submit .roundfield.info-notice       { width: 300px; text-align: center; float: right; }

       /* submit button "submit" */
.submit button.btn         { color: #FFCC00; font-weight: bold; font-size: 2em;
                             text-align: center; vertical-align: middle; background: #339966; height: 100%;
                             border-color: #339966; border: 10px; border-radius: 30px;
                             padding: 5px 15px 5px 15px; margin: 0px; }



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

       /* sub settings buttons "save" "options" */
.pretty-form .save-button button.btn { color: #F6C666; font-weight: bold; font-size: 1.7em;
                                       text-align: center; vertical-align: middle; background: #339966;
                                       border-color: #339966; border: 1px; border-radius: 30px;
                                       padding: 3px 12px 4px 12px; margin: 5px 5px 5px 10px; }

       /* sub settings & stylesheet buttons "choose file" "upload" */
.image-upload input#file   { color: #339966; font-weight: bold; font-size: 1.4em;
                             text-align: center; vertical-align: middle; background: #F6C666;
                             border-color: #F6C666; border: 1px; border-radius: 30px;
                             padding: 5px 15px 5px 15px; margin: 5px 5px 5px 10px; }
.submit-img.primary-button { color: #FFCC00; font-weight: bold; font-size: 1.5em;
                             text-align: center; vertical-align: middle; background: #339966;
                             border-color: #339966; border: 1px; border-radius: 30px;
                             padding: 3px 12px 4px 12px; margin: 5px 5px 5px 10px; }

       /* stylesheet buttons "save" "preview" */
.sheets button.btn { color: #F6C666; font-weight: bold; font-size: 1.3em;
                     text-align: center; vertical-align: middle; background: #339966;
                     border-color: #339966; border: 1px; border-radius: 30px;
                     padding: 3px 12px 4px 12px; margin: 5px 5px 5px 10px; }
       /* FAILED =
.sheets button.btn.preview { color: #339966; font-weight: bold; font-size: 1.3em;
                             text-align: center; vertical-align: middle; background: #F6C666;
                              border-color: #F6C666; border: 1px; border-radius: 30px;
                              padding: 3px 12px 4px 12px; margin: 5px 5px 5px 10px; }
*/

       /* stylesheet alter img-url's small black text describing images */
.theme-daymode #image-preview-list pre.img-url   { color: #666666; font-weight: normal; font-size: 12px; }
.theme-nightmode #image-preview-list pre.img-url { color: #999999; font-weight: normal; font-size: 12px; }



       /* == CUSTOMIZING FLAIR == */

.flair { font-size: 100%; font-weight: bold; }

.flair.flair-UF-Decentralization,
.flair.flair-UF-DecentralizedWeb,
.flair.flair-UF-Hardware,
.flair.flair-UF-OpenSource,
.flair.flair-UF-Solutions,
.flair.flair-UF-Sustainability { color: #33CC66; background:#151515; border-color: #11AA44; }
.flair.flair-UF-Cryptocurrency,
.flair.flair-UF-Fediverse,
.flair.flair-UF-IPFS,
.flair.flair-UF-Holochain,
.flair.flair-UF-ZeroNet        { color: #44AAFF; background:#151515; border-color: #2288EE; }
.flair.flair-UF-Piracy,
.flair.flair-UF-Sharing,
.flair.flair-UF-Tigole         { color: #FF5555; background:#151515; border-color: #990000; }
.flair.flair-UF-Celebrity  { color: #FFCCCC; background:#151515; border-color: #FFCCCC; }
.flair.flair-UF-Crime      { color: #FF99CC; background:#151515; border-color: #FF99CC; }
.flair.flair-UF-Economics  { color: #FFAA77; background:#151515; border-color: #FFAA77; }
.flair.flair-UF-Energy     { color: #FFDD66; background:#151515; border-color: #FFDD66; }
.flair.flair-UF-Health     { color: #FFFF66; background:#151515; border-color: #FFFF66; }
.flair.flair-UF-History    { color: #CCFF66; background:#151515; border-color: #CCFF66; }
.flair.flair-UF-Ideology   { color: #99FF99; background:#151515; border-color: #99FF99; }
.flair.flair-UF-Internet   { color: #77FFCC; background:#151515; border-color: #77FFCC; }
.flair.flair-UF-Media      { color: #99FFEE; background:#151515; border-color: #99FFEE; }
.flair.flair-UF-Politics   { color: #AAEEEE; background:#151515; border-color: #AAEEEE; }
.flair.flair-UF-Regional   { color: #BBDDEE; background:#151515; border-color: #BBDDEE; }
.flair.flair-UF-SaidIt     { color: #99CCEE; background:#151515; border-color: #99CCEE; }
.flair.flair-UF-Self-Help  { color: #BBCCFF; background:#151515; border-color: #BBCCFF; }
.flair.flair-UF-Sports     { color: #BBBBFF; background:#151515; border-color: #BBBBFF; }
.flair.flair-UF-Technology { color: #DDBBFF; background:#151515; border-color: #DDBBFF; }
.flair.flair-UF-FFFFFF { color: #FFFFFF; background:#151515; border-color: #FFFFFF; }
.flair.flair-UF-CCCCCC { color: #CCCCCC; background:#151515; border-color: #CCCCCC; }
.flair.flair-UF-999999 { color: #999999; background:#151515; border-color: #999999; }
.flair.flair-UF-666666 { color: #666666; background:#151515; border-color: #666666; }
.flair.flair-UF-333333 { color: #333333; background:#151515; border-color: #333333; }
.flair.flair-UF-000000 { color: #000000; background:#666666; border-color: #000000; }

.linkflair { font-size: 100%; font-weight: bold; }

.linkflair-LF-Decentralization .linkflairlabel,
.linkflair-LF-DecentralizedWeb .linkflairlabel,
.linkflair-LF-Hardware         .linkflairlabel,
.linkflair-LF-OpenSource       .linkflairlabel,
.linkflair-LF-Solutions        .linkflairlabel,
.linkflair-LF-Sustainability   .linkflairlabel { color: #33CC66; background:#151515; border-color: #11AA44; }
.linkflair-LF-Cryptocurrency   .linkflairlabel,
.linkflair-LF-Fediverse        .linkflairlabel,
.linkflair-LF-IPFS             .linkflairlabel,
.linkflair-LF-Holochain        .linkflairlabel,
.linkflair-LF-ZeroNet          .linkflairlabel { color: #44AAFF; background:#151515; border-color: #2288EE; }
.linkflair-LF-Piracy           .linkflairlabel,
.linkflair-LF-Sharing          .linkflairlabel,
.linkflair-LF-Tigole           .linkflairlabel { color: #FF5555; background:#151515; border-color: #990000; }
.linkflair-LF-Celebrity  .linkflairlabel { color: #FFCCCC; background:#151515; border-color: #FFCCCC; }
.linkflair-LF-Crime      .linkflairlabel { color: #FF99CC; background:#151515; border-color: #FF99CC; }
.linkflair-LF-Economics  .linkflairlabel { color: #FFAA77; background:#151515; border-color: #FFAA77; }
.linkflair-LF-Energy     .linkflairlabel { color: #FFDD66; background:#151515; border-color: #FFDD66; }
.linkflair-LF-Health     .linkflairlabel { color: #FFFF66; background:#151515; border-color: #FFFF66; }
.linkflair-LF-History    .linkflairlabel { color: #CCFF66; background:#151515; border-color: #CCFF66; }
.linkflair-LF-Ideology   .linkflairlabel { color: #99FF99; background:#151515; border-color: #99FF99; }
.linkflair-LF-Internet   .linkflairlabel { color: #77FFCC; background:#151515; border-color: #77FFCC; }
.linkflair-LF-Media      .linkflairlabel { color: #99FFEE; background:#151515; border-color: #99FFEE; }
.linkflair-LF-Politics   .linkflairlabel { color: #AAEEEE; background:#151515; border-color: #AAEEEE; }
.linkflair-LF-Regional   .linkflairlabel { color: #BBDDEE; background:#151515; border-color: #BBDDEE; }
.linkflair-LF-SaidIt     .linkflairlabel { color: #99CCEE; background:#151515; border-color: #99CCEE; }
.linkflair-LF-Self-Help  .linkflairlabel { color: #BBCCFF; background:#151515; border-color: #BBCCFF; }
.linkflair-LF-Sports     .linkflairlabel { color: #BBBBFF; background:#151515; border-color: #BBBBFF; }
.linkflair-LF-Technology .linkflairlabel { color: #DDBBFF; background:#151515; border-color: #DDBBFF; }
.linkflair-LF-FFFFFF .linkflairlabel { color: #FFFFFF; background:#151515; border-color: #FFFFFF; }
.linkflair-LF-CCCCCC .linkflairlabel { color: #CCCCCC; background:#151515; border-color: #CCCCCC; }
.linkflair-LF-999999 .linkflairlabel { color: #999999; background:#151515; border-color: #999999; }
.linkflair-LF-666666 .linkflairlabel { color: #666666; background:#151515; border-color: #666666; }
.linkflair-LF-333333 .linkflairlabel { color: #333333; background:#151515; border-color: #333333; }
.linkflair-LF-000000 .linkflairlabel { color: #000000; background:#666666; border-color: #000000; }



 /* end */

images