/* 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-logo {display:none;} #nav-main a, #nav-secondary 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; background: #808080; padding: 10px; } #container { height:auto; margin:0 auto; position:relative; text-align:left; width: 960px; } #branding { background: url(../images/branding.png) no-repeat 0px 0px; height: 174px; } #branding-flash_logo, #branding-logo { position:absolute; top:-2px; left:366px; } #fatality_report {position:absolute; top:31px; left:600px} #content_and_footer { background: #FFF url(../images/content_bottom.png) no-repeat center bottom; padding-bottom:25px} #content { width:900px; border-right: 20px solid #000; border-left: 20px solid #000; padding:10px 10px 0; position: relative; } .column {width:47.5%} /* 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) */ #arrest_stats{position:absolute; top:149px; left:0;} * > #arrest_stats{top:139px;} .layout-home #content {height:400px;} .layout-home #video { float:right; height:396px; margin-left:1em; } /* Typography and Inline Elements */ /* *************************************************************************************** */ h1 {} h2 {} h3 {} p {} a.button {background-color:#F00; font-family:"Impact", Arial, Helvetica, san-serif; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #000; padding: 3px; text-decoration:none; text-transform:uppercase;} a:hover.button {color:#ff0} /* 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: 109px; left: 30px; } #nav-secondary {position:absolute; top:139px; left:20px} #nav-main ul, #nav-main li, #nav-secondary ul, #nav-secondary 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 */ #nav-main a {background-image:url(../images/nav-main_sprite.png); display:block; float:left; height:15px} #btn-home {background-position:0 0; width:54px} #btn-child_safety {background-position:-54px 0; width:115px} #btn-news {background-position:-169px 0; width:66px} #btn-members {background-position:-235px 0; width:93px} #btn-links {background-position:-328px 0; width:60px; margin-right:200px} #btn-laws {background-position:-397px 0; width:167px} #btn-survivors {background-position:-564px 0; width:105px} #btn-tips {background-position:-669px 0; width:43px} #btn-home:focus, #btn-home:hover, #btn-home:active {background-position:0 -15px;} #btn-child_safety:focus , #btn-child_safety:hover,#btn-child_safety:active {background-position:-54px -15px;} #btn-news:focus ,#btn-news:hover ,#btn-news:active {background-position:-169px -15px} #btn-members:focus, #btn-members:hover, #btn-members:active {background-position:-235px -15px} #btn-links:focus, #btn-links:hover, #btn-links:active {background-position:-328px -15px} #btn-laws:focus,#btn-laws:hover,#btn-laws:active {background-position:-397px -15px} #btn-survivors:focus,#btn-survivors:hover,#btn-survivors:active {background-position:-564px -15px} #btn-tips:focus,#btn-tips:hover,#btn-tips:active {background-position:-669px -15px} #nav-secondary a {background-image:url(../images/nav-secondary_sprite.png); display:block; float:left; height:21px; margin-right:8px} #btn-facts {background-position:0 0; width:85px} #btn-seat_belt {background-position:-93px 0; width:133px} a#btn-about {background-position:-235px 0; width:76px; margin-right:369px} #btn-mission {background-position:-321px 0; width:76px} #btn-goal {background-position:-406px 0; width:50px} a#btn-contact {background-position:-464px 0; width:99px; margin-right:0;} #btn-facts:focus,#btn-facts:hover,#btn-facts:active {background-position:0 -21px} #btn-seat_belt:focus,#btn-seat_belt:hover,#btn-seat_belt:active {background-position:-93px -21px} #btn-about:focus,#btn-about:hover,#btn-about:active {background-position:-235px -21px} #btn-mission:focus,#btn-mission:hover,#btn-mission:active {background-position:-321px -21px} #btn-goal:focus,#btn-goal:hover,#btn-goal:active {background-position:-406px -21px} #btn-contact:focus,#btn-contact:hover,#btn-contact:active {background-position:-464px -21px}