/** File: layout.css Validates: CSS Level 2.1 Project: Kimberly-Clark Sustainability Author: Kristina Floyd Date Created: 2009 06 10 About: Contains styles for the main layout and framework of the site Notes: Place second in the cascade. Seperate styling blocks with 6 carriage returns. Indent child blocks by one extra tabs each time to give a visual representation of the cascade and specificity. Wrap styling block with a comment in the following format: START/END plus the selector, id, class or combination of. Cascade index: 01 undo.css - Resets browser default styles 02 layout.css - Styles for the main layout and framework of the site 03 content.css - Styles for general content 04 elements.css - Styles for specific page elements 05 ie6.css - IE6 specific styles. 06 ie7.css - IE7 specific styles. 07 clearing.css - Enables the use of .clearfix across the site. 08 main.css - Continuity generated stylesheet 09 print.css - Print specific styles */ /* START html */ /* this ensures FF always has a scrollbar */ html { overflow-y: scroll; } /* END html */ /* START body */ body { background: #FFFFFF url(/template-images/sustainability/layout/body/repeater.jpg) repeat-y top center; color: #636466; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5em; text-align: center; } /* END body */ /* START ACCESSIBILITY */ .access { left: -1000px; position: absolute; top: 0; width: 100px; } /* END ACCESSIBILITY */ /* START #page-wrap */ #page-wrap { background: transparent url(/template-images/sustainability/layout/page-wrap/bg.jpg) no-repeat top center; margin: 0 auto; text-align: left; width: 868px; } /* END #page-wrap */ /* START #header */ #header { min-height: 155px; } #kc-logo { clear: left; float: left; margin: 24px 0 0 23px; } #sus-logo { clear: right; float: right; margin: 49px 45px 0 0; } /* END #header */ /* START #primary-nav */ #primary-nav-wrapper { background: transparent url(/template-images/sustainability/layout/primary-nav/bg.gif) no-repeat top left; position: relative; padding: 9px 4px 10px 4px; width: 167px; } #primary-nav-bottom { background: transparent url(/template-images/sustainability/layout/primary-nav/bottom.gif) no-repeat bottom left; bottom: 0; height: 10px; left: 0; position: absolute; width: 175px; } #primary-nav { line-height: normal; list-style: none; margin: 0; padding: 0; width: 167px; } #primary-nav ol { list-style: none; margin: 0; padding: 0; } #primary-nav li { list-style: none; margin: 0; padding: 0; } #primary-nav a { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-has-children-off.jpg) no-repeat top right; border-bottom: 1px solid #E6E7E8; color: #48785D; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; padding: 3px 18px 4px 6px; text-decoration: none; } #primary-nav a:hover { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-has-children-on.gif) no-repeat top right; font-weight: bold; } #primary-nav .selected a { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-has-children-on-section-on.gif) no-repeat top right; font-weight: bold; } #primary-nav .selected a.has-children { } #primary-nav .selected a.has-children:hover { } #primary-nav .selected-section a.has-children { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-selected-section-has-children.gif) no-repeat top right; } #primary-nav .selected-section a.has-children:hover { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-selected-section-has-children.gif) no-repeat top right; } #primary-nav .selected-section-on a.has-children { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-has-children-on-section-on.gif) no-repeat top right; } #primary-nav .selected-section-on a.has-children:hover { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-has-children-on-section-on.gif) no-repeat top right; } #primary-nav a.has-children { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-has-children-off.jpg) no-repeat top right; } #primary-nav a.has-children:hover { background: #FAFAFB url(/template-images/sustainability/layout/primary-nav/level-1-has-children-on.gif) no-repeat top right; } #primary-nav li li a { background: #FFFFFF; border-bottom: 1px solid #F6F6F6; color: #636466; font-weight: normal; padding-left: 15px; } #primary-nav li li a:hover { background: #FFFFFF url(/template-images/sustainability/layout/primary-nav/level2on.gif) no-repeat top right; font-weight: normal; } #primary-nav li li.selected a { background: #FFFFFF url(/template-images/sustainability/layout/primary-nav/level2on.gif) no-repeat top right; font-weight: normal; } /* END #primary-nav */ /* START #main-content */ #main-content { } /* END #main-content */ /* START #content-area.default-template layout */ #content-area.default-template { min-height: 515px; padding: 17px 10px 0 10px; } #content-area.default-template #container { float: left; margin-right: -180px; width: 100%; } #content-area.default-template #wrapper { margin-right: 180px; } #content-area.default-template #primary-nav-wrapper { font-size: 0.9167em; float: left; } #content-area.default-template #main-content { margin-left: 175px; } #content-area.default-template #sub-content { float: right; font-size: 0.9167em; width: 180px; } /* END #content-area.default-template layout */ /* START #content-area.full-width-template layout */ #content-area.full-width-template { min-height: 515px; padding: 17px 10px 0 11px; } #content-area.full-width-template #container { float: left; width: 100%; } #content-area.full-width-template #wrapper { } #content-area.full-width-template #primary-nav-wrapper { font-size: 0.9167em; float: left; } #content-area.full-width-template #main-content { margin-left: 175px; } /* END #content-area.full-width-template layout */ /* START #footer */ #footer { color: #48785D; font-weight: bold; padding: 25px 12px 17px 208px; } /* END #footer */