/* NEW CSS MASTERSET FOR 2005 - 1/18/2005 LG */ /* set almost everything to 0 margin (www.leftjustified.com) */ /* moved POSITION ABSOLUTE to :ROOT so Firefox lets table with SELECT shrink properly!? */ /* presumes */ /* --------------------------- */ /* overall common definitions */ * {padding:0; margin:0; border:0;} :root, html { width:100%; position:absolute;} /* activates 100% hieght somehow */ body { width:100%; height:100%; font-family: Arial, Helvetica, san-serif; font-size: 12px; line-height: 16px; color:#000; background-color:#FFF; border-collapse: separate; border-spacing:0px; behavior:url("/common/csshover.htc"); } td {/* because tables don't inherit body style properties*/ font-family: Arial, Helvetica, san-serif; font-size: 12px; line-height: 16px; } table, td, tr { vertical-align:top; border:0px; border-spacing:0px; } /* restoring some of the '*' defaults */ pre, blockquote, label, #sandbox ul, ol, dl, fieldset, address { margin:1em 5%;} #sandbox li, dd { margin-left:5%; } fieldset { padding: .5em; } p {padding-bottom:.5em;} /* --------------------------------------- */ /* how do the major areas relate in space? */ /* edit as a group to match position */ table {width:100%; height:100%; } td#flash { width:272px; background-color:#9d977f; border-right:5px solid white; } td#menu { height:230px; border-bottom:2px solid #a41128; } td#sandboxshell { border-top:3px solid #a41128; background-color: #e7e4d8; padding-top:50px; padding-left:30px; } td#footer { background-color: #e7e4d8; vertical-align:bottom; } /* everything in the top menu */ #menu ul { list-style: none; padding-left:30px; width:200px; } #menu li { height:20px; display:block; width:200px; vertical-align:bottom; } #menu li a { /*most menu styling should go here */ display:block; width:200px; color:#aca790; font-weight:bold; text-decoration:none; line-height:17px; height:17px; } #menu li a:hover { color: #a41128; } /* topmenu dropdown submenus*/ #menu li ul { left :-999px; left:auto; margin-left:140px; position:absolute; display:none; top:auto; margin-top:-16px; width:140px; list-style:none; } #menu ul ul li { display:block; height:17px; width:140px; } #menu ul ul li a { width:140px; display:block; font-weight:normal; line-height:17px; height:17px; padding-left:6px; } #menu li li a:hover { color: white; background-color:#aca790; } #menu li li.flyout a:hover { background:url("/images/submenu.gif"); background-repeat:no-repeat; } #menu li li li, #menu li li li a { display:block; width:160px; } #menu li li li a:hover, #menu li li.flyout li a:hover { color: white; background:none; background-color:#aca790; } /* multilevel menu hiding....see http://www.xs4all.nl/~peterned/csshover.html */ /* #menu ul ul, #menu li:hover ul ul{ left:-999px } #menu li:hover ul, #menu li:hover li:hover ul { left:auto; margin-left:120px; z-index:199; } */ /* #menu ul ul, #menu li:hover ul ul { left:-999px } */ /* #menu ul li:hover>ul { left:auto; margin-left:120px; z-index:199; } */ #menu li:hover { z-index:9999 } /*needed to push the hovered list item above other list items, and thus push the flyout higher too in IE only 08-14-2005 */ /* --------------------------------- */ /* everything in center contents area*/ body#resume { background-color: #e7e4d8; padding:40px; } #sandbox { width: 430px; overflow:visible; } .wideright { _padding-right:400px !important; } body#resume #sandbox { width:90%; } h1 { font-size:17px; } h2,h3 { font-size:13px; } h3 {margin:0; padding:0; padding-top:1em; } h1,h2,h3 { color: #a41128; padding-bottom:1em; } p { padding-top:1em; padding-bottom:1em; } p.callout { color: #a41128; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 12px; line-height: 28px; font-weight: bold; text-align: justify; } dfn { color: #a41128; font-weight:plain; font-style:normal; } blockquote { padding:0; margin:0; padding-left:20px; } #sandbox td { padding:2px; } input, textarea { border-top:1px solid grey; border-left:1px solid grey; } input.button { border-bottom:1px solid grey; border-right:1px solid grey; color: #a41128; } #linklist ul, #linklist li { list-style-type:none; margin-left:10px; margin-right:-100px; } #linklist li { font-size:13px; color: #a41128; font-weight:bold; } #linklist ul ul { margin-top:0; margin-bottom:1em; } a { font-size: 13px; color:#9d977f; font-weight:bold; text-decoration:none; } small a {font-size:inherit;} .subtle { font-size: 13px; color:#9d977f; font-weight:bold; text-decoration:none; } .subtle:hover { color: #a41128; } /* ----------footer ---------*/ #footer ul { list-style: none; padding-left:30px; padding-top:60px; padding-bottom:20px; } #footer li { display:block; position:relative; float:left; width:auto; height:auto; } #footer li a { /*most menu styling should go here */ font-size: 11px; display:block; width:auto; color:#9d977f; text-decoration:none; line-height:11px; padding-left:9px; padding-right:9px; border-right:1px solid #a41128; } #footer li.final a { /*most menu styling should go here */ border-right:0; } #footer li a:hover { color:red; } /* this "Holly hack" somehow fixes IE's bug of treating newlines in our 2nd-level ul as whitespace?*/ /* Fix IE...only read by IE. Hide from IE Mac \*/ * html #leftcontent ul li { float: left; } * html #leftcontent ul li a { height: 1%; } /* End */ /* hack allows 100% hieght for bg elements on all browsers except safari which never goes further*/ .stopsafari { color: green; ! } /* it's the ! */ html {height:100%;}