body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; } body { background: #ccc9b6; text-align: center; } p, div, li, h1, h2, h3, h4, td, input, select, textarea { font-family: Arial; font-size: 13px; color: #424242; line-height: 18px; } p, h1, h2, h3, h4, #content ul, #content ol, #content table { margin-bottom: 15px; } a img, :link img, :visited img { border: none } a:link, a:visited { color: #cd5b0f; text-decoration: underline; } a:hover, a:active { color: #e68645; text-decoration: underline; } div.clear { clear: both; overflow: hidden; height: 1px; } input, select { vertical-align: middle; } .gfield { margin-left: 0 !important; } #wrapper { width: 900px; background: #FFF; margin: 0 auto; padding: 0 30px 30px 30px; border: 15px solid #e2e1d7; border-top: none; text-align: left; } div.divider { background: transparent url(../_images/divider.gif) left bottom repeat-x; margin: 0 0 20px 0; } /* ----------------------------------- */ /* TOP /* ----------------------------------- */ #top { height: 124px; background: transparent url(../_images/top.gif) left bottom repeat-x; } #logo { float: left; } #top .ad { float: right; margin: 16px 0 0 0; } #user-menu { float: right; clear: right; font-size: 11px; color: #FFF; margin: 25px 0 0 0; padding: 0 15px 0 0; } #user-menu a { color: #FFF; } #user-menu a:hover { color: #ffcf00; } /* MENU */ #menu { background: url(../_images/menu.gif) 0 0 no-repeat; width: 900px; height: 34px; margin: 10px 0; } #menu span { display: none; } #menu li, #menu a { height: 34px; display: block; } #menu li { float: left; list-style: none; } #menu-item-54 { width: 124px; } #menu-item-53 { width: 154px; } #menu-item-65 { width: 142px; } #menu-item-98 { width: 95px; } #menu-item-172 { width: 103px; } #menu-item-129 { width: 90px; } #menu-item-150 { width: 60px; } #menu-item-148 { width: 65px; } #menu-item-149 { width: 67px; } #menu-item-54 a:hover, li#menu-item-54:hover a { background: transparent url(../_images/menu.gif) 0px -34px no-repeat; } #menu-item-53 a:hover, li#menu-item-53:hover a { background: transparent url(../_images/menu.gif) -124px -34px no-repeat; } #menu-item-65 a:hover, li#menu-item-65:hover a { background: transparent url(../_images/menu.gif) -278px -34px no-repeat; } #menu-item-98 a:hover, li#menu-item-98:hover a { background: transparent url(../_images/menu.gif) -420px -34px no-repeat; } #menu-item-172 a:hover, li#menu-item-172:hover a { background: transparent url(../_images/menu.gif) -515px -34px no-repeat; } #menu-item-129 a:hover, li#menu-item-129:hover a { background: transparent url(../_images/menu.gif) -618px -34px no-repeat; } #menu-item-150 a:hover, li#menu-item-150:hover a { background: transparent url(../_images/menu.gif) -708px -34px no-repeat; } #menu-item-148 a:hover, li#menu-item-148:hover a { background: transparent url(../_images/menu.gif) -768px -34px no-repeat; } #menu-item-149 a:hover, li#menu-item-149:hover a { background: transparent url(../_images/menu.gif) -833px -34px no-repeat; } #menu li { float: left; position: relative; } #menu a { color: #aaa; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; } #menu ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 34px; left: 1px; width: 180px; z-index: 99999; background: #cd5b0f; height: auto; padding: 10px 0; } #menu ul ul li { min-width: 180px; height: auto; line-height: 18px; float: none; } #menu ul ul a { background: none !important; line-height: 1em; padding: 5px 15px; width: 150px; height: auto; color: #FFF; display: block; } #menu ul ul a span { display: inline; } #menu ul li:hover > ul { display: block; } #menu ul li.current_page_item > a, #menu ul li.current-menu-ancestor > a, #menu ul li.current-menu-item > a, #menu ul li.current-menu-parent > a { color: #a3d301; } * html #menu ul li.current_page_item a, * html #menu ul li.current-menu-ancestor a, * html #menu ul li.current-menu-item a, * html #menu ul li.current-menu-parent a, * html #menu ul li a:hover { color: #ffb800; } #menu ul ul a:hover { background: #9a4309 !important; } /* ----------------------------------- */ /* HOME /* ----------------------------------- */ #announcement { background: #cd5b0f; padding: 15px 30px; font-size: 15px; text-align: center; color: #FFF; } #announcement a { color: #FFF; } #banner { height: 316px; background: transparent url(../_images/banner.jpg) 0 0 no-repeat; padding: 0 450px 0 30px; } #banner h1 { padding-top: 35px; height: 46px; text-indent: -3000px; background: transparent url(../_images/banner-header.gif) left bottom no-repeat; } #banner p { font-size: 15px; color: #FFF; line-height: 21px; } .intro { width: 427px; float: left; } #intro-found { float: right; } .intro h1 { height: 35px; text-indent: -3000px; margin: 0 0 20px 0; } #intro-lost h1 { background: transparent url(../_images/lost-header.gif) 0 0 no-repeat; } #intro-found h1 { background: transparent url(../_images/found-header.gif) 0 0 no-repeat; } .intro a.all { float: right; font-size: 11px; text-transform: uppercase; text-decoration: none; margin-top: 5px; } .intro .bird { width: 200px; float: left; color: #8e8e8e; font-size: 12px; padding-right: 13px; } .intro .bird img { float: left; width: 75px; } .intro .bird p { font-size: 12px; line-height: 16px; color: #8e8e8e; margin-left: 85px; } .intro .bird p .name { font-size: 16px; line-height: 18px; color: #5e5e5e; } .intro .item-3 { clear: left; } #search-button { text-align: center; margin: 25px 0; } #search-button a { width: 461px; height: 29px; background: transparent url(../_images/search-database.gif) 0 0 no-repeat; display: block; margin: 0 auto; } #search-button a:hover { background-position: 0 -29px; } #search-button a span { display: none; } #bottom { background: transparent url(../_images/divider.gif) 0 0 repeat-x; padding: 25px 0 0 0; } #bottom h1 { height: 21px; text-indent: -3000px; } #discussions { width: 315px; float: left; padding-left: 140px; background: transparent url(../_images/bottom.jpg) 0 0 no-repeat; } #discussions h1 { background: transparent url(../_images/discussions-header.gif) 0 0 no-repeat; } #discussions ol { margin: 0 0 20px 0; } #discussions li { color: #8c8c8c; list-style: none; } #discussions a { margin-right: 10px; } #discussions a.more { width: 145px; height: 23px; display: block; background: transparent url(../_images/discussions-button.gif) 0 0 no-repeat; } #discussions a.more:hover { background-position: 0 -23px; } #discussions a.more span { display: none; } #newsletter { width: 400px; float: right; } #newsletter h1 { background: transparent url(../_images/newsletter-header.gif) 0 0 no-repeat; } #newsletter p, .newsletter .input { font-size: 12px; color: #646464; } #newsletter .input { border: 1px solid #bfbfbf; padding: 5px 3px; } /* ----------------------------------- */ /* SUB PAGES /* ----------------------------------- */ #main { margin-bottom: 30px; } #header { height: 110px; background: transparent url(../_images/header.gif) 0 0 no-repeat; padding: 0 30px; margin: 0 0 15px 0; } #crumb { padding: 20px 0 5px 0; font-size: 11px; color: #FFF; } #crumb a { color: #FFF; text-decoration: none; } #crumb a:hover { text-decoration: underline; } #header h1 { font-size: 28px; line-height: 28px; font-weight: normal; color: #FFF; } #content { width: 655px; float: left; } #content li { margin-left: 25px; } #content h2, #side h2 { font-weight: normal; color: #cd5b0f; font-size: 20px; line-height: 20px; } #side { width: 200px; float: right; border-left: 1px solid #e1e1e1; padding-left: 20px; } /* Full Width Page */ .page-template-page-fullwidth-php #content { width: 100%; float: none; } /* Pagination */ #content .navigation { text-align: center; } #content .navigation li { display: inline; list-style: none; margin: 0 2px; } #content .navigation li .page { border: 1px solid #EFEFEF; padding: 3px 5px; } #content .navigation li .current { background: #1266ce; color: #FFF; } /* Submit Forms */ #field_7_21, #field_5_21 { display: none; } /* Hide email fields */ /* ----------------------------------- */ /* SEARCH /* ----------------------------------- */ #search-form th, #search-form td { padding: 15px 10px 15px 0; border-bottom: 1px solid #EFEFEF; vertical-align: top; } #search-form th { font-size: 16px; } /* ----------------------------------- */ /* LISTINGS ARCHIVE /* ----------------------------------- */ #listings li { font-size: 11px; color: #666; border-bottom: 1px solid #EFEFEF; padding: 0 0 4px 0; margin: 0 0 4px 0; list-style: none; } #listings li a { font-size: 14px; font-weight: bold; } /* ----------------------------------- */ /* SINGLE LISTING /* ----------------------------------- */ .single-found-birds #content, .single-lost-birds #content { width: 400px; } .single-found-birds #side, .single-lost-birds #side { width: 400px; } ul#listing-details li { border-bottom: 1px solid #EFEFEF; margin: 0 0 4px 0; padding: 0 0 4px 0; font-size: 11px; list-style: none; } ul#listing-details li span { font-weight: bold; display: block; float: left; width: 100px; } /* ----------------------------------- */ /* NEWS /* ----------------------------------- */ .post h2 { margin: 0 0 5px 0; } .post p.post-meta, .post p.post-meta a { font-size: 12px; color: #666; font-style: italic; } /* ----------------------------------- */ /* SPECIES /* ----------------------------------- */ #species-list li { list-style: none; float: left; width: 75px; height: 125px; text-align: center; } /* ----------------------------------- */ /* bbPress /* ----------------------------------- */ .bbPress #header { display: none; } /* ----------------------------------- */ /* FOOTER /* ----------------------------------- */ #footer { margin: 30px 0; text-align: center; } #footer-menu li { font-size: 14px; display: inline; list-style: none; padding: 0 7px; } #footer a { color: #cd5b0f; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p#copyright, #footer p#copyright a { font-size: 11px; color: #7a7764; line-height: 15px; margin: 0; } /* WordPress required styles */ .alignright { float: right; margin: 0 0 10px 15px; } .alignleft { float: left; margin: 0 15px 10px 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }