/** File: layout.css Validates: CSS Level 2.1 Project: Wirebird Author: Kristina Floyd Date Created: 2008 07 30 About: Contains styles for the main layout and framework of the site Elements index: html body ID index: #header #footer #mainMenu #subMenu Class index: .access 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 { margin-bottom: 0.1em; height: 100%; } /* END html */ /* START body */ body { background: #000000; color: #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5; text-align: center; } /* END body */ /* START ACCESSIBILITY */ .access { position: absolute; left: -1000px; width: 100px; top: 0; } /* END ACCESSIBILITY */ /* START #wrapper */ #wrapper { border: 1px solid #181818; margin: 0 auto; text-align: left; width: 993px; } /* END #wrapper */ /* START #header */ #header { background: transparent url(../images/layout/header/bg.gif) no-repeat bottom left; border-bottom: 1px solid #181818; height: 90px; } #logo { float: right; } /* END #header */ /* START #primaryNav */ #navWrapper { background: #1E1E1E; border-bottom: 1px solid #181818; clear: both; display: block; float: left; height: 3.65em; position: relative; width: 993px; } #primaryNav { background: #030303 url(../images/layout/primaryNav/bg.gif) repeat-x top left; border-bottom: 1px solid #181818; display: block; float: left; font-size: 0.625em; padding-left: 48px; position: relative; width: 945px; } #primaryNav ol { border-left: 1px solid #181818; display: block; margin: 0; padding: 0; } #primaryNav li { display: block; float: left; margin: 0; padding: 0; } #primaryNav a { border-right: 1px solid #181818; color: #FFFFFF; display: block; letter-spacing: 0.2em; padding: 8px 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: auto; } #primaryNav a:hover, #primaryNav .selected a { background: #720C69 url(../images/layout/primaryNav/bgHover.gif) repeat-x top left; } #primaryNav ol ol { border-left: 1px solid #181818; display: none; float: left; margin: 0; padding: 0 0 0 48px; } #primaryNav ol .selected ol { clear: both; display: block; left: 0; position: absolute; } #primaryNav ol ol li { background: transparent url(../images/layout/subNav/divider.gif) no-repeat center left; display: block; float: left; margin: 0; padding: 0; } #primaryNav ol .selected ol a { background: transparent; } #primaryNav ol .selected ol a, #primaryNav ol li ol a { border: none; color: #8E8D8D; display: block; font-size: 1.1em; float: left; letter-spacing: normal; padding: 4px 10px; text-align: center; text-decoration: none; text-transform: none; } #primaryNav ol .selected ol a:hover, #primaryNav ol ol a:hover, #primaryNav ol .selected ol .subSelected a, #primaryNav ol ol .subSelected a { background: transparent; color: #BA56AC; } #primaryNav ol ol .subSelected a { font-weight: bold; } #primaryNav ol ol .subSelected a:hover { background: transparent; } /* END #primaryNav */ /* START #homeTemplate layout */ #homeTemplate { } #homeTemplate #contentWrapper { background: transparent url(../images/layout/wrapper/bg.jpg) no-repeat top right; clear: both; } #homeTemplate h1 { display: none; } #homeTemplate #mainContent { font-size: 0.875em; min-height: 133px; padding: 70px 48px 70px 503px; position: relative; z-index: 11; } #homeTemplate #wirebird { background: transparent url(../images/elements/wirebird/big.gif) no-repeat top left; height: 476px; left: 0; position: absolute; top: 0; width: 519px; z-index: 10; } #homeTemplate #footer { background: #000000; } /* END #homeTemplate layout */ /* START #defaultTemplate layout */ #defaultTemplate { } #defaultTemplate h1 { color: #D4D0C8; font-size: 0.875em; padding: 14px 48px; text-transform: uppercase; } #defaultTemplate #contentWrapper { background: #000000 url(../images/layout/contentWrapper/bg.jpg) no-repeat bottom left; border-bottom: 1px solid #171717; clear: both; margin-bottom: 12px; min-height: 260px; } #defaultTemplate #contentWrapper.noSubContent { background: #000000 url(../images/layout/contentWrapper/bgNoSubContent.jpg) no-repeat bottom left; } #defaultTemplate #container { float: left; margin-right: -350px; width: 100%; } #defaultTemplate #mainWrapper { margin-right: 350px; } #defaultTemplate #mainContent { color: #FEFEFE; font-size: 0.875em; padding: 0 13px 13px 48px; } #defaultTemplate #subContent { color: #323232; font-size: 0.6875em; float: right; padding: 0 20px 0 24px; width: 306px; } /* END #defaultTemplate layout */ /* START #newsTemplate layout */ #newsTemplate { } #newsTemplate em { font-weight: bold; } #newsTemplate #columnWrapper a { color: #78126E; } #newsTemplate ol { list-style: none; margin: 0; padding: 0; } #newsTemplate li { list-style: none; margin: 0; padding: 0; } #newsTemplate dl { } #newsTemplate dt { float: left; margin-right: 0.5em; } #newsTemplate dd { } #newsTemplate #contentWrapper { background: transparent url(../images/layout/contentWrapper/news/bg.jpg) no-repeat bottom left; border-bottom: 1px solid #171717; clear: both; margin-bottom: 12px; min-height: 260px; } #newsTemplate #subContent { color: #D4D0C8; font-size: 0.6875em; font-weight: bold; float: left; line-height: 1.75em; padding: 0 20px 0 48px; position: relative; width: 272px; } #newsTemplate #container { float: right; margin-left: -340px; width: 100%; } #newsTemplate #mainWrapper { margin-left: 340px; } #newsTemplate #mainContent { color: #716F71; font-size: 0.6875em; padding: 13px 22px; } #newsTemplate #mainContentHeader { border-bottom: 1px solid #ADAAA3; margin-bottom: 10px; padding-bottom: 19px; } #newsTemplate h1 { color: #000000; float: left; font-size: 1.2727em; font-weight: bold; text-transform: uppercase; } #columnWrapper { } #columnWrapper p { line-height: 1.5em; } .column { display: block; float: left; width: 292px; } #leftMain { margin-right: 24px; } #rightMain { } /* END #newsTemplate layout */ /* START #sitemapTemplate layout */ #sitemapTemplate { } #sitemapTemplate #contentWrapper { clear: both; } #sitemapTemplate #mainContent { font-size: 0.875em; padding: 0 48px 20px 48px; position: relative; z-index: 11; } /* START #sitemapTemplate layout */ /* START #footer */ #footer { color: #929395; font-size: 0.625em; padding: 4px 0 10px 48px; } #footer ol { float: left; margin: 0; padding: 0; } #footer li { display: block; float: left; margin: 0 0.5em 0 0; padding: 0; } #footer a { text-decoration: none; } #footer .last a { } #footer a:hover { text-decoration: underline; } /* END #footer */