/* General Style Definitions */
HTML { border-left: none; border-right: none }
BODY { background-color: #666; color: #fff; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 32px; margin: 0 }
A:link, A:visited { background-color: inherit; color: #fff; text-decoration: none }
A:hover, A:active { background-color: inherit; color: #ff0; text-decoration: underline }
IMG { display: block }
SPAN.Bold { font-weight: bold }
SPAN.Italic { font-style: italic }
SPAN.Struck { text-decoration: line-through }
SPAN.Emphasized { font-style: italic }
ABBR, ACRONYM { border-bottom: 2px dotted #aaa; cursor: help }
/* Content Style Definitions */
DIV.ContentContainer { width: 620px; position: relative; margin: auto }
DIV.ContentContainer H1 { display: none }
DIV.MainContent { width: 330px; position: absolute; top: 32px; right: 0 }
DIV.MainContent H2 { font-family: Verdana, sans-serif; font-size: 14px; margin: 0 auto 1em auto }
DIV.MainContent H3 { font-family: Verdana, sans-serif; font-size: 12px; margin: 2em auto 1em auto }
/* Margin Madness Notes:
Gecko (Firefox/0.8) usually applies first-child pseudo-class style
definitions as expected, but with DIV.Content:first-child, the margin-top
property set to "0" in the pseudo-class definition does not override the
same property set to "32px" in the general class definition (DIV.Content).
This warrants further study.
Also, Gecko *STACKS* the margin-top property of DIV.Content with the bottom
margin of the preceding H2 element, so 1em and 1em end up being 2em.
Since DIV.Content currently exists only once per page, I have deleted all
DIV.Content margin properties (they should now default to zero) and both
DIV.Content pseudo-classes. The margin above DIV.Content elements is now
provided by the style definition for preceding H2 elements.
*/
DIV.MainContent DIV.Content { font-family: Verdana, sans-serif }
/* The cursor setting is in the following definition instead of the one after it
because Internet Explorer 6 does not recognize that definition. */
DIV.MainContent DIV.Content H2.Headline { font-family: Verdana, sans-serif; font-size: 12px; margin: 0; cursor: pointer }
/* The following is not supported in Internet Explorer 6, but it does work in
Mozilla 1.4 and Opera 7.11: */
DIV.MainContent DIV.Content H2.Headline[onClick]:hover { background-color: inherit; color: #ffc; text-decoration: underline }
DIV.MainContent DIV.Content H3 { font-size: 13px }
DIV.MainContent DIV.Content H4.LinkHeading { font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; margin-top: 16px; margin-bottom: 0 }
DIV.MainContent DIV.Content H6.Dateline { background-color: inherit; color: #ddd; font-family: Verdana, sans-serif; font-size: 9px; margin-top: 4px; margin-bottom: 0 }
DIV.MainContent DIV.Content DIV.PortfolioItem { margin-top: 20px; margin-bottom: 20px }
DIV.MainContent DIV.Content DIV.PortfolioItem IMG.ProjectPreview { border: 1px solid #ccc; margin-right: 20px; float: left }
DIV.MainContent DIV.Content DIV.PortfolioItem H4 { font-family: Verdana, sans-serif; font-size: 12px; margin: 0 }
DIV.MainContent DIV.Content DIV.PortfolioItem P { text-align: left }
DIV.MainContent DIV.Content DIV.PortfolioItem P.URL { font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; margin: 0 }
DIV.MainContent DIV.Content P { margin: 1em auto 1em auto }
DIV.MainContent DIV.Content P:first-child { margin-top: 0 }
DIV.MainContent DIV.Content P:last-child { margin-bottom: 0 }
DIV.MainContent DIV.Content P.Body { line-height: 28px; text-align: justify; font-family: Verdana, sans-serif; font-size: 9px }
DIV.MainContent DIV.Content P.Body A { font-weight: bold }
DIV.MainContent DIV.Content P.FileLink { font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; margin-left: 12px; margin-top: 8px }
DIV.MainContent DIV.Content P.FileLink IMG.DownloadIcon { border: none; display: inline; vertical-align: middle; margin-right: 6px }
DIV.MainContent DIV.Content P.FileLink IMG.BookmarkletIcon { border: none; display: inline; vertical-align: middle; margin-right: 6px }
/* Note that a size is currently specified for "Large" block quotes in the
default style sheet, but not in the alternate style sheet. */
DIV.MainContent DIV.Content BLOCKQUOTE.Large { font-family: Verdana, sans-serif; font-size: 12px; margin: 12px 16px 12px 16px }
DIV.MainContent DIV.Content UL { line-height: 28px; font-size: 9px }
DIV.MainContent DIV.Content A { font-weight: bold }
DIV.MainContent DIV.Collapsed { border-bottom: 2px dotted #ddd; padding-bottom: 8px }
/* The following is not supported in Internet Explorer 6 and problematic in
Mozilla 1.4 (zombie space remains after the content container's className
property is changed from "Content Collapsed" to "Content" in JavaScript), so
I have disabled it for now:
DIV.MainContent DIV.Collapsed:after { content: "..."; font-size: 9px; font-family: Verdana, sans-serif } */
/* Navigation Style Definitions */
DIV.LogoAndLinkBox { width: 270px; position: relative; top: 20px }
DIV.LinkBox IMG { border: none }
DIV.TabStrip { height: 48px; border-bottom: 1px solid #369; background-color: #333; color: inherit }
DIV.TabStrip IMG { border: none }
/*DIV.TabStrip IMG.Tab1 { position: absolute; right: 490px; top: 27px }*/
DIV.TabStrip IMG.Tab1 { position: absolute; right: 330px; top: 27px }
DIV.TabStrip IMG.Tab2 { position: absolute; right: 170px; top: 27px }
DIV.TabStrip IMG.Tab3 { position: absolute; right: 10px; top: 27px }
/* Advertisement Style Definitions */
div.AdvertisementLinkBox { border-right: 1px dotted #888; border-top: 1px dotted #888; width: 199px; font-family: Verdana, Arial, sans-serif; position: absolute; left: 4px; top: 300px }
div.AdvertisementLinkBox h2 { font-size: 13px; padding: 0; margin: 8px 4px}
div.AdvertisementLinkBox h3 { border-top: 1px dotted #888; border-bottom: 1px dotted #888; font-size: 11px; padding: 4px; margin: 0 }
div.AdvertisementLinkBox p { font-size: 10px; padding-left: 16px; padding-right: 16px }
/* Style Option Definitions */
div#StyleOptions { border-left: 1px dotted #888; border-top: 1px dotted #888; width: 120px; height: 80px; display: block; position: fixed; right: 8px; bottom: 8px }
div#StyleOptions > h3 { border-bottom: 1px dotted #888; padding: 2px 3px; background-color: inherit; color: #999; font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: normal; margin: 0 }
div#StyleOptions > ul { margin: 0; list-style-type: none }
div#StyleOptions > ul > li.One { display: block; position: absolute; left: 8px; top: 24px }
div#StyleOptions > ul > li.Two { display: block; position: absolute; left: 64px; top: 24px }
div#StyleOptions > ul > li > a > img { border: none }
/* The following style definitions are for the Internet Explorer PNG opacity bug
work-around deployed via png_work-around.js. */
/*DIV.TabStrip DIV.Tab1 { position: absolute; right: 650px; top: 27px; cursor: pointer }
DIV.TabStrip DIV.Tab2 { position: absolute; right: 490px; top: 27px; cursor: pointer }
DIV.TabStrip DIV.Tab3 { position: absolute; right: 330px; top: 27px; cursor: pointer }
DIV.TabStrip DIV.Tab4 { position: absolute; right: 170px; top: 27px; cursor: pointer }
DIV.TabStrip DIV.Tab5 { position: absolute; right: 10px; top: 27px; cursor: pointer }*/
DIV.TabStrip DIV.Current { cursor: default }
DIV.MainContent DIV.Content DIV.PortfolioItem DIV.ProjectPreview { border: 1px solid #ccc; margin-right: 20px; float: left; cursor: pointer }