/* =-=-=-=-=-=-=-=-=-==-=-==-=-==-=-= thewei.com principle css file FileName: thewei.css Created: 20070119 Revised: 20090313 ~~~~~~~~~~~~~~~~~~~~~~ Current Colors ~~~~~~~~~~~~~~ cd4d27 orange-red front accents f2df91 beigey background FAF3D8 article background 4f6899 Deep Blue 92A621 medium bright olivey green a88200 Delicious orangey-brown F99E16 Orangey header type Alternates ~~~~~~~~~~ 00AAFF Electric blue like logo BLUE 3B9FDC LIGHT BLUE 000066 DARK BLUE 0066ff grayish blue 4f6899 Dark grey-blue 4f7ec6 Bright blue grey-blue 6681aa Muted grey-blue 006699 Logo Header bg darkish #6681aa-blue Brown/Orange 996600 Brown for content>viewed links FF7A22 BURNT ORANGE for links C5CFDE Palish color fdeabb - pale orange F8FCD3 Content bg - very pale [whitish] yellow ff9900 Brightish Burnt Orange - matches logo and donkey bccad1 FFF576 LIGHT YELLOW - background FFF475 For accents in nav areas - pale yellow - was ffd275 Pale burnt orange Gray 6681aa Gray 819dba Grayish Blue 9C9C9B Lightish gray [DARKER #6681aa] 646262 dark gray 849bb9 Bluish gray 9c9c9c Charcoalish gray 828282 medium charcoalish gray 4f4f4f dark charcoal gray CACCC9 gray for LIGHT BLUE BG 7F807 gray e5e5e5 Pale silvery gray Green 009F07 green 7EA928 brightish olivey green #663 dark green article body type 009F07 other green A5BA9F GREEN FOR MAIN COL LINKS -=-=-=-=-=-=-=-=-=-=-=-=-==-=-==-=-==-=-= */ /* FUNDAMENTAL -=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */ body { margin: 0; padding: 0; font-size: 90%; line-height: 135%; font-family: verdana, geneva, arial, sans-serif; font-weight: normal; text-transform: none; color: black; background: #f2df91; background-image: url("../grfx/tigerwborder.gif"); background-attachment: fixed; background-position: 75px 39px; background-repeat: no-repeat; text-align: center /* added for IE in quirks mode */; min-width: 990px; max-width: 1200px; } /*html>body img { height: 1%; } (body#white { background-color: #fff; }*/ p, ul { margin: 0; } p { padding-bottom: .6em; } ul, ol { margin: 0 0 .6em 0; padding: 0; } li { list-style-position: outside; list-style-type: none; margin-bottom: 0; } ul li ul { margin-left: 2em; } a { text-decoration: none; outline: none; color: #82ACA5; background: transparent; font-weight: 600; } a:visited {color: #9C9C9B} a:hover, a:focus { color: #f2df91; background: #cd4d27; } img { display: block; border-width: 0; } /* HEADINGS -=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=*/ h1 { display: inline; margin: 0; padding: 0; color: #cd4d27; font: 700 1.3em/135% tahoma, sans-serif; } h2 { display: inline; text-align: center; color: #006699; background: transparent; font: 900 1.1em/135% tahoma, sans-serif; } h3 { margin: 0 0 .1em 0; padding: .5em 0 0; color: #cd4d27; background: transparent; font: 900 1.1em/135% tahoma, sans-serif; } h4 { text-align: center; margin: 0 auto; padding: 0; color: #009F07; background: transparent; font: 900 1em/135% tahoma, sans-serif; } h5 { text-align: center; margin: 2.5em 0 1em 0; color: #819dba; font-size: 150%; line-height: 90% } h6 { text-align: center; margin: .8em 0 0 0; padding: 0; color: #4f6899; font-size: 135%; line-height: 90%; } /* UNDERLYING FOUNDATION -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */ body img { display: block; z-index: 0; overflow: hidden; } div#page { width: 51%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; } div#homewrap { width: 99%; text-align: left; margin: 39px 0 0 375px; padding: 0 0 0 2.3em; border-right: 1px solid #cd4d27; border-right: 1px solid #cd4d27; border-top: 9px solid #cd4d27; color: #646262; background: #f2df91; } /* CONTENT -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=- */ .content { margin: 0; padding: 1.5em 1.5em 0 0; color: #897171; background: #f2df91; } .content p { padding-bottom: .7em; } #navdiv { margin: 0; /*padding: 0 0 2em 0;*/ } #navcontent { float: left; width: 78%; background: #f2df91; } #mainnav { overflow: visible; float: left; width: 19%; } #mainnav ul { position: relative; top: 1em; left: 1em; width: 12em; } #mainnav li { list-style-type: none; margin-bottom: .05em; padding: 0 .8em .17em .5em; } #mainnav a { display: block; text-align: right; border: none; padding: .16em 1em .3em 1.5em; color: #f2df91; background: #9DBE9A; font-size: 90%; font-weight: 700; } #mainnav a:visited {color: #f2df91} #mainnav a:hover { color: #f2df91; background: #cd4d27; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */ /* SINGLECOL -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= #singlecol { text-align: left; margin: 1em 10em; padding: 1.8em 3.2em; color: #646262; background: white; }*/ /* BOTTOM NAVIGATION*/ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= #footer { clear: both; text-align: center; margin: 15px 0 0; padding: 6px; border-top: 6px solid #6681aa; font-size: 90%; line-height: 1.6em; color: #006699; background: transparent; } #singlecol #btmnav { clear: both; text-align: center; margin: 30px auto 0; padding: 0; font-size: 90%; line-height: 1.6em; color: gray; background: transparent; } #btmnav { clear: both; text-align: center; margin: 30px auto 0; padding: 0 0 0 0; font-size: 90%; line-height: 1.6em; color: #ff7123; background: transparent; } #btmnav li { display: inline; } #btmnav a { color: #6681aa; background: transparent; } #btmnav a:visited { color: #9C9C9B; background: transparent; } #btmnav a:hover { color: #6681aa; background: transparent; } .minictr { font-size: 95%; line-height: 1.7; color:#7EA928; background: transparent; text-align: center; }*/ /* EFFECTS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */ p.block { margin-top: .4em; } .center { text-align: center; margin: 0 auto; } .clearall { clear: both; margin: 0; padding: 0; line-height: 0; } .pullquote { margin: 0 25px; font-style: italic; } .inline { display: inline; } /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */