/* == HEADER == */



       /* == BANNER == */
#header { min-height: 120px; }
.theme-daymode   #header,
.theme-nightmode #header {
                        background-image: url(%%Saidit-2019-Banner-WPS-3639x120%%);
                        background-color: #333333; background-position: 50% 0; }



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



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

       /* 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,
.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: #FF9900; background-color: #000000;
                                                   border-bottom: 0px; font-weight: normal; }

       /* header left top (ovoid not tabs) "Home" "All" "Subscribed" "Random" "Friends" "Mod" */
#sr-header-area a.choice                         { color: #FFFFFF; }

       /* 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,
.theme-nightmode #header-bottom-left .hover.pagename.redditname { color: #FF9900;
                                                                  background-color: #000000; 
                                                                  border: 2px solid #FF9900; }
#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: -155px; top: 32px; position: relative; clear: left; }
.theme-daymode   #header-bottom-left .tabmenu,
.theme-nightmode #header-bottom-left .tabmenu { background-color: #000000; border: 2px solid #FF9900; }

       /* header left bottom (ovoid removing tabs) "Hot" "New" "Insightful" "Funny" "Top" "Comments" "Wiki" */
#header-bottom-left a.choice                  { font-weight: normal; font-size: 120%;
                                                padding: 0px; margin-left: -3px; margin-right: 8px;
                                                color: #FFFFFF; border: 0px; border-radius: 30px; }
.theme-daymode   #header-bottom-left a.choice,
.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,
.theme-nightmode #header-bottom-left ul.tabmenu li.selected a.choice { color: #FF9900;
                                                      background-color: #000000;
                                                      border: 2px solid #FF9900; }



       /* header right (ovoid) user messages mode prefs etc */
#header-bottom-right                  { height: 18px; 
                                        border-radius: 30px;
                                        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,
.theme-nightmode #header-bottom-right { background-color: #000000; border: 1px solid #999066; }

       /* header right (ovoid) user messages # mod mode "Preferences" "Logout" */
.theme-daymode   #header-bottom-right a,
.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,
.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: #EE8800;
                                                   border-radius: 30px; border: 1px solid #FF0000;
                                                   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,
#header-bottom-right .pref-lightswitch-off       { margin-left: 3px; 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; }



/* end */

images