/* 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*/ /* *************************************************************************************** */ #branding img {display:none;} #bar {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */ /* Layout */ /* *************************************************************************************** */ html { background-image: url(../images/bg.png); background-repeat: repeat-x; background-position: center top; } body { font-size:1em; /* makes font a specific size... must find it... */ text-align:center; background-image: url(../images/branding.png); background-repeat: no-repeat; background-position: center top; } #container { height:auto; margin:0 auto; position:relative; text-align:left; width:960px; } #branding { height: 256px; margin-bottom: 2em; position:relative; float:none; } #content {position:relative;float:none;} #content-main {float:left; width:640px; margin-right:40px} #content-sidebar {float:right; width:280px; margin-bottom:1em;} #footer { position:relative; float:none; clear:both; font-size: 0.8em; margin-bottom: 2em; border-top-width: 1px; border-top-style: dotted; border-top-color: #00529B; } .info_box { float:left; width:44%; padding:2% 2% 0; margin-right:4%; margin-bottom:1em; height:8em; background-color:#EDFAFF; -khtml-border-radius:.25em; border-radius:.25em; -moz-border-radius:0.25em; -webkit-border-radius:.25em; } .info_box + .info_box {float:right; clear:right; margin-right:0;} * html .info_box {width: 44%; margin-right:2%; } .info_box:hover {background-color:#F7F089} .extra_info {float:right; width: 30%; padding:2% 2% 0; margin-left:4%; margin-bottom:1em; background-color:#EDFAFF; -khtml-border-radius:.25em; border-radius:.25em; -moz-border-radius:0.25em; -webkit-border-radius:.25em; } .column { width:46%; float:left;} .left {margin-right:4%;} .right {margin-left:4%; clear:right} #dev-server_message{position:absolute;width:100%;z-index:100; left:0; top:0;padding-top:1em;padding-bottom:1em;} * > #dev-server_message{position:fixed;} #dev-server_message:hover{background-color:transparent; border-bottom:none;} /* 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 { position:absolute; top:207px; right:0px; } #nav-main ul {} #nav-main a {margin:0 0 0 1em; padding:.5em 1.25em; background-color:#00529B; color:#fff; text-decoration:none; -khtml-border-radius:.25em; border-radius:.25em; -moz-border-radius:.25em; -webkit-border-radius:.25em;} #nav-main a:hover {background-color:#F7F089; color:#00529b} #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 */