BODY { color: #301C08; background: rgb(255, 204, 204); font-family: "Trebuchet MS", "Helvetica", "Arial", "sans-serif"; /* ------- "Gill Sans MT", "Gill Sans", "Gill Sans Light", "Arial Narrow", "Myriad Condensed Web", "Comic Sans MS", ------- */ /* ------- "Calibri", Calibri is great for the main text, but is a tad small. Biggest problem for Dec2010 was I wanted to use tildes ~ in a title on the truffles page, & they look like crap & to high vertically. Maybe next time. -------*/ /* ------- "Gill Sans MT" is really nice, I like it a LOT but it runs smaller than others...so if set font size for this one & user doesn't have font, will load in other font & will look HUGE. ------- */ font-size: 100%; /* 95% */ margin-top: 1%; /* ------- margin-left: 0%; margin-right: 0%; margin-bottom: 0%; ------- */ } /* ------- @font-face { font-family: "Gill Sans MT"; font-style: normal; font-weight: normal; src: url(core/gs.eot); } ------- */ /* http://randsco.com/index.php/2009/07/04/p680 */ @font-face { font-family: "lw"; font-style: normal; font-weight: normal; src: url(core/lw.eot); /* IE */ src: local("Last Words"), url(core/lw.ttf) format("truetype"); /* non-IE */ } /*-- TRY #FF9999 instead of #FF8C8C (dark melon)....it's not as dark, but is browser safe MAYBE #663333 for brown, but I think it's too red --*/ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------ Styles for basic page design table layout ------------------------ */ /* ------ dk, lt, mid refer to theme colors (brown, lt pink, dk pink) ------ */ img.rowht { height: 30px; } img.colwd { width: 30px; height: 1px; } img.logowd { width: 600px; height: 1px; } .dk { background: #301C08; } /* Color is also in menu & logocell tags, and Body color (font). #5C3E3E is a lighter, more washed-out brown; #301C08 is a darker, rich brown. */ .lt { background: #FFCCCC; } .mid { background: #FF9999; } .logocell { background: #301C08; text-align: center; vertical-align: center; } /* ------ Styles for logo text --------------------------------------------- */ .logo { margin-top: 5px; color: #FF9999; font-size: 125%; font-weight: bold; letter-spacing: 2px; font-family: "lw", "Last Words", "courier new", "courier", "monospace"; } .starup { vertical-align: 80%; font-size: 75%; } .stardown { vertical-align: -80%; font-size: 150%; } .starmid { vertical-align: -10%; font-size: 115%; } .starup2 { vertical-align: 100%; font-size: 75%; } .stardown2 { vertical-align: -80%; font-size: 150%; } .starmid2 { vertical-align: -30%; font-size: 115%; } /* ------ Styles for footer menu ---------------------------- */ .footer { text-align: center; font-size: 90%; font-weight: bold; color: #FF8C8C; font-family: "courier new", monospace; } .footer2 { font-size: 80%; font-weight: normal; font-family: "courier new", "monospace"; } /* footer2 could also have font size 11px, font-family "Trebuchet MS", "Helvetica", "Arial", sans-serif; */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- #5C3E3E;*/ /* ------ Misc text/formatting styles -------------------------------------- #FF9999;*/ .starspacer { color: #FF8C8C; font-family: "courier new", monospace; font-weight: bold; font-size: 140%; vertical-align: -12%; } H1 { font-size: 125%; font-weight: bold; color: #FF8C8C; text-align: left; font-family: "courier new", "monospace"; } .text { font-size: 100%;} /* 90% */ .list { margin-left: 35pt; } /* bulleted lists font-size: 90%; */ .menu { background: #301C08; padding-left: 15px; padding-right: 15px; vertical-align: top; color: #FF9999; font-weight: bold; font-size: 110%; } /* sidebar menu */ /*font-size: 100%; */ .formlbl { font-size: 90%; padding-left: 50px; padding-right: 5px; text-align: right; vertical-align: top } /* contact form labels */ .headline { text-align: center; font-size: 175%; font-family: "Garamond", "Times New Roman", "Times", "serif"; } /* for the headline on the index page (Happy Holidays, etc) */ .indent { margin-left: 35pt; font-size: 90%; } /* order form fields */ .hang { padding-left: 60px; text-indent: -30px; } /* for hanging indents */ .orderlist { padding-left: 35px; padding-right: 35px; vertical-align: top; text-align: center; } /* for the table cell listing flavors/prices on order form */ .truffles img { height: 60px; float: left; margin-right: 5px; margin-top: 0px; } img.truffles { height: 60px; float: left; margin-right: 5px; margin-top: 0px; } .boxes img { height: 90px; margin-left: 15px; } /* for small box pics */ .boxes2 img { height: 190px; margin-left: 30px; } /* for large box pic */ .bags img { width: 100px; margin-left: 15px; } .footnote /* smaller text below headers etc */ { font-size: smaller; } .note /* notes on truffle page re: alcohol/dairy-free AND other "subtle" notes....small font & pink */ { font-size: smaller; color: #FF8C8C; } /* -- OR font-style: italic; OR font-weight: bold; -- */ .note2 { font-size: smaller; color: #FF8C8C; font-family: "courier new", "monospace"; } .sxnhead { background: #FF9999; font-weight: bold; text-transform: uppercase; padding: 3px; margin-bottom: 10px; font-family: "Arial", "sans-serif"; } /* category headings, on order page */ .sxntext { padding-left: 15px; padding-bottom: 30px; font-family: "Arial", "sans-serif"; font-size: 95%; } /* content beneath category headings, on order page */ /* -- NEW CLASS, TEST....for truffles & index pages. */ .right { float: right; height: 190px; margin-left: 30px; margin-top: 0px; margin-bottom: 10px; } .rightmed { float: right; height: 160px; margin-left: 30px; margin-top: 0px; margin-bottom: 10px; } .rightsm { float: right; height: 110px; margin-left: 30px; margin-top: 30px; margin-bottom: 10px; } .right1 { float: right; height: 1px; width: 265px; margin-left: 30px; margin-top: 0px; margin-bottom: 10px; } .content { background: #FFCCCC; vertical-align: top; } .asterisk { font-size: 150%; vertical-align: -30%; } /* font-family: "courier new", monospace; font-weight: bold; */ .asterisk2 { font-size: 140%; vertical-align: -20%; } /* for footer. font-family: "courier new", monospace; font-weight: bold; */ .spacing { line-height: 50%; } /* .spacing { line-height: 10pt; } */ .spacing2 { line-height: 4pt; } .spacer /* pink spacer line */ { text-align: center; } .spacer img { height: 3; } .pink /* standard darker pink color */ { color: #FF8C8C; } .hide { display: none; } .h2left { text-transform: uppercase; font-weight: bold; font-style: italic; } .h2center { text-transform: uppercase; font-weight: bold; font-style: italic; text-align: center; } .h3center { text-transform: uppercase; font-weight: bold; text-align: center; } :link img { border: 0; } :visited img { border: 0; } a:link { text-decoration: underline; font-weight: normal; font-style: normal; color: #660000; } a:visited { text-decoration: underline; font-weight: normal; font-style: normal; color: #660000; } a:hover { text-decoration: underline; font-weight: normal; font-style: normal; color: #FFFFFF; } a:active { text-decoration: underline; font-weight: normal; font-style: normal; color: #FFFFFF; } a.tooltip:link { text-decoration: none; font-weight: normal; font-style: italic; color: #660000; } a.tooltip:visited { text-decoration: none; font-weight: normal; font-style: italic; color: #660000; } a.tooltip:hover { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } a.tooltip:active { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } a.tooltip2:link { text-decoration: none; font-weight: normal; font-style: normal; color: #FF8C8C; } a.tooltip2:visited { text-decoration: none; font-weight: normal; font-style: normal; color: #FF8C8C; } a.tooltip2:hover { text-decoration: none; font-weight: normal; font-style: normal; color: #FFFFFF; } a.tooltip2:active { text-decoration: none; font-weight: normal; font-style: normal; color: #FFFFFF; } a.note:link { text-decoration: none; font-weight: normal; font-style: italic; color: #FF8C8C; } a.note:visited { text-decoration: none; font-weight: normal; font-style: italic; color: #FF8C8C; } a.note:hover { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } a.note:active { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } a.notea:link { text-decoration: none; font-weight: normal; font-style: italic; color: #FF8C8C; } a.notea:visited { text-decoration: none; font-weight: normal; font-style: italic; color: #FF8C8C; } a.notea:hover { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } a.notea:active { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } /* ------ Styles for links in pink font ----------- */ .footer2 a:link { text-decoration: none; font-weight: bold; font-style: normal; color: #FF8C8C; } .footer2 a:visited { text-decoration: none; font-weight: bold; font-style: normal; color: #FF8C8C; } .footer2 a:hover { text-decoration: none; font-weight: bold; font-style: normal; color: #FFFFFF; } .footer2 a:active { text-decoration: none; font-weight: bold; font-style: normal; color: #FFFFFF; } .footer a:link { text-decoration: none; font-weight: normal; font-style: normal; color: #FF8C8C; } .footer a:visited { text-decoration: none; font-weight: normal; font-style: normal; color: #FF8C8C; } .footer a:hover { text-decoration: none; font-weight: normal; font-style: normal; color: #FFFFFF; } .footer a:active { text-decoration: none; font-weight: normal; font-style: normal; color: #FFFFFF; } a.note2:link { text-decoration: none; font-weight: normal; font-style: italic; color: #FF8C8C; } a.note2:visited { text-decoration: none; font-weight: normal; font-style: italic; color: #FF8C8C; } a.note2:hover { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } a.note2:active { text-decoration: none; font-weight: normal; font-style: italic; color: #FFFFFF; } .menu a:link { text-decoration: none; font-weight: bold; font-style: normal; color: #FF9999; } .menu a:visited { text-decoration: none; font-weight: bold; font-style: normal; color: #FF9999; } .menu a:hover { text-decoration: none; font-weight: bold; font-style: normal; color: #FFFFFF; } .menu a:active { text-decoration: none; font-weight: bold; font-style: normal; color: #FFFFFF; } .logo a:link { text-decoration: none; font-weight: bold; font-style: normal; color: #FF9999; } .logo a:visited { text-decoration: none; font-weight: bold; font-style: normal; color: #FF9999; } .logo a:hover { text-decoration: none; font-weight: bold; font-style: normal; color: #FF9999; } .logo a:active { text-decoration: none; font-weight: bold; font-style: normal; color: #FF9999; } .list a:link { text-decoration: underline; font-weight: normal; font-style: normal; color: #660000; } .list a:visited { text-decoration: underline; font-weight: normal; font-style: normal; color: #660000; } .list a:hover { text-decoration: underline; font-weight: normal; font-style: normal; color: #FFFFFF; } .list a:active { text-decoration: underline; font-weight: normal; font-style: normal; color: #FFFFFF; } .toc a:link { text-decoration: none; font-weight: normal; color: #5C3E3E; } .toc a:visited { text-decoration: none; font-weight: normal; color: #5C3E3E; } .toc a:active { text-decoration: none; font-weight: normal; color: #FFFFFF; } .toc a:hover { text-decoration: none; font-weight: normal; color: #FFFFFF; } /* ----------------------------------------------------- */ /* EXPIRED STYLES? */ .toc /* list of contents on index page */ { margin-left: 15%; margin-right: 7%; } /* .list img { width: 12; height: 10; } */ /* bullets */ .bullet img /* bullets not indented in toc or lists (mostly in tables) */ { width: 12; height: 10; } p.indent { margin-left: 7%; margin-right: 7%; } .footnotelong /* smaller text below headers etc, wrapped with large right margin */ { font-size: smaller; margin-right: 34%; } .aside a:link { text-decoration: underline; font-weight: normal; font-style: italic; color: #660000; } .aside a:visited { text-decoration: underline; font-weight: normal; font-style: italic; color: #660000; } .aside a:hover { text-decoration: underline; font-weight: normal; font-style: italic; color: #FFFFFF; } .aside a:active { text-decoration: underline; font-weight: normal; font-style: italic; color: #FFFFFF; }