/* -------------------------------------------------------------- */ /* ------------DEFAULT DRUPAL/BROWSER OVERRIDES------------------ */ /* -------------------------------------------------------------- */ /* You should never need to change anything here. Move along now. */ p, ul, ol, dl, pre, table, fieldset, blockquote { margin: 1em 0; } ul, ol { padding: 0; } .block ul, /* Drupal overrides */ .item-list ul { margin: 1em 0; padding: 0 0 0 2em; } ul ul, ul ol, ol ol, ol ul, .block ul ul, .block ul ol, .block ol ol, .block ol ul, .item-list ul ul, .item-list ul ol, .item-list ol ol, .item-list ol ul { margin: 0; padding: 0; } li { margin: 0; padding: 0; } .item-list ul li { /* Drupal override */ margin: 0; padding: 0; list-style-type: none; background-image: none; } .inline li { background-image: none; } ul.menu li, /* Drupal override */ li.expanded, li.collapsed, li.leaf { margin: 0; padding: 0; background: none; list-style: none; } /** abbreviations **/ abbr { border-bottom: 1px dotted #666; cursor: help; white-space: nowrap; } /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ abbr.created { border: none; cursor: auto; white-space: normal; } /* Latest version of Simplemenu gives it a z-index of 9999 -- we want admin menu to live over it, though. */ #admin-menu, #amin-menu ul { z-index: 10000; } #skip-to-nav{ position: absolute; left: -1000px; } /* -------------------------------------------------------------- */ /* ----------------------- BODY/PAGE ---------------------------- */ /* -------------------------------------------------------------- */ body { padding: 0; margin: 0; font-size: 62.5%; /* 1em = 10px */ font-family: 'Puritan', 'Trebuchet MS', Arial, sans-serif; background: #b9bbbd url('images/bg_body.gif') repeat-x scroll left 60%; } #page { width: 980px; margin: 0 auto; } /* tag within TinyMCE. Make sure the background color matches the background color of your page! */ #tinymce { padding: 15px; background-color: #fff; } /* -------------------------------------------------------------- */ /* ----------------------- LAYOUT ------------------------------- */ /* -------------------------------------------------------------- */ /* Header Stuff */ #header { float: left; width: 100%; clear: both; padding-bottom: 250px; background-repeat: no-repeat; background-position: left bottom; } #header-inner { } #logo { width: 274px; /* Compensates for a minor slicing error */ float: left; overflow: hidden; } #logo-image { display: block; } #block-nice_menus-2 { margin-top: 80px; float: left; } #nice-menu-2 { margin: 0; padding: 0; border-width: 0; font-family: 'Arvo', Georgia, serif; } #nice-menu-2 li { border: 0; background-color: transparent; background-image: none; } #nice-menu-2 li a { text-decoration: none; } #nice-menu-2 > li { padding: 0 10px; } #nice-menu-2 .level-1 { padding: 0; font-size: 2em; color: #e0e0e0; line-height: 43px; border-bottom-width: 0; } #nice-menu-2 > li:hover { background-color: #aaacae; } #nice-menu-2 > li:hover > a { color: #fff; background-color: transparent; } #nice-menu-2 .level-1.active { color: #fff; } #nice-menu-2 > .active-trail, #nice-menu-2 > .active-trail:hover { background-color: transparent; } #nice-menu-2 .activeBar { background-color: #febf0f; border: 1px solid #fff; height: 5px; } #nice-menu-2 ul { background-color: #aaacae; border-width: 0; top: 43px; } #nice-menu-2 ul li a { border: 1px solid #aaacae; border-bottom-color: #c4c4c4; padding: 7px 15px; font-size: 1.2em; color: #e6e6e6; } #nice-menu-2 ul li a:hover { color: #fff; border-color: #fff; background-color: #febf0f; } /* Content Areas */ #main { clear: both; } #main-inner { padding: 25px 0 50px 0; } #sidebar-left{ float: left; width: 227px; } #sidebar-left-inner { padding-right: 48px; } #sidebar-right{ float: right; width: 288px; } #sidebar-right-inner { padding-left: 44px; } #content{ float: left; width: 100%; } .two-sidebars #content { width: 465px; } .sidebar-left #content { width: 753px; } .sidebar-right #content { width: 692px; } /* The following are #content's inner areas, ordered as they appear in page.tpl.php. */ #content-top { /* Blocks can go in here. */ } #content-header { } #content-header .title { margin-top: 0; } #content-area { font-size: 1.3em; line-height: 1.5em; } /* -------------------------------------------------------------- */ /* ----------------------TYPOGRAPHY------------------------------ */ /* -------------------------------------------------------------- */ /** * Headers and intro text. The sizing is based on the notion that these will * occur primarily within .block .content and #content-area. */ h1, h2, h3, h4, h5, h6 { color: #fff; font-family: 'Arvo', Georgia, serif; } h1 { font-size: 3em; } h2 { font-size: 1.5em; } h3, h4, h5, h6 { font-size: 1.3em; } .tinyMCEIntroText { font-size: 1.2em; line-height: 1.5em; } #content-area ul { list-style: none; } #content-area ul li { padding-left: 20px; margin-bottom: 5px; background: transparent url('images/nav_left_on.gif') no-repeat scroll left 4px; } #content-area ol li { margin-bottom: 5px; margin-left: 20px; } hr { border: none; color: #aaacae; background-color: #aaacae; height: 5px; clear: both; } /* Links */ a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } a:hover, a:focus { background-color: #febf0f; } /* Tables */ table { border-collapse: collapse; border: 1px solid #a0a0a0; width: 100%; clear: both; } table tr > * { padding: 7px; border: 1px solid #a0a0a0 !important; } table tr.even, table tr.odd { background-color: transparent; } thead tr > * { font-family: 'Arvo', Georgia, serif; background-color: transparent; font-size: 1.15em; font-weight: bold; text-align: left; color: #fff; } tbody { border-top: none; } td { padding: 10px; border: 1px solid #a0a0a0; } /* Blockquotes & Citations */ blockquote { background-color: #d4d4d4; border: 1px solid #fff; border-bottom-width: 0; padding: 10px; font-size: 1.1em; margin-bottom: 0 !important; } /** * Whatever immediately follows the

will not have a top margin. */ blockquote + * { margin-top: 0; } .tinyMCEQuoteCitation, cite { background: url('images/bg_cite.gif') no-repeat scroll left top; padding: 10px; display: block; /* is inline by default */ } /* -------------------------------------------------------------- */ /* --------------------------- IMAGES --------------------------- */ /* -------------------------------------------------------------- */ #main img { } /* pic-left and pic-right are the styles that TinyMCE helpfully gives to left- and right-aligned imgs */ img.pic-left { border: 5px solid #e9e9e9; } img.pic-left, .caption-left { margin: 0 18px 6px 0; } img.pic-right { border: 5px solid #e9e9e9; } img.pic-right, .caption-right { margin: 0 0 6px 18px; } .caption { background-color: #e9e9e9; border: 1px solid #ccc; padding: 5px; } .caption-text { font-style: italic; display: block; color: #666; margin-top: 5px; } .caption-left { float: left; } .caption-right { float: right; } .caption img { display: block; } /* -------------------------------------------------------------- */ /* ----------- ADDITIONAL NAVIGATION ITEMS ---------------------- */ /* -------------------------------------------------------------- */ .pager { /* A list of page numbers when more than 1 page of content is available */ clear: both; margin: 1em 0; text-align: center; } .breadcrumb { /* The path to the current page in the form of a list of links */ padding-bottom: 0; /* Undo system.css */ } ul.links { /* Taxonomy links, node links, comment links */ margin: 0; padding: 0; } /* -------------------------------------------------------------- */ /* -------------------------- BLOCKS ---------------------------- */ /* -------------------------------------------------------------- */ .sidebar .block { padding: 10px 20px; border: 1px solid #fff; background-color: #aaacae; margin-bottom: 15px; } .sidebar .block .content { line-height: 1.5em; font-size: 1.3em; color: #000; } .sidebar .block-menu_block { padding: 0; border-width: 0; background-color: transparent; } .block-menu_block .menu { font-family: 'Arvo', Georgia, serif; padding: 0; margin: 0; } .block-menu_block .menu li { list-style-type: none; list-style-image: none; border-bottom: 1px solid #a0a0a0; } .block-menu_block .menu li a { text-decoration: none; font-weight: bold; color: #e6e6e6; display: block; border-bottom-width: 0; padding: 7px 10px 7px 25px; background: transparent url('images/nav_left.gif') no-repeat scroll 7px 13px; } .block-menu_block .menu li a:hover { background-image: url('images/nav_left_over.gif'); background-color: #febf0f; border: 1px solid #fff; padding: 6px 9px 6px 24px; color: #fff; } .block-menu_block .menu li .active { color: #fff; background-position: 7px 12px; background-image: url('images/nav_left_on.gif'); } .sidebar .promotion { background-color: #febf0f; padding: 0; } .sidebar .promotion .content { color: #fff; font-size: 1.8em; font-weight: bold; font-family: 'Arvo', Georgia, serif; } .sidebar .promotion .content p { margin: 0; } .sidebar .promotion .content a { text-decoration: none; display: block; color: #fff; padding: 10px 20px; border-bottom-width: 0; } .block .edit a { color: #333; border-bottom-width: 0; } .block .edit a:hover { background-color: transparent; text-decoration: underline; } /* Hide all the block garbage on the Block administration page. */ body.page-admin-build-block div.help{ display: none; } .block-region{ display: none; } /* -------------------------------------------------------------- */ /* -------------------------- FOOTER ---------------------------- */ /* -------------------------------------------------------------- */ #footer { border-top: 5px solid #aaacae; padding-top: 1px; color: #666; clear: both; } #footer .block .content { text-align: center; font-size: 1.2em; color: #747474; font-family: 'Arvo', Georgia, serif; } #site_credit { font-size: 1.2em; text-align: center; margin: 30px; clear: both; color:#666; } #site_credit a{ color: #666; text-decoration: underline; border-bottom-width: 0; font-weight: normal; } #site_credit a:hover { background-color: transparent; } /* -------------------------------------------------------------- */ /* ------------------------- FORMS ------------------------------ */ /* -------------------------------------------------------------- */ form { margin: 0; padding: 0; } fieldset { margin: 1em 0; padding: 1em 2em; border: 1px solid #ccc; } .form-item, /* Wrapper for a form element (or group of form elements) and its label */ .form-checkboxes, .form-radios { margin: 1em 0; } .form-item input.error, /* Highlight the form elements that caused a form submission error */ .form-item textarea.error, .form-item select.error { border: 2px solid #c00; } .form-item label { /* The label for a form element */ display: block; font-weight: bold; } .form-item label.option { /* The label for a radio button or checkbox */ display: inline; font-weight: normal; } .form-required { color: #febf0f; } .form-item .description { /* Help text */ font-size: 0.8em; color: #666; } .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */ .form-radios .form-item { margin: 0.4em 0; } .container-inline div, .container-inline label { /* Inline labels and form divs */ display: inline; } .tips { /* Tips for Drupal's input formats */ margin: 0; padding: 0; font-size: 0.9em; } .form-text { /* single line text field */ font-size: 1em; display: block; border: 1px solid #ccc; padding: 5px; } textarea { /* multi line text box */ font-size: 1em; display: block; border: 1px solid #ccc; padding: 5px; } .form-submit { font-family: 'Arvo', Georgia, serif; background-color: #febf0f; border: 1px solid #fff; font-weight: bold; padding: 7px 15px; font-size: 18px; color: #fff; } .form-submit:active { padding: 8px 14px 6px 16px; } .node-type-webform .submitted { /*Why do we need to see who created a webform? That's just plain dumb, Drupal.*/ display: none; } /* -------------------------------------------------------------- */ /* ------------------------- ADMIN ------------------------------ */ /* -------------------------------------------------------------- */ ul.vertical-tabs-list li { margin: 0 !important; padding-left: 0 !important; background-image: none !important; background-color: #e5e5e5 !important; } ul.vertical-tabs-list li a { color: #333; } .summary { /*The small text that tells you the setting for that tab.*/ color: #666 !important; font-size: .9em; } /* Admin Tables */ form tbody { border-top: 1px solid #ccc; } form th { text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc; } form tbody th { border-bottom: 1px solid #ccc; } form thead th { text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc; } .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */ .comment-unpublished div.unpublished { height: 0; overflow: visible; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; word-wrap: break-word; /* A very nice CSS3 property */ }