/* (c) 2008 Bam Creative Title : style.css Author : Bam Creative Description : Stylesheet */ /* GLOBAL SETTINGS------------------------------------- GLOBAL SETTINGS */ html { } img { display:none; } body { font-family: Arial, Helvetica, sans-serif; color: #000; /* MASTER text colour controller */ background:#000; color:yellow; font-size:120% !important; } /*-- this controls the tinymce area --*/ .mceContentBody { background-image: none; background-color: #fff; } /* LINKS -------------------------------------------------------- LINKS */ a { color:yellow ; font-size:120%; text-decoration:underline ; } a:hover { } /* HEADINGS -------------------------------------------------- HEADINGS */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; color:yellow; padding: 0; padding-bottom: 0.4em; } h1 { font-size: 150%; font-weight: bold; line-height: 1.2em; } h2 { font-weight: bold; font-size: 130%; font-weight: 600; line-height: 1.3em; } h3 { font-size: 120%; font-weight: 600; line-height: 1.2em; } h4 { font-size: 110%; line-height: 1.2em; font-weight: bold; padding-bottom: 0.3em; } h5 { font-size: 100%; line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } h6 { font-size: 90%; line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } /* PARAGRAPHS ---------------------------------------------- PARAGRAPHS */ p { font-size: 120%; line-height: 1.4em; padding: 0 0 1.25em 0; color:yellow; } /* LISTS -------------------------------------------------------- LISTS */ ul, ol { padding:0 0 1.25em 2.5em; } #content li, body#tinymce li { font-size: 120%; line-height: 1.6em; } #content ul li, body#tinymce ul li { list-style:circle; } /*-- nested lists --*/ #content ul ul, body#tinymce ul ul { padding: 0 0 0 1.5em; } #content ol ol, body#tinymce ol ol { padding: 0 0 0 1.5em; } /* LAYOUT ------------------------------------------------------ LAYOUT */ #container { width:983px; margin: 0 auto; position: relative; } #header { width:983px; margin:0 auto;; padding:0; clear:both; } #logo { background:none; } #controls { margin:1em 0; } #controls img { vertical-align:middle; } #donate-inner { display:none; } #main #banner, #banner { display:none; } #main #right-column { display:none; } #right-column { width:237px; margin:1em 0; } #donate { background:none; display:block; margin:0 0 1em 0; } #right-column ul { list-style:none; margin:0px 0 0px 0; padding:0; } #right-column ul li { margin:0 0px 8px 0; } #right-column ul li a { background:none; padding:0; font-size:120%; color:yellow; font-weight:bold; display:block; text-align:left; text-decoration:none; } #right-column ul li a:hover { background:none; text-decoration:underline; } #contact { margin:1em 0; } #contact-top { display:none; } #contact-middle { width:201px; background:none; } #contact-middle p { padding:.4em 0em; } #contact-bottom { display:none; } #main #contact { display:none; } #home-content { width:731px; } #main #community { display:none; } #community { width:283px; margin:25px 0px; display:block; } #community-top { display:none; } #community-middle { font-size:120%; } a.readmore { } #community-bottom { display:none; } #conference { background:none; } #discovery { background:none; } #main #get-help, #main #give-help { display:none; } #get-help { display:block; } #give-help { display:block; } #content { margin:10px 0; } #left-column { display:none; } #main #left-column { display:block; margin:0px 15px 10px 0; } #main #left-top { display:none; } #main #left-middle { } #main #left-bottom { display:none; } #main #content { } #page-content { /* all bamCMS content goes inside here: shouldn't need styling really */ font-size:120%; } #footer { width:983px; height:60px; margin:0 auto; } #footer-inner { } #footer-top { display:none; } #footer-bottom { display:none; } #lottery { background:none; } #social { padding:8px 0 0 0; } #social span { line-height:1.5em } #facebook { background:none; } #twitter { background:none; } #copyright { padding:1em 0; } #copyright a { text-decoration:underline; } /* TABLES ------------------------------------------------------ TABLES */ /*-- data table --*/ table.custom-data-table { border: 1px solid #ccc; border-bottom: none; border-right: none; width: 100%; } table.custom-data-table th, table.custom-data-table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; text-align: center; line-height: normal; } table.custom-data-table th{ background-color: #eee; font-size: 120%; font-weight: bold; height: 23px; color: #666; line-height: normal; } table.custom-data-table td { color: #676767; font-size: 120%; text-align: left; } table.custom-data-table td.right { text-align: right; } /* MISC --------------------------------------------------------- MISC */ hr { background: #ccc;/*NS FF OP */ color: #ccc;/*IE*/ border: none;/*FF NS OP*/ height: 1px;/*FF NS OP*/ width: 100%; } /* FORMS -------------------------------------------------------- FORMS */ /* No generic form styling shall be applied here as it causes too many problems with Bamcms admin area. Instead, use classes or ids on forms to style. For more information refer to the CSS and XHTML Best Practices Manual */ #search input { padding:0; margin:0; border:0; vertical-align:middle; } #search input.search { width:162px; background-color:yellow; color:#000; padding:5px; font-family:Arial, Helvetica, sans-serif !important; } #search input.submit { background-color:yellow; color:#000; padding:4px; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; } /* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */ .clear { clear: both; } .custom-left-image { border:3px solid #02494f; margin-right:15px; margin-bottom:10px; float:left; } .custom-right-image { border:3px solid #02494f; margin-left:15px; float:right; margin-bottom:10px; } /* Any classes that start with the "custom-" prefix will automatically be made available in the TinyMCE Styles drop down menu. For example: .custom-red-text { color: #F00; } */ /* ©2008 Bam Creative Title: nav.css Author: Laura James Description : Stylesheet */ #main #nav-container { clear:both; background:none; } #nav-container { clear:both; background:none; } #nav { } #nav ul { padding: 0px 0 0em 0; margin: 0 0 1em 0; list-style: none; line-height: 1 !important; } #nav a { font-weight:bold; font-size: 120%; text-decoration: none; } #nav li { margin:0 0 .5em 0em; } #nav li a { } #nav li a:hover, #nav li:hover a, #nav li.sfhover a { color: #000; background-color: yellow; } #nav ul li a.active { color: #000; background-color: yellow; } #nav li a#home { border-left: none; } /* LEVEL 2 ---------------------------------------------- LEVEL 2 */ #nav li ul { margin:0 0 0 1em; } #nav ul li ul li { width: 100%; display:block; margin:.5em 0 .5em 0em; } #nav li ul li a { color:yellow; display:block; padding:2px 0; width:200px; background:none; } #nav li:hover ul li a, #nav li.sfhover ul li a { background-color: yellow; color: black; } #nav ul li ul li a:hover, #nav ul li ul li:hover a, #nav ul li ul li.sfhover a { background-color: yellow; color: black; } /* LEVEL 3 ---------------------------------------------- LEVEL 3 */ #nav ul li ul li ul { width: 170px; border: 0px solid #666; border-bottom: none; } #nav ul li ul li ul li a { background: none; color: yellow; } #nav ul li ul li ul li a:hover, #nav ul li ul li ul li:hover a, #nav ul li ul li ul li.sfhover a { background-color: yellow; color: black; } /* LEVEL 4 ---------------------------------------------- LEVEL 4 */ #nav ul li ul li ul li ul { width: 170px; left: -999em; border: 1px solid #666; border-bottom: none; margin: -28px 0 0 170px; } #nav ul li ul li ul li ul li a, #nav ul li ul li ul li:hover ul li a, #nav ul li ul li ul li.sfhover ul li a { background-color: #999; color: #fff; } #nav ul li ul li ul li ul li a:hover { background-color: #0033CC; } /* SFHOVER TRIGGERS ---------------------------------- SFHOVER TRIGGERS */ #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } form input,form select { background-color:yellow; color:black; border:1px solid #000; } #view_high_contrast { border:0; background:none; color:yellow; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; }