/** File: layout.css Validates: CSS Level 2.1 Project: Britannia Rescue Author: Kristina Floyd Date Created: 2009 10 20 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 02a secondaryNavigation.css - styling for the secondary navigation 03 content.css - Styles for general content 04 elements.css - Styles for specific page elements 04a form3.css - styles for version 3 of the formbuilder 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: #F5F7FC; color: #4E515A; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: normal; text-align: center; } /* END body */ /* START ACCESSIBILITY */ .access { position: absolute; left: -1000px; width: 100px; top: 0; } /* END ACCESSIBILITY */ /* START .container */ .container { margin: 0 auto; text-align: left; width: 943px; } /* END .container */ /* START #header */ #header { background: #FFFFFF url(/template-images/britannia-rebrand-2009/layout/header/repeater.jpg) repeat-x bottom left; display: block; min-height: 100px; } #logos { display: block; float: left; width: 165px; } #logos img { color: #D72A21; display: block; } /* END #header */ /* START #extraContent */ #extraContent { display: block; float: right; text-align: right; width: 625px; } #extraContent ol { list-style: none; margin: 25px 0 0 0; padding: 0; } #extraContent li { display: inline; list-style: none; margin: 0; padding: 0; } #extraContent a { background: transparent url(/template-images/britannia-rebrand-2009/layout/extraContent/divider.jpg) no-repeat center right; color: #18276F; font-size: 0.9167em; font-weight: normal; padding: 0 8px; text-decoration: none; text-transform: uppercase; } #extraContent a:hover { color: #D72A21; text-decoration: underline; } #extraContent a:visited { color: #18276F; } #extraContent a.selected { color: #D72A21; } #extraContent li.last a { background: transparent; padding-right: 0; } #extraContent form { margin: 0; text-align: right; } #extraContent label { } #extraContent select { width: 150px; } /* END #extraContent */ /* START #exploreLVJS */ form#exploreLVForm { margin-top: 10px; } #exploreLVForm button { background: none; border: none; color: #D72A21; cursor: pointer; font-weight: bold; } #exploreLVJS { display: block; float: right; padding-top: 10px; position: relative; text-align: left; z-index: 1; } #exploreLVJS div { background: url(/template-images/britannia-rebrand-2009/layout/extraContent/dropdown.jpg) transparent no-repeat top right; cursor: pointer; height: 19px; padding: 2px 31px 0 10px; width: 157px; } #exploreLVJS ol { background: #F2F4F6; border: #0D468E solid 1px; border-top: 0; cursor: pointer; display: none; margin: 1px 0 0 0; padding: 0; position: absolute; width: 198px; z-index: 10010; } #exploreLVJS li { display: block; list-style-position: outside; padding: 0; } #exploreLVJS a { background: #F2F4F6; color: #586163; display: block; padding: 4px 10px; text-transform: none; } #exploreLVJS a:visited { color: #586163; } #exploreLVJS a:hover { background: #0D468E; color: #FFFFFF; } /* END #exploreLVJS */ /* START #primaryNav */ #primaryNav { margin: 18px auto 0 auto; } #primaryNav ol { list-style: none; margin: 0; padding: 0; } #primaryNav li { display: block; float: left; list-style: none; margin: 0 2px 0 0; padding: 0; } #primaryNav a { background: transparent url(/template-images/britannia-rebrand-2009/layout/primaryNav/tabOff.jpg) no-repeat top left; color: #01157B; display: block; text-decoration: none; } #primaryNav span { background: transparent url(/template-images/britannia-rebrand-2009/layout/primaryNav/tabOffEnd.jpg) no-repeat top right; display: block; padding: 19px 18px 9px 18px; } #primaryNav span:hover { background: transparent url(/template-images/britannia-rebrand-2009/layout/primaryNav/tabOnEnd.jpg) no-repeat top right; } #primaryNav .selected span { background: transparent url(/template-images/britannia-rebrand-2009/layout/primaryNav/tabOnEnd.jpg) no-repeat top right; } #primaryNav a:hover, #primaryNav .selected a { background: transparent url(/template-images/britannia-rebrand-2009/layout/primaryNav/tabOn.jpg) no-repeat top left; color: #FFFFFF; } #primaryNav a:hover span, #primaryNav .selected a span { padding: 11px 18px 17px 18px; } /* END #primaryNav */ /* START #contentArea layout */ #contentArea { background: #192B82 url(/template-images/britannia-rebrand-2009/layout/contentArea/repeater.jpg) repeat-x top left; min-height: 200px; padding: 6px 0 10px 0; } #contentContainer { position: relative; } #secondaryNav { float: left; position: relative; width: 218px; } #content { float: right; margin-left: -218px; width: 100%; } #mainContent { background: #FFFFFF url(/template-images/britannia-rebrand-2009/layout/contentArea/mainContent/repeater.gif) repeat-y top right; margin-left: 218px; min-height: 500px; position: relative; } #mainContentTop { background: transparent url(/template-images/britannia-rebrand-2009/layout/contentArea/mainContent/top.gif) no-repeat top right; height: 14px; left: 0; position: absolute; top: 0; width: 706px; } #mainContentBottom { background: transparent url(/template-images/britannia-rebrand-2009/layout/contentArea/mainContent/bottom.jpg) no-repeat bottom right; bottom: 0; height: 93px; left: 0; position: absolute; width: 706px; } #gutter { line-height: 150%; padding: 10px 12px; position: relative; } /* END #contentArea layout */ /* START #contentArea .container */ #contentArea .container { background: #F2F6FA url(/template-images/britannia-rebrand-2009/layout/contentArea/container/repeater.gif) repeat-y top left; min-height: 500px; padding: 20px 10px 10px 9px; position: relative; width: 924px; } #containerTop { background: transparent url(/template-images/britannia-rebrand-2009/layout/contentArea/container/topCorners.gif) no-repeat top left; height: 194px; left: 0; position: absolute; top: 0; width: 943px; } #containerBottom { background: transparent url(/template-images/britannia-rebrand-2009/layout/contentArea/container/bottomCorners.gif) no-repeat bottom left; bottom: 0; height: 12px; left: 0; position: absolute; width: 943px; } /* END #contentArea */ /* START #footer */ #footer { background: #F5F7FC url(/template-images/britannia-rebrand-2009/layout/footer/repeater.jpg) repeat-x top left; min-height: 32px; padding: 10px 0; } #footer ol { list-style: none; margin: 0 0 0 8px; padding: 0; } #footer li { display: inline; list-style: none; margin: 0; padding: 0; } #footer a { background: transparent url(/template-images/britannia-rebrand-2009/layout/footer/divider.jpg) no-repeat center right; color: #18276F; font-size: 0.8333em; font-weight: normal; padding: 0 8px; text-decoration: none; text-transform: uppercase; } #footer a:hover { text-decoration: underline; } #footer a:visited { color: #18276F; } #footer a.selected { text-decoration: underline; } #footer li.first a { padding-left: 0; } #footer li.last a { background: transparent; } #footer address { color: #FFFFFF; font-size: 0.8333em; margin: 1em 0 1em 16px; padding-bottom: 1em; text-transform: uppercase; } /* END #footer */