/* style_main.css - organized cleanup draft (May 2026) Generated as a safe organization + conservative cleanup pass. Intent: preserve the existing site appearance while grouping rules and adding page-level styles that can eventually be removed from individual page sections after testing. This version consolidates identical link styles and removes selectors that were verified as unused in the free public-site pages. */ /* Unused-selector removal pass: After searching 56 free public-site HTML/PHP files in Dreamweaver (May 2026), the following selectors were found only in style_main.css and not in page markup, so they have been removed from this draft: - main_width - .1020_width - ul.index - .threshold_text - .threshold_container - .past_tease_flyer - .tease_box - .tease_container - .help_header_text - a.book_links The older font-rendering comments/rules at the top were intentionally retained. */ /* ================================ 1. Browser / Font Rendering Notes Older rendering tweaks retained because they may contribute to the current typography appearance. ================================ */ /* *, *:after, *:before { -moz-osx-font-smoothing: grayscale; firefox font smoothing css } */ /* FOR IE TEXT THIN RENDERING IF NECESSARY -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent; */ html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); } /* ================================ 2. Base Page Defaults ================================ */ body { padding: 0; background-color: #000000; font-family: Lato, Arial, sans-serif; font-size: 1em; color: #ffffff; } /* ================================ 3. Typography and Heading Styles ================================ */ h1 { font-weight: normal; font-family: Vollkorn, "Times New Roman", serif; color: #ca63e4; font-style: italic; font-size: 3.5em; text-align: center; letter-spacing: 1px; line-height: 90%; } h2 { font-weight: normal; font-family: Vollkorn, "Times New Roman", serif; color: #ca63e4; font-style: italic; font-size: 2.5em; text-align: center; letter-spacing: 1px; line-height: 90%; margin-top: 10px; margin-bottom: 10px; } h3 { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; text-align: center; font-size: 1.0em; font-style: normal; letter-spacing: 1px; margin-top: 10px; } h4 { font-weight: normal; font-family: Vollkorn, "Times New Roman", serif; color: #ffffff; font-style: italic; font-size: 1.0em; text-align: center; letter-spacing: 1px; line-height: 100%; margin-top: 0px; margin-bottom: 0px; } h5 { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; text-align: center; font-size: 1.3em; font-style: normal; letter-spacing: 1px; margin-top: 10px; } .link_header_text { font-weight: normal; font-family: Vollkorn, "Times New Roman", serif; color: #ca63e4; font-style: italic; font-size: 2.3em; letter-spacing: 1px; } /* Repeated small highlight rule moved from page-level styles. Used for occasional NEW / sale / announcement text. */ .style2 { color: #FFFF00; } /* ================================ 4. Shared Containers, Images, and Layout Helpers ================================ */ .container_1150 { padding:0px; width: 1150px; margin-left:auto; margin-right:auto; } .title_container_1150 { text-align: center; width: 1150px; margin-left:auto; margin-right:auto; } .title_container_1000 { text-align: center; width: 1000px; margin-left:auto; margin-right:auto; } .image-wrapper { position: relative; } .scale-image { display: block; width: auto; margin-left: auto; margin-right: auto; max-width: 100%; border-style:none; } .center { text-align:center; width:auto; } .border { /* borders for text boxes */ border: thin solid #ffffff; padding: 0px; margin: 10px 10px 10px 0px; } .border-lessthan { border: thin solid #ffffff; width: 75%; padding: 0px; margin: 10px 10px 10px 0px; } .padding_20 { padding: 20px; } img.no_border { border:0px; border-style:solid; border-color:transparent; } img.no_border:hover { border:0px; border-style:solid; border-color:transparent; } .sandra_text_container { max-width:1000px; margin-left:auto; margin-right:auto; padding-left:10px; padding-right:10px; } /* ================================ 5. Main Navigation Boxes ================================ */ .main_box_nav { text-align: center; margin: 0px; padding-bottom: 90px; width: 1150px; margin-left:auto; margin-right:auto; } .main_box_nav_boxes { background-color: #b359c9; text-align: center; float: left; vertical-align: middle; width: 265px; height: 60px; line-height: 60px; padding: 0px; margin: 10px; } .main_box_nav_boxes_dark { background-color: #773677; text-align: center; float: left; vertical-align: middle; width: 265px; height: 60px; line-height: 60px; padding: 0px; margin: 10px; } .main_box_nav_boxes a { display: block; background: #b359c9; border: 1px solid; height: 100%; text-align: center; } .main_box_nav_boxes a:hover { background: #c581d6; border: 1px solid; border-color:white; } .main_box_nav_boxes_dark a { display: block; background: #773677; border: 1px solid; border-color:black; height: 100%; text-align: center; } .main_box_nav_boxes_dark a:hover { background: #773677; border: 1px solid; border-color:black; } /* ================================ 6. Standard Navigation Areas ================================ */ .main_nav { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; text-align: center; font-size: 1.4em; font-style: normal; letter-spacing: .2px; padding-bottom: 30px; width: 1150px; margin-left:auto; margin-right:auto; } /* title_container_1150 and title_container_1000 are defined once above in Shared Containers and Layout Helpers. Duplicate definitions removed here. */ .main_nav_2 { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; text-align: center; font-size: 1.4em; font-style: normal; letter-spacing: .2px; padding-bottom: 30px; max-width: 1000px; margin-left:auto; margin-right:auto; } .howto_nav { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; background-color:#333333; text-align: center; font-size: 1.4em; font-style: normal; letter-spacing: .2px; padding-top:5px; padding-bottom:5px; max-width: 1000px; height:auto; margin-left:auto; margin-right:auto; } /* ================================ 7. Standard Text Blocks ================================ */ .header_text { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #ffffff; font-size: 1.5em; font-style: normal; letter-spacing: 1px; } .main_text { font-family: Lato, Arial, sans-serif; font-weight: 400; font-style: normal; color: #999999; text-align: center; font-size: 1.2em; letter-spacing: 1px; padding-bottom:30px; width: 1150px; margin-left:auto; margin-right:auto; } .howto_text_container { text-align: left; max-width:1000px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; } .howto_text { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #999999; text-align: left; font-size: 1.2em; font-style: normal; letter-spacing: 1px; } /* added following rule to make contact list show up as centered on contact_us page, May 2026 */ .howto_text.center { text-align: center; } /* ================================ 8. Footer Navigation ================================ */ .main_footer_nav { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; text-align: center; font-size: 1.0em; font-style: normal; letter-spacing: 1px; padding-bottom: 20px; line-height: 225%; width: 1150px; margin-left:auto; margin-right:auto; } .main_footer_nav_1000 { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; text-align: center; font-size: 1.0em; font-style: normal; letter-spacing: 1px; padding-left:10px; padding-right:10px; padding-bottom: 20px; line-height: 225%; max-width:1000px; margin-left:auto; margin-right:auto; } /* ================================ 9. Main Homepage ================================ */ .main_title_header { font-family: Lato, Arial, sans-serif; font-weight: 400; font-style:italic; font-size: 1.5em; color: #999999; text-align: center; padding:0px; width: 1150px; margin-left:auto; margin-right:auto; } .main_area_top { width: 1150px; padding: 0px; margin-left:auto; margin-right:auto; } .main_side_nav { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #FFFFFF; font-size: 1.3em; font-style: normal; letter-spacing: 0px; padding-bottom: 30px; line-height: 150%; width: 250px; margin-left: 10px; height: 795px; /* Previously was 835px; but it made the middle page text indent in the first line */ border: 0; vertical-align: middle; float: left; } .main_cell_2 { margin: 0px; width: 380px; border: 0; float: left; padding-bottom: 30px; } .main_cell_3 { margin: 0px; width: 510px; border: 0; float: left; padding-bottom: 30px; } .main_cell_4 { margin: 0px; width: 400px; border: 0; float: left; padding-bottom: 30px; } .main_cell_5 { margin: 0px; width: 375px; border: 0; float: left; padding-bottom: 30px; } .main_cell_6 { margin: 0px; width: 375px; border: 0; float: left; padding-bottom: 30px; } .main_area_bottom { width: 1150px; padding: 0px; margin-left:auto; margin-right:auto; } /* ================================ 10. Current What's New / Preview Gallery Pages ================================ */ .video_preview_box { border: thin solid #ffffff; margin-bottom: 10px; width: 1000px; margin-left:75px; margin-right:75px; min-height:310px; } .preview_box_text { width:24%; text-align: center; float:left; padding-left:13px; padding-right:13px; padding-bottom: 0px; padding-top: 0px; } .preview_box_video { padding: 0px; } .gallery_preview_box { border: thin solid #ffffff; margin-bottom: 10px; width: 1000px; margin-left:75px; margin-right:75px; min-height:330px; } .preview_box_gallery { padding-bottom: 0px; width:720px; float:left; text-align:center; } .preview_date_text { font-family: Lato, Arial, sans-serif; font-weight: 400; color: #b359c9; text-align: center; font-size: 1.4em; font-style: normal; letter-spacing: 0px; padding-top: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } /* previously had the following comment for .preview_text but I'm not sure if it's still relevant: Text Size seems to affect issue with video pics showing up outside margins, can recreate the problem in IE with bigger font sizes above 1.0em */ .preview_text { font-family: Lato, Arial, sans-serif; font-weight: 400; font-style: normal; color: #ffffff; text-align: center; font-size: 1.0em; letter-spacing: .4px; line-height: 138%; padding-bottom:0px; } .preview_video_image { border:1px; border-style:solid; border-color:transparent; position: absolute; margin-left:185px; margin-top: 40px; width: 350px; height: 225px; padding: 0px; z-index: -1; } .preview_gallery_image { border:1px; border-style:solid; border-color:#ffffff; margin-left:10px; margin-right:10px; margin-top: 35px; max-width: 180px; height: 250px; padding: 5px; } .preview_gallery_image:hover { border:1px; border-style:solid; border-color:#b359c9; margin-left:10px; margin-right:10px; margin-top: 35px; max-width: 180px; height: 250px; padding: 5px; } .preview_gallery_image_nolink { border:1px; border-style:solid; border-color:transparent; margin-left:10px; margin-right:10px; margin-top: 35px; max-width: 180px; height: 250px; padding: 5px; } .preview_gallery_image_horiz { border:1px; border-style:solid; border-color:#FFF; margin-left:10px; margin-right:10px; margin-top: 35px; max-width: 250px; max-height: 200px; padding: 5px; } .preview_gallery_image_horiz:hover { border:1px; border-style:solid; border-color:#b359c9; margin-left:10px; margin-right:10px; margin-top: 35px; max-width: 250px; max-height: 200px; padding: 5px; } .preview_gallery_image_horiz_nolink { border:1px; border-style:solid; border-color:transparent; margin-left:10px; margin-right:10px; margin-top: 35px; max-width: 250px; max-height: 200px; padding: 5px; } /* new rule for preview image video thumb for DUO layout - added feb, 2021 */ .preview_gallery_video_image_horiz { border:1px; border-style:solid; border-color:transparent; margin-left:10px; margin-right:10px; width: 350px; height: 225px; padding: 0px; z-index: -1; } /* new rules for CSS video hover added by Adam Struve - April 1st, 2021 */ .new_video_hover { display: inline-block; position: relative; } .new_preview_gallery_video_image_horiz { width: 343px; height: 217px; padding: 5px; } /* originally had a white border with padding around video thumb, I tried with and without - was border-color: #ffffff; */ .new_video_overlay_image { border: 1px; border-style:solid; border-color:transparent; position: absolute; top: 0; left: 0; width: 350px; height: 225px; padding: 0px; z-index: 0; } .new_video_overlay_image:hover { border:1px; border-style:solid; border-color:#ca63e4; background-image:url(main_images/video_overlay_hover.png); } /* original video hover rules by Treiops */ .video_overlay_image { border:1px; border-style:solid; border-color:transparent; position: absolute; margin-left:185px; margin-top: 40px; width: 350px; height: 225px; padding: 0px; z-index: 0; } .video_overlay_image:hover { border:1px; border-style:solid; border-color:#ca63e4; background-image:url(main_images/video_overlay_hover.png); } /* Preview-content rules moved from whats_new.php page-level CSS. Used near the bottom of preview/update pages for older-style lists. */ .preview-content { max-width: 1000px; margin-left: auto; margin-right: auto; list-style-type: none; padding: 0; } .preview-content li { margin-bottom: 10px; padding: 5px; border: thin solid #CCCCCC; text-align: left; } /* ================================ 11. Previous What's New Pages Used by whats_new_previous_05.php through whats_new_previous_08.php. These rules were repeated in page-level