/* Theme name: Amphibian Ark Description: Custom Theme */ /* WordPress Default styles */ @import url('wp-default.css'); * { padding: 0; margin: 0; outline: 0; } body { font-size: 11px; line-height: 17px; font-family: Verdana, Arial, sans-serif; color: #5d5d5d; background: #d3ad44 url(images/bg.gif) repeat-x 0 0; /*background-attachment: fixed; */ text-align: left; padding: 20px 0; } a img { border: 0; } a { color: #bc7c0c; text-decoration: none; } a:hover { text-decoration: none; } h2 { font: italic normal bold 20px/25px Arial, sans-serif; color: #cf9b0a; text-align:left} // h3 LINE BLEOW UPDATED BY kj TO GET RID OF THE GREEN COLOR // h3 { font: normal normal bold 20px/25px Arial, sans-serif; color: #95d310;} h3 { font: normal normal bold 20px/25px Arial, sans-serif; color: #cf9b0a;} h4 { font: normal normal bold 14px/16px Arial, sans-serif; color: #cf9b0a; text-align:left} .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .shell { width:1064px; margin: 0 auto; background: url(images/shell.png) repeat-y 0 0; height: 100%; } /*ADDED BY KJ FOR CONNECTIONS DIRECTORY*/ #cn-excerpt-plus span.title, #cn-excerpt-plus span.fn { display: inline; } /*HEADER*/ #header { height: 218px; background: url(images/header.jpg) no-repeat 0 0; } /*LOGO SECTION*/ #logo-section { float: left; display: inline; width: 360px; height: 142px; position:relative; margin: 30px 0 0 25px; } #logo-section .the-logo { width: 113px; height:88px; background: url(images/logo.gif); position: absolute; top:0; left: 0; } #logo-section h1#logo { width: 348px; height:54px; position: absolute; bottom:0; right: 0; } #logo-section h1#logo a{ display: block; height:54px; background: url(images/logo-text.gif); } #logo-section h1#logo a#en{ display: block; height:54px; background: url(images/logo-text.gif); } #logo-section h1#logo a#es{ display: block; height:54px; background: url(images/logo-text-spanish.gif); } #logo-section h1#logo a#de{ display: block; height:54px; background: url(images/logo-text-german.gif); } #logo-section h1#logo a#pt{ display: block; height:54px; background: url(images/logo-text-portuguese.gif); } /*LANGUAGES*/ #languages { width: 140px; height: 30px; float: right; display: inline; padding: 40px 15px 0 0; } #languages span.current-lang { float: left; display: inline; line-height: 11px; margin-right: 5px; font-size: 9px; width:40px} #languages a { float: left; display: inline; width: 16px; height: 11px; margin-left: 5px; } #languages li { float: left; display: inline; left: auto;} /*NAVIGATION*/ #navigation { margin: 9px 15px 0; height: 37px; background: url(images/nav.gif) repeat-x 0 0; } /*THE MENU*/ #navigation ul#menu { height: 37px; padding-left: 30px; list-style-type: none; } #navigation ul#menu li { float: left; display: inline; position: relative; z-index: 100; } #navigation ul#menu li a { height: 37px; background: url(images/nav-sprite.gif) no-repeat 0 0; } #navigation ul#menu li#en a { height: 37px; background: url(images/nav-sprite.gif) no-repeat 0 0; } #navigation ul#menu li#es a { height: 37px; background: url(images/nav-sprite-spanish.gif) no-repeat 0 0; } #navigation ul#menu li#de a { height: 37px; background: url(images/nav-sprite-german.gif) no-repeat 0 0; } #navigation ul#menu li#pt a { height: 37px; background: url(images/nav-sprite-portuguese.gif) no-repeat 0 0; } #navigation ul#menu li.news#en { width: 76px; } #navigation ul#menu li.news#en a { height: 37px; display: block; background-position: 0 0; } #navigation ul#menu li.news#en a.currentNavItem, #navigation ul#menu li.news#en a:hover, #navigation ul#menu li.news#en a.hover, #navigation ul#menu li.news#en a.active { background-position: 0 -37px; } #navigation ul#menu li.news#de { width: 99px; } #navigation ul#menu li.news#de a { height: 37px; display: block; background-position: 0 0; } #navigation ul#menu li.news#de a.currentNavItem, #navigation ul#menu li.news#de a:hover, #navigation ul#menu li.news#de a.hover, #navigation ul#menu li.news#de a.active { background-position: 0 -37px; } #navigation ul#menu li.news#es { width: 82px; } #navigation ul#menu li.news#es a { height: 37px; display: block; background-position: 0 0; } #navigation ul#menu li.news#es a.currentNavItem, #navigation ul#menu li.news#es a:hover, #navigation ul#menu li.news#es a.hover, #navigation ul#menu li.news#es a.active { background-position: 0 -37px; } #navigation ul#menu li.news#pt { width: 82px; } #navigation ul#menu li.news#pt a { height: 37px; display: block; background-position: 0 0; } #navigation ul#menu li.news#pt a.currentNavItem, #navigation ul#menu li.news#pt a:hover, #navigation ul#menu li.news#pt a.hover, #navigation ul#menu li.news#pt a.active { background-position: 0 -37px; } #navigation ul#menu li.the-crisis#en { width: 108px; } #navigation ul#menu li.the-crisis#en a { display: block; background-position: -76px 0; } #navigation ul#menu li.the-crisis#en a.currentNavItem, #navigation ul#menu li.the-crisis#en a:hover, #navigation ul#menu li.the-crisis#en a.hover, #navigation ul#menu li.the-crisis#en a.active { background-position: -76px -37px; } #navigation ul#menu li.the-crisis#de { width: 146px; } #navigation ul#menu li.the-crisis#de a { display: block; background-position: -99px 0; } #navigation ul#menu li.the-crisis#de a.currentNavItem, #navigation ul#menu li.the-crisis#de a:hover, #navigation ul#menu li.the-crisis#de a.hover, #navigation ul#menu li.the-crisis#de a.active { background-position: -99px -37px; } #navigation ul#menu li.the-crisis#es { width: 86px; } #navigation ul#menu li.the-crisis#es a { display: block; background-position: -82px 0; } #navigation ul#menu li.the-crisis#es a.currentNavItem, #navigation ul#menu li.the-crisis#es a:hover, #navigation ul#menu li.the-crisis#es a.hover, #navigation ul#menu li.the-crisis#es a.active { background-position: -82px -37px; } #navigation ul#menu li.the-crisis#pt { width: 86px; } #navigation ul#menu li.the-crisis#pt a { display: block; background-position: -82px 0; } #navigation ul#menu li.the-crisis#pt a.currentNavItem, #navigation ul#menu li.the-crisis#pt a:hover, #navigation ul#menu li.the-crisis#pt a.hover, #navigation ul#menu li.the-crisis#pt a.active { background-position: -82px -37px; } #navigation ul#menu li.about-us#en { width: 100px; } #navigation ul#menu li.about-us#en a { display: block; background-position: -184px 0; } #navigation ul#menu li.about-us#en a.currentNavItem, #navigation ul#menu li.about-us#en a:hover, #navigation ul#menu li.about-us#en a.hover, #navigation ul#menu li.about-us#en a.active { display: block; background-position: -184px -37px; } #navigation ul#menu li.about-us#de { width: 76px; } #navigation ul#menu li.about-us#de a { display: block; background-position: -245px 0; } #navigation ul#menu li.about-us#de a.currentNavItem, #navigation ul#menu li.about-us#de a:hover, #navigation ul#menu li.about-us#de a.hover, #navigation ul#menu li.about-us#de a.active { display: block; background-position: -245px -37px; } #navigation ul#menu li.about-us#es { width: 148px; } #navigation ul#menu li.about-us#es a { display: block; background-position: -168px 0; } #navigation ul#menu li.about-us#es a.currentNavItem, #navigation ul#menu li.about-us#es a:hover, #navigation ul#menu li.about-us#es a.hover, #navigation ul#menu li.about-us#es a.active { display: block; background-position: -168px -37px; } #navigation ul#menu li.about-us#pt { width: 148px; } #navigation ul#menu li.about-us#pt a { display: block; background-position: -168px 0; } #navigation ul#menu li.about-us#pt a.currentNavItem, #navigation ul#menu li.about-us#pt a:hover, #navigation ul#menu li.about-us#pt a.hover, #navigation ul#menu li.about-us#pt a.active { display: block; background-position: -168px -37px; } #navigation ul#menu li.resources#en { width: 113px; } #navigation ul#menu li.resources#en a{ display:block; background-position: -284px 0; } #navigation ul#menu li.resources#en a.currentNavItem, #navigation ul#menu li.resources#en a:hover, #navigation ul#menu li.resources#en a.hover, #navigation ul#menu li.resources#en a.active { display:block; background-position: -284px -37px; } #navigation ul#menu li.resources#de { width: 87px; } #navigation ul#menu li.resources#de a{ display:block; background-position: -321px 0; } #navigation ul#menu li.resources#de a.currentNavItem, #navigation ul#menu li.resources#de a:hover, #navigation ul#menu li.resources#de a.hover, #navigation ul#menu li.resources#de a.active { display:block; background-position: -321px -37px; } #navigation ul#menu li.resources#es { width: 92px; } #navigation ul#menu li.resources#es a{ display:block; background-position: -316px 0; } #navigation ul#menu li.resources#es a.currentNavItem, #navigation ul#menu li.resources#es a:hover, #navigation ul#menu li.resources#es a.hover, #navigation ul#menu li.resources#es a.active { display:block; background-position: -316px -37px; } #navigation ul#menu li.resources#pt { width: 92px; } #navigation ul#menu li.resources#pt a{ display:block; background-position: -316px 0; } #navigation ul#menu li.resources#pt a.currentNavItem, #navigation ul#menu li.resources#pt a:hover, #navigation ul#menu li.resources#pt a.hover, #navigation ul#menu li.resources#pt a.active { display:block; background-position: -316px -37px; } #navigation ul#menu li.education#en { width: 107px; } #navigation ul#menu li.education#en a { display: block; background-position: -397px 0; } #navigation ul#menu li.education#en a.currentNavItem, #navigation ul#menu li.education#en a:hover, #navigation ul#menu li.education#en a.hover, #navigation ul#menu li.education#en a.active { display: block; background-position: -397px -37px; } #navigation ul#menu li.education#de { width: 92px; } #navigation ul#menu li.education#de a { display: block; background-position: -408px 0; } #navigation ul#menu li.education#de a.currentNavItem, #navigation ul#menu li.education#de a:hover, #navigation ul#menu li.education#de a.hover, #navigation ul#menu li.education#de a.active { display: block; background-position: -408px -37px; } #navigation ul#menu li.education#es { width: 99px; } #navigation ul#menu li.education#es a { display: block; background-position: -408px 0; } #navigation ul#menu li.education#es a.currentNavItem, #navigation ul#menu li.education#es a:hover, #navigation ul#menu li.education#es a.hover, #navigation ul#menu li.education#es a.active { display: block; background-position: -408px -37px; } #navigation ul#menu li.education#pt { width: 99px; } #navigation ul#menu li.education#pt a { display: block; background-position: -408px 0; } #navigation ul#menu li.education#pt a.currentNavItem, #navigation ul#menu li.education#pt a:hover, #navigation ul#menu li.education#pt a.hover, #navigation ul#menu li.education#pt a.active { display: block; background-position: -408px -37px; } #navigation ul#menu li.aark-shop#en { width: 114px; } #navigation ul#menu li.aark-shop#en a { display:block; background-position: -504px 0; } #navigation ul#menu li.aark-shop#en a.currentNavItem, #navigation ul#menu li.aark-shop#en a:hover, #navigation ul#menu li.aark-shop#en a.hover, #navigation ul#menu li.aark-shop#en a.active { display:block; background-position: -504px -37px; } #navigation ul#menu li.aark-shop#de { width: 80px; } #navigation ul#menu li.aark-shop#de a { display:block; background-position: -500px 0; } #navigation ul#menu li.aark-shop#de a.currentNavItem, #navigation ul#menu li.aark-shop#de a:hover, #navigation ul#menu li.aark-shop#de a.hover, #navigation ul#menu li.aark-shop#de a.active { display:block; background-position: -500px -37px; } #navigation ul#menu li.aark-shop#es { width: 111px; } #navigation ul#menu li.aark-shop#es a { display:block; background-position: -507px 0; } #navigation ul#menu li.aark-shop#es a.currentNavItem, #navigation ul#menu li.aark-shop#es a:hover, #navigation ul#menu li.aark-shop#es a.hover, #navigation ul#menu li.aark-shop#es a.active { display:block; background-position: -507px -37px; } #navigation ul#menu li.aark-shop#pt { width: 111px; } #navigation ul#menu li.aark-shop#pt a { display:block; background-position: -507px 0; } #navigation ul#menu li.aark-shop#pt a.currentNavItem, #navigation ul#menu li.aark-shop#pt a:hover, #navigation ul#menu li.aark-shop#pt a.hover, #navigation ul#menu li.aark-shop#pt a.active { display:block; background-position: -507px -37px; } #navigation ul#menu li.contact-us#en { width: 122px; } #navigation ul#menu li.contact-us#en a { display: block; background-position: -618px 0; } #navigation ul#menu li.contact-us#en a.currentNavItem, #navigation ul#menu li.contact-us#en a:hover, #navigation ul#menu li.contact-us#en a.hover, #navigation ul#menu li.contact-us#en a.active { display: block; background-position: -618px -37px; } #navigation ul#menu li.contact-us#de { width: 160px; } #navigation ul#menu li.contact-us#de a { display: block; background-position: -580px 0; } #navigation ul#menu li.contact-us#de a.currentNavItem, #navigation ul#menu li.contact-us#de a:hover, #navigation ul#menu li.contact-us#de a.hover, #navigation ul#menu li.contact-us#de a.active { display: block; background-position: -580px -37px; } #navigation ul#menu li.contact-us#es { width: 122px; } #navigation ul#menu li.contact-us#es a { display: block; background-position: -618px 0; } #navigation ul#menu li.contact-us#es a.currentNavItem, #navigation ul#menu li.contact-us#es a:hover, #navigation ul#menu li.contact-us#es a.hover, #navigation ul#menu li.contact-us#es a.active { display: block; background-position: -618px -37px; } #navigation ul#menu li.contact-us#pt { width: 122px; } #navigation ul#menu li.contact-us#pt a { display: block; background-position: -618px 0; } #navigation ul#menu li.contact-us#pt a.currentNavItem, #navigation ul#menu li.contact-us#pt a:hover, #navigation ul#menu li.contact-us#pt a.hover, #navigation ul#menu li.contact-us#pt a.active { display: block; background-position: -618px -37px; } #navigation ul#menu li.search { padding-top: 7px; padding-left: 10px; width: 250px;} #navigation ul#menu li.search input { background: none; border: none; } #navigation ul#menu li.search label, #navigation ul#menu li.search span { float: left; display: inline; } #navigation ul#menu li.search label { color: #e3e30a; font-size: 12px; margin-right:5px; font-weight: bold; line-height: 22px;} #navigation ul#menu li.search span.text-field { width: 110px; height: 18px; padding: 4px 4px 0; background: url(images/text-field.gif); overflow: hidden; margin-right: 5px;} #navigation ul#menu li.search span.text-field input { width: 133px; height: 18px; } #navigation ul#menu li.search span.submit-field { width: 43px; height: 25px; background: url(images/submit-field.gif); overflow: hidden; } #navigation ul#menu li.search span.submit-field#en { width: 43px; height: 25px; background: url(images/submit-field.gif); overflow: hidden; } #navigation ul#menu li.search span.submit-field#es { width: 43px; height: 25px; background: url(images/submit-field-spanish.gif); overflow: hidden; } #navigation ul#menu li.search span.submit-field#de { width: 43px; height: 25px; background: url(images/submit-field-german.gif); overflow: hidden; } #navigation ul#menu li.search span.submit-field#pt { width: 43px; height: 25px; background: url(images/submit-field-portuguese.gif); overflow: hidden; } #navigation ul#menu li.search span.submit-field input { width: 43px; height: 25px; cursor: pointer;} /*SUBMENU*/ #navigation ul#menu li#en ul.submenu { display: none; list-style-type: none; position: absolute; left: 0; top: 37px; width: 182px; border: 1px solid #9ce200; background: url(images/submenu.png); } #navigation ul#menu li#en ul.submenu li { float: none; display: block; border-bottom: 1px solid #89bb11; } #navigation ul#menu li#en ul.submenu li a { display: block; padding-left: 17px; height: 27px; line-height: 27px; color: #fff; font-size: 13px; font-family: Arial, sans-serif; background: none; } #navigation ul#menu li#de ul.submenu { display: none; list-style-type: none; position: absolute; left: 0; top: 37px; width: 182px; border: 1px solid #9ce200; background: url(images/submenu.png); } #navigation ul#menu li#de ul.submenu li { float: none; display: block; border-bottom: 1px solid #89bb11; } #navigation ul#menu li#de ul.submenu li a { display: block; padding-left: 17px; height: 27px; line-height: 27px; color: #fff; font-size: 13px; font-family: Arial, sans-serif; background: none; } #navigation ul#menu li#es ul.submenu { display: none; list-style-type: none; position: absolute; left: 0; top: 37px; width: 182px; border: 1px solid #9ce200; background: url(images/submenu.png); } #navigation ul#menu li#es ul.submenu li { float: none; display: block; border-bottom: 1px solid #89bb11; } #navigation ul#menu li#es ul.submenu li a { display: block; padding-left: 17px; height: 27px; line-height: 27px; color: #fff; font-size: 13px; font-family: Arial, sans-serif; background: none; } #navigation ul#menu li#pt ul.submenu { display: none; list-style-type: none; position: absolute; left: 0; top: 37px; width: 182px; border: 1px solid #9ce200; background: url(images/submenu.png); } #navigation ul#menu li#pt ul.submenu li { float: none; display: block; border-bottom: 1px solid #89bb11; } #navigation ul#menu li#pt ul.submenu li a { display: block; padding-left: 17px; height: 27px; line-height: 27px; color: #fff; font-size: 13px; font-family: Arial, sans-serif; background: none; } /*MAIN*/ #main { margin: 0 15px; background: url(images/main-top.gif) no-repeat 0 0; padding: 20px 15px 20px 20px; height: 100%; } /*LEFT SIDEBAR*/ #left-sidebar { padding-top:24px; float: left; display: inline; width: 184px; position: relative; z-index: 10; } #left-sidebar .shadow { height: 100%; width:194px; } #left-sidebar .shadow .shadow-top { height: 4px; background: url(images/shadow-ls-top.gif); overflow: hidden;} #left-sidebar .shadow .shadow-btm { height: 6px; background: url(images/shadow-ls-btm.gif);} #left-sidebar .shadow .shadow-bg { background: url(images/shadow-ls-bg.gif) repeat-y 0 0; width: 189px; padding-left: 0px; height: 100%;} #left-sidebar .shadow .shadow-bg a {display: block;} #left-sidebar .shadow .noshadow-bg { width: 189px; padding-left: 0px; height: 100%; margin-bottom:10px;} #left-sidebar .shadow .noshadow-bg a {display: block;} /*RECENT CONTENT*/ #left-sidebar .recent-content { padding-top: 20px; } #left-sidebar .recent-content h3 { padding-bottom: 10px; padding-left: 0px;} #left-sidebar .recent-content .item { border-bottom: 1px solid #f5eacb; padding: 5px 0; margin-left: 0px;} #left-sidebar .recent-content .item p a{ color: #558803; font-size: 10px; line-height: 11px; } #left-sidebar .recent-content .more { margin-top: 15px; margin-left: 0px;} #left-sidebar .recent-content .more a { color:#cf9b0a; font-size: 10px; line-height: 11px; } /*CONTENT*/ #content { float: left; display: inline; margin-left: 20px; width: 530px; text-align: justify; position: relative; z-index: 10; } #content .main-section { min-height: 600px; } #content .main-section h2 { padding-bottom: 15px; } #content .main-section .image { float: left; display: inline; } #content .main-section p { padding-bottom: 15px; } #content .main-section a { font-weight: bold; } #content .main-section ul { padding-left: 30px; padding-bottom: 15px; text-align: left;} /*CONTENT2 - for two-col layout*/ #content2 { float: left; display: inline; margin-left: 20px; width: 785px; text-align: justify; position: relative; z-index: 10; } #content2 .main-section { min-height: 600px; } #content2 .main-section h2 { padding-bottom: 15px; } #content2 .main-section .image { float: left; display: inline; } #content2 .main-section p { padding-bottom: 15px; } #content2 .main-section a { font-weight: bold; } #content2 .main-section ul { padding-left: 30px; padding-bottom: 15px; text-align: left;} /*FOOTER*/ /*#footer { margin-left:-200px; } */ #footer { margin:auto; } #footer .marks { text-align: center; margin-bottom: 10px; } #footer .links, #footer p { text-align: center; } #footer .links a, #footer p { font-size: 9px; line-height: 18px; color: #5e9334; } #footer .links span { font-size: 9px; line-height: 18px; color: #cf9b0a; } #footer p a{ color: #cf9b0a; } #footer p span{ color: #a3a3a3; } /*RIGHT SIDEBAR*/ #right-sidebar { width: 245px; float: right; display: inline; padding-top: 0px; position: relative; z-index: 10; } #right-sidebar .item-shadow { width: 245px; height: 100%; margin-bottom: 15px;} #right-sidebar .shadow-btm { height: 5px; background: url(images/shadow-rs-btm.gif);} #right-sidebar .shadow-bg { width: 240px; padding-right: 5px; background: url(images/shadow-rs-bg.gif) repeat-y right 0;} #right-sidebar .item { width: 238px; border: 1px solid #cacaca;} #right-sidebar .item .image { float: left; display: inline; width: 85px; height: 91px; overflow: hidden; } #right-sidebar .item .content { width: 130px; padding: 0 15px 0 0; float: right; display: inline; } #right-sidebar .item .content h4 { letter-spacing: -1px; padding: 5px 0; } #right-sidebar .item .content p { font-size: 9px; line-height: 11px;} #right-sidebar .item a.click { display: block; background-color: #4e7f0d; line-height: 17px; font-size: 10px; color: #fff; text-align: center; } .lowerFooter { margin-bottom:25px; } .lowerFooter .marks { text-align: center; margin-bottom: 10px; } .lowerFooter .links, .lowerFooter p { text-align: center; } .lowerFooter .links a, .lowerFooter p { font-size: 9px; line-height: 18px; color: #5e9334; } .lowerFooter .links span { font-size: 9px; line-height: 18px; color: #cf9b0a; } .lowerFooter p a{ color: #cf9b0a; } .lowerFooter p span{ color: #a3a3a3; } /*ADVERTISEMENT*/ .advertisement { text-align: center; margin: 0 auto; width: 728px; height: 90px; padding: 80px 0;} #bannerWrapper #bottombanner {width:100%;margin: 0 auto;text-align:center;} #bannerWrapper #bottombanner #inner {margin-left:-10px;} #bannerWrapper ul {list-style-type: none;} .page-subnavigation .base-ul { list-style-type: none; padding-left: 0px; margin-top: -20px; } .page-subnavigation ul li { background: white url(images/submenu-item.jpg) no-repeat 0 0; display: block; width: 183px; padding-bottom: 2px; } .page-subnavigation ul li ul { display: none; padding: 2px 0px 0px 10px; } .page-subnavigation ul li ul li { width: 173px !important; } .page-subnavigation ul li.hover, .page-subnavigation ul li.current_page_item, .page-subnavigation ul li.current_page_ancestor { background: white url(images/submenu-item-hover.jpg) no-repeat 0 0; } .page-subnavigation ul li.current_page_item ul, .page-subnavigation ul li.current_page_ancestor ul { display: block; } .page-subnavigation ul li a { display: block; height: 28px; font-family: Verdana; font-size: 12px; color: #467c01; font-weight: bold; line-height: 28px; padding: 0px 10px; } .page-subnavigation ul li.has_children a { background: url(images/submenu-arrow.gif) no-repeat 170px center; } .page-subnavigation ul li.has_children ul li a { background: none; }