/* screen styles from template version 1.0 */ /* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */ /* Table of Contents Non-displaying Elements Layout Page Specific Layout Typography and Inline Elements Page Specific Typography Navigation Specific Nav Button Styling */ /* Non-displaying Elements*/ /* *************************************************************************************** */ #foo {display:none;} #nav-main a {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */ /* Layout */ /* *************************************************************************************** */ body { font-size:0.875em; /* makes font a specific size... must find it... */ text-align:center; } #container { height:auto; margin:0 auto; position:relative; text-align:left; } /* Page Specific Layout */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ /* Typography and Inline Elements */ /* *************************************************************************************** */ h1 {} h2 {} h3 {} p {} /* Page Specific Typography */ /* use a class on the to change specific typographic elements (e.g.

backgrounds) / .layout-home h1 {} / Navigation / / placement of navigation / / *************************************************************************************** / #nav-main {} #nav-main ul {} #nav-main ul, #nav-main li {/ fix IE6 and IE7 List bug / display: inline; } / Specific Nav Button Styling / / used if buttons use images instead of text or combined with text */