/* =========== */ /* = GLOBALS = */ /* =========== */ body { background:#49ab44; font:13px "Lucida Grande", helvetica, arial, sans-serif; color:#31210f; } #site { background:#fff url(../images/bg-body.png) center top no-repeat; } .group { overflow:hidden; zoom:1; } .wrapper { width:960px; margin:0 auto; } /* ============= */ /* = STRUCTURE = */ /* ============= */ #copy { width:760px; float:left; } #sidebar .section { background:url(../images/bg-sidebar-section.png) left top no-repeat; } #sidebar .section .inner { padding:20px 25px; } /* ========== */ /* = HEADER = */ /* ========== */ #header { background:url(../images/bg-header-no-tabs.jpg) center top no-repeat; } #header #sitenav { height:109px; } #header #nav { float:left; width:765px; padding:56px 0 0 0; } #header #nav li { float:left; width:100px; } #header #nav li a { display:block; overflow:hidden; text-indent:-9999px; height:53px; background:url(../images/nav-sprite-full.jpg) no-repeat; } /* Main nav */ #header ul li#nav-adopt { width:135px; } #header ul li#nav-donate { width:106px; } #header ul li#nav-about { width:115px; } #header ul li#nav-services { width:108px; } #header ul li#nav-programs { width:124px; } #header ul li#nav-news { width:88px; } #header ul li#nav-events { width:88px; } /* Sprite - normal */ #header ul li#nav-adopt a { background-position:0 0; } #header ul li#nav-donate a { background-position:-135px 0; } #header ul li#nav-about a { background-position:-241px 0; } #header ul li#nav-services a { background-position:-356px 0; } #header ul li#nav-programs a { background-position:-464px 0; } #header ul li#nav-news a { background-position:-588px 0; } #header ul li#nav-events a { background-position:-676px 0; } /* Sprite - hover */ #header ul li#nav-adopt a:hover { background-position:0 -53px; } #header ul li#nav-donate a:hover { background-position:-135px -53px; } #header ul li#nav-about a:hover { background-position:-241px -53px; } #header ul li#nav-services a:hover { background-position:-356px -53px; } #header ul li#nav-programs a:hover { background-position:-464px -53px; } #header ul li#nav-news a:hover { background-position:-588px -53px; } #header ul li#nav-events a:hover { background-position:-676px -53px; } /* Sprite - normal */ #header ul li#nav-adopt a.current { background-position:0 -106px; } #header ul li#nav-donate a.current { background-position:-135px -106px; } #header ul li#nav-about a.current { background-position:-241px -106px; } #header ul li#nav-services a.current { background-position:-356px -106px; } #header ul li#nav-programs a.current { background-position:-464px -106px; } #header ul li#nav-news a.current { background-position:-588px -106px; } #header ul li#nav-events a.current { background-position:-676px -106px; } #header #subnav { float:right; width:190px; height:70px; background:url(../images/bg-header-tabs.jpg) no-repeat; } #header #subnav li { float:left; } #header #subnav li a { background:url(../images/bg-header-tabs.jpg) left -400px no-repeat; display:block; overflow:hidden; text-indent:-9999px; } li#nav-contact { width:108px; } li#nav-contact a { height:62px; } li#nav-directions { width:81px; } li#nav-directions a { height:70px; } #header #subnav li#nav-contact a:hover { background-position:0 -70px; } #header #subnav li#nav-directions a:hover { background-position:-108px -70px; } #masthead { background:url(../images/bg_mast.jpg) center top no-repeat; height:330px; } #photo { width:790px; height:351px; float:left; position:relative; } #photo #overlay { position:absolute; left:0; top:0; background:url(../images/masthead-overlay.png) left top no-repeat; width:780px; height:330px; } #linkhome { width:310px; height:110px; position:absolute; left:0; top:10px; } #linkhome a { display:block; width:310px; height:110px; overflow:hidden; text-indent:-9999px; } #quick-contact { position:absolute; left:50%; margin-left:311px; width:170px; padding-top:48px; } #quick-contact .contact { padding-left:10px; } #quick-contact .email { margin-top:16px; } /* ==================== */ /* = JQUERY SLIDESHOW = */ /* ==================== */ #slideshow { background-color:#fff; height:330px; overflow:hidden; position:absolute; width:780px; } #homepage #slideshow { height:351px; } #slideshow a#logo { background:transparent url(../images/logo.png) no-repeat scroll 0 0; display:block; height:130px; overflow:hidden; left:0; position:absolute; text-indent:-999em; top:0; width:320px; z-index:20; } #slideshow a#logo:hover { background-position:0 -130px; } #slideshow #slideshow-overlay { background:transparent url(../images/bg_slideshow-overlay.png) no-repeat scroll -780px 0; bottom:0; height:100px; position:absolute; width:780px; z-index:5; } #homepage #slideshow #slideshow-overlay { background-position:0 0; } #slideshow ul#slides { position:absolute; z-index:0; } #slideshow ul#slides li { height:330px; left:0; position:absolute; top:0; width:780px; } #homepage #slideshow ul#slides li { height:351px; } /* =========== */ /* = CONTENT = */ /* =========== */ #content { background:#fff url(../images/bg-home-copy-texture.jpg) center top no-repeat; min-height:410px; } #page-heading, .entry { padding:0 0 0 30px; } .entry.section { padding-bottom:30px; } .inner { padding:0 0 0 30px; } /* Page Heading */ #page-heading { overflow:hidden; zoom:1; padding-bottom:10px; } #page-heading h1.cufon { color:#33902e; font-size:52px; margin-top:-20px; text-transform:lowercase; } #page-heading h1 span { padding-left:10px; } #page-heading h1 span, #page-heading h1 span a { font-size:15px; font-weight:bold; color:#573f23; letter-spacing:1px; text-transform:uppercase; text-decoration:none; } #page-heading h1 span a:hover { text-decoration:underline; } #page-heading h1 span:before { content:"ยป "; } /* Callout */ .callout { background:url(../images/bg-intro-top.gif) left top no-repeat; padding:13px 0 0 0; margin:0 0 10px 0; } .callout-helper-1 { background:url(../images/bg-intro-repeat.gif) left top repeat-y; } .callout-helper-2 { background:url(../images/bg-intro-bottom.gif) left bottom no-repeat; padding:8px 0 15px 0; } .callout .entry { font-size:14px; color:#155692; padding-right:20px; font-weight:bold; } .callout .entry p:last-child { margin-bottom:0; } /* Entry itself */ .entry a { color:#33902e; font-weight:bold; text-decoration:none; } .entry a:hover { text-decoration:underline; } .entry p { line-height:2em; margin-bottom:1.2em; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-size:16px; color:#968570; letter-spacing:1px; text-transform:uppercase; font-weight:bold; padding-top:10px; margin-bottom:1em; } .entry table { display:block; width:100%; } .entry .alignleft { display:block; float:left; margin:10px 10px 10px 0; } .entry .alignright { display:block; float:right; margin:10px 0 10px 10px; } .entry img.alignleft, .entry img.alignright { display:block; } .entry .wp-caption { margin-bottom:0; padding:4px 4px 4px 0; color:#837461; font-size:11px; text-transform:uppercase; } /* Forms */ .form form fieldset { background:url(../images/hr.gif) center top no-repeat; padding:20px 0 30px 0; } .form form legend { display:none; } .form form div { overflow:hidden; zoom:1; width:350px; float:left; padding:14px 0 11px 0; } .form form div.full { width:auto; float:none; clear:both; } .form form div.checkbox.full { padding-left:111px; } .form form label { display:block; float:left; text-align:right; width:100px; margin-right:21px; } .form form input { display:block; float:left; width:208px; border:0; background:transparent; } .form form select { display:block; float:left; width:208px; } .form form textarea { display:block; float:left; width:564px; height:125px; padding-top:5px; border:0; background:transparent; resize:none; } .form form div.textfield { background:url(../images/bg-input.gif) 115px 8px no-repeat; } .form form div.textarea { clear:both; background:url(../images/bg-textarea.gif) 115px 8px no-repeat; float:none; width:auto; } .form form div.multiradio { overflow:hidden; zoom:1; } .form form div.multiradio p { float:left; margin-right:30px; padding-top:2px; } .form form div.multiradio>div { float:left; clear:none; padding-top:0; } .form form div.radio, .form form div.checkbox { width:auto; } .form form div.radio label, .form form div.checkbox label { width:auto; text-align:left; padding-top:2px; } .form form div.radio input, .form form div.checkbox input { float:left; width:auto; height:auto; margin-right:8px; } .form form div.select label { padding-top:3px; } .form form div.buttons { width:auto; float:none; padding-right:66px; } .form form div.buttons button { display:block; border:0; width:auto; height:auto; float:right; cursor:pointer; background:transparent; } .form form .inner { padding-left:30px; overflow:hidden; zoom:1; width:auto; float:none; padding:0; } .form form .buttons { clear:both; background:url(../images/hr.gif) center 10px no-repeat; padding-top:30px; } .form form .callout, .form form .callout div { width:auto; float:none; padding:0; } .form form .callout { background:url(../images/bg-intro-top.gif) left top no-repeat; padding:13px 0 0 0; margin:10px 0; } .form form .callout .inner { padding:10px 30px; } .form form .callout h3 { font-weight:bold; font-size:22px; color:#155692; } .form form .callout-helper-1 { background:url(../images/bg-intro-repeat.gif) left top repeat-y; } .form form .callout-helper-2 { background:url(../images/bg-intro-bottom.gif) left bottom no-repeat; padding:8px 0 15px 0; } .form form div.textfield.alt { width:auto; float:none; clear:both; padding:20px 0; background:transparent; } .form form div.textfield.alt label { width:310px; text-align:left; padding-top:15px; } .form form div.textfield.alt input { width:70px; padding-top:24px; } .form form p.instructions { font-size:13px; padding:13px 0 0 113px; color:#a8a390; margin-bottom:8px; } /* =========== */ /* = SIDEBAR = */ /* =========== */ #sidebar { width:190px; float:right; font-size:11px; color:#796a58; } #sidebar p { line-height:1.6em; } #sidebar a.toggle { display:block; font-size:16px; color:#776651; text-decoration:none; padding:0 15px 0 0; margin:0 0 13px 0; } #sidebar a.toggle:hover { text-decoration:underline; } #sidebar .section.open a.toggle { background:url(../images/sidebar-toggle-open.gif) right 3px no-repeat; } #sidebar .section.closed a.toggle { background:url(../images/sidebar-toggle-closed.gif) right 3px no-repeat; } #sidebar #secondary-nav h4 { padding-left:7px; } #sidebar #secondary-nav ul { padding:10px 0 25px 0; } #sidebar #secondary-nav li { margin-bottom:3px; } #sidebar #secondary-nav a { display:block; font-size:14px; color:#33902e; text-decoration:none; padding:4px 7px 4px 15px; background:url(../images/subnav-bullet.gif) 0 10px no-repeat; } #sidebar #secondary-nav a:first-line { padding-left:0; } #sidebar #secondary-nav a:hover { text-decoration:underline; } #sidebar #secondary-nav li.active a { background:url(../images/bg-secondary-nav-active.png) left top no-repeat; color:#fff; font-weight:bold; } #sidebar #secondary-nav li.active a:hover { text-decoration:none; } #sidebar .adopt-this-pet { margin-bottom:25px; width:166px; background:url(../images/bg-adopt-this-pet-bottom.gif) left bottom no-repeat; } #sidebar .adopt-this-pet h4 img { display:block; } #sidebar .adopt-this-pet .inner { background:url(../images/bg-adopt-this-pet.gif) left top repeat-y; padding:0 13px; } #sidebar .adopt-this-pet .photo { overflow:hidden; zoom:1; padding-bottom:5px; } #sidebar .adopt-this-pet .photo img { display:block; width:144px; } #sidebar .adopt-this-pet a { color:#0073ae; text-decoration:none; } #sidebar .adopt-this-pet a:hover { text-decoration:underline; } #sidebar .more { padding:0 13px 13px 13px; } #sidebar .more.arrow { text-align:right; } #sidebar .button { padding-top:20px; } #sidebar .section, #sidebar .section-content { position:relative; } #sidebar #shelter-hours { height:264px; width:185px; background:url(../images/bg-sidebar-shelter-hours.png) no-repeat; } #sidebar #shelter-hours .inner { padding:61px 0px 0px 16px; } /* =========== */ /* = ACTIONS = */ /* =========== */ #actions { background:#fff url(../images/bg-footer-actions.jpg) center top no-repeat; height:204px; } #actions .wrapper { padding-top:112px; } #actions li { float:left; } /* Adopt-A-Pet */ #actions li#action-adopt { width:316px; } #actions li#action-adopt a { display:block; } #actions li#action-adopt h3 a { overflow:hidden; text-indent:-9999px; background:url(../images/arrow-blue.gif) 0 -100px no-repeat; height:40px; } #actions li#action-adopt p { padding:0 10px 0 62px; } #actions li#action-adopt p a { font-size:11px; line-height:1.5em; text-decoration:none; color:#261e05; } #actions li#action-adopt:hover h3 a { background-position:270px 11px; } /* Sign Up */ #actions li#action-sign-up { width:442px; } #actions li#action-sign-up h3 { display:none; } #actions li#action-sign-up legend { display:none; } #actions li#action-sign-up label { display:none; } #actions li#action-sign-up #field-email { width:226px; float:left; padding:20px 0 0 159px; } #actions li#action-sign-up #field-email input { width:216px; background:transparent; border:0; color:#fff; font-weight:bold; } #actions li#action-sign-up .buttons { width:40px; float:right; padding:10px 1px 0 0; } #actions li#action-sign-up .buttons button { display:block; background:url(../images/arrow-blue.gif) 0 -100px no-repeat; width:38px; height:30px; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer; } #actions li#action-sign-up .buttons button:hover { background-position:2px 2px; } #actions li#action-sign-up p { font-size:11px; line-height:1.5em; color:#261e05; padding:12px 10px 0 22px; } /* Donate */ #actions li#action-donation { width:200px; } #actions li#action-donation a { display:block; height:80px; overflow:hidden; text-indent:-9999px; background:url(../images/arrow-blue.gif) 0 -100px no-repeat; } #actions li#action-donation a:hover { background-position:164px 12px; } /* ========== */ /* = FOOTER = */ /* ========== */ #sub-footer { background:#49ab44 url(../images/bg-footer-interior.jpg) center top no-repeat; padding-top:20px; } #sub-footer a { display:block; } #sub-footer ul.top-level { width:100px; float:left; } #sub-footer ul.top-level li { padding:0 0 0 10px; } #sub-footer ul.top-level li.parent { padding-bottom:5px; } #sub-footer ul.top-level li a { margin:0 0 3px 0; } #sub-footer ul.top-level#col1 { width:100px; } #sub-footer ul.top-level#col1 li { padding-left:0; } #sub-footer ul.top-level#col2 { width:78px; } #sub-footer ul.top-level#col2 ul { width:auto; } #sub-footer ul.top-level#col3 { width:242px; } #sub-footer ul.top-level#col3 .col1 { width:115px; } #sub-footer ul.top-level#col3 .col2 { width:100px; } #sub-footer ul.top-level#col4 { width:257px; } #sub-footer ul.top-level#col4 .col1 { width:100px; } #sub-footer ul.top-level#col4 .col2 { width:135px; } #sub-footer ul.top-level#col5 { width:100px; } #sub-footer ul.top-level li a { font-size:10px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; } #sub-footer ul.top-level li a:hover { text-decoration:underline; } #sub-footer ul.top-level li ul { width:47%; padding-right:2%; float:left; } #sub-footer ul.top-level li ul li { padding-left:8px; background:url(../images/bullet-subnav.gif) left 5px no-repeat; } #sub-footer ul.top-level li ul li a { font-size:9px; font-weight:normal; color:#d0e9ce; text-decoration:none; text-transform:none; margin-bottom:0; line-height:1.4em; } #sub-footer p { float:right; width:175px; font-size:9px; color:#0d400b; padding-top:35px; } #sub-footer .wrapper { position:relative; } #sub-footer p#overit { position:absolute; top:13px; right:84px; padding-top:0; float:none; width:auto; font-size:1em; color:inherit; } /* ================== */ /* = SPECIFIC PAGES = */ /* ================== */ /* Home */ #homepage #site { background:#fff url(../images/bg-body-home.png) center 124px no-repeat; } #homepage #masthead { background:url(../images/bg_mast-home.jpg) center top no-repeat; height:351px; } #homepage #photo { height:351px; width:790px; float:left; position:relative; } #homepage #quick-contact .email a { display:block; width:170px; height:49px; background:url(../images/email-sprite.gif) 0 0 no-repeat; } #homepage #quick-contact .email a:hover { background-position:0 -49px; } #homepage #quick-contact .email a img { display:none; } #homepage #actions { background:url(../images/bg-home-actions.jpg) center top no-repeat; height:141px; } #homepage #actions .wrapper { padding-top:0; } #homepage #actions li#action-adopt:hover h3 a { background-position:270px 4px; } #homepage #actions li#action-sign-up .buttons button:hover { background-position:2px 5px; } #homepage #actions li#action-donation a:hover { background-position:164px 44px; } #homepage #sidebar { width:191px; float:right; } #footer { background:#fff url(../images/bg-footer-top-repeat.jpg) left 27px repeat-x; } #footer-info { background:url(../images/bg-footer-top.jpg) center top no-repeat; height:255px; } #footer-info .wrapper { padding:61px 0 0 0; } #footer-info .section { float:left; } #footer-info .section h5 { height:25px; } #footer-info .section .inner { padding:0 0 0 37px; } #upcoming-events { width:318px; } #in-the-news { width:440px; } #shelter-hours { width:200px; } #footer-info .section#shelter-hours .inner { padding-left:32px; } ul.dated { padding:10px 14px 0 0; } ul.dated li { background:url(../images/arrow-green-dark-brown.gif) right 7px no-repeat; padding:4px 0; } ul.dated li a { display:block; font-size:12px; color:#7fb9d6; text-decoration:none; overflow:hidden; zoom:1; } ul.dated span { display:block; float:left; } ul.dated span.date { width:65px; font-size:10px; padding-top:2px; color:#d5c3af; } ul.dated span.subject { width:165px; } ul.dated li a:hover span.subject { text-decoration:underline; } ul.dated.wide span.subject { width:300px; } #shelter-hours dl { padding-top:15px; font-size:10px; } #shelter-hours dt { text-transform:uppercase; color:#a3d4a0; width:68px; float:left; clear:left; padding-bottom:11px; } #shelter-hours dd { color:#fff; width:85px; float:left; padding-bottom:11px; } #homepage #sub-footer { background:#49ab44 url(../images/bg-footer-bottom.jpg) center top no-repeat; padding-top:20px; } /* Staff Bios */ #staff li.group { margin-bottom:55px; } #staff .info { width:460px; float:right; } #staff .info .entry { padding-left:0; } #staff .info h2 { font-weight:bold; font-size:20px; color:#155692; margin-bottom:0; } #staff .info h3 { font-weight:normal; font-size:11px; color:#573f23; margin-bottom:14px; } #staff .photo { width:250px; float:left; background:url(../images/bg-caption-bottom.gif) left bottom no-repeat; padding-bottom:8px; } #staff .photo .caption { font-size:11px; color:#837461; text-transform:uppercase; line-height:14px; } /* Events */ .month { padding-top:20px; } .month-heading { background:url(../images/hr.gif) center bottom no-repeat; padding:0 0 6px 0; } .month-heading a, .month-heading span { display:block; background:url(../images/icon-calendar.gif) 30px center no-repeat; text-decoration:none; letter-spacing:1px; font-size:16px; color:#968570; padding:3px 0 3px 52px; text-transform:uppercase; font-weight:bold; } .month ul { padding:25px 10px 55px 30px; } .month .info { width:605px; float:right; } .pagination { color:#31210f; font-size:11px; background:url(../images/hr.gif) center top no-repeat; padding:10px 0 0 0; } .pagination span.pager { display:block; overflow:hidden; zoom:1; } .pagination span.pager a, .pagination span.pager span { display:block; float:left; padding:3px; } .pagination a { text-decoration:none; color:#33902e; } .pagination a:hover { text-decoration:underline; } .pagination span.currentPage { color:#0073ae; background:url(../images/current-page.gif); } /* Event Heading */ .month .heading { background:url(../images/hr-event.gif) left bottom no-repeat; padding:0 0 18px 0; } .month .heading h3 { margin-bottom:4px; } .month .heading h3 a { font-size:22px; font-weight:bold; color:#155692; text-decoration:none; } .month .heading ul { padding:0; } .month .heading ul li { float:left; font-size:12px; color:#573f23; padding:0 8px 0 0; } .month .heading ul li span { color:#428f3e; text-transform:uppercase; font-weight:bold; } .month .heading ul li:nth-child(2) { border-left:1px solid #80715a; padding:0 0 0 8px; } /* Event list item */ .month li { padding:0 0 40px 0; } .month li .entry { padding:0; } .month li p.location { font-size:11px; color:#573f23; } .month li p.location span { font-weight:bold; color:#428f3e; text-transform:uppercase; } .month li p.location a { font-weight:bold; font-size:13px; text-transform:lowercase; color:#428f3e; text-decoration:none; } .month li p.location a:hover { text-decoration:underline; } /* Event photo */ .month .photo { width:92px; float:left; } .month .photo img { display:block; width:90px; height:60px; } /* Sidebar */ #event-archive { padding-top:50px; } .eventsgroup #sidebar #secondary-nav h4 { padding-left:0; } #sidebar #event-archive #secondary-nav ul { padding-left:13px; } /* Event Detail */ #event-detail { padding:25px 0 50px 0; } #event-detail .info { width:400px; float:right; padding-right:80px; } #event-detail .info .heading { margin-bottom:10px; } #event-detail .info .heading h2 { font-size:22px; font-weight:bold; color:#155692; width:335px; float:right; padding-top:2px; } #event-detail .info .heading h3 { width:53px; float:left; background:url(../images/bg-date.gif) left top no-repeat; text-align:center; font-size:18px; font-weight:bold; color:#e7feee; } #event-detail .info .heading h3 span { display:block; font-size:27px; } #event-detail .info .entry { padding:0 0 20px 0; } #event-detail .meta .photo { padding-bottom:20px; } #event-detail .meta .photo img { display:block; width:250px; height:190px; } #logistics { background:url(../images/bg-event-details.gif) no-repeat; width:255px; height:200px; } #logistics h3 { visibility:hidden; height:40px; margin:0; padding:0; } #logistics dl { padding:10px 18px; } #logistics dt { width:73px; float:left; clear:left; padding-bottom:10px; font-size:11px; font-weight:bold; color:#428f3e; text-transform:uppercase; } #logistics dd { width:143px; float:left; padding:1px 0 10px 0; font-size:11px; color:#573f23; } #logistics dd p { margin-bottom:10px; } #logistics dd a { font-weight:bold; font-size:13px; text-transform:lowercase; color:#428f3e; text-decoration:none; } #logistics dd a:hover { text-decoration:underline; } .return { color:#31210f; font-size:12px; background:url(../images/hr.gif) center top no-repeat; padding:10px 0 0 10px; } .return a { font-weight:bold; text-transform:lowercase; text-decoration:none; color:#33902e; } .return a:hover { text-decoration:underline; } /* News */ #news { padding:20px 0 0 30px; } #news-main { width:460px; float:right; } #news-secondary { width:240px; float:left; } /* Excerpt (article listing) */ .excerpt { padding:0 15px 45px 0; } .excerpt .heading { margin-bottom:10px; padding:2px 0 7px 0; background:url(../images/bg-excerpt-heading.gif) right bottom no-repeat; } .excerpt .heading .title { width:370px; float:right; } .excerpt .heading .title h2 a { font-size:22px; font-weight:bold; color:#155692; text-decoration:none; } .excerpt .heading .title h2 a:hover { text-decoration:underline; } .excerpt .heading .title h3 { font-size:12px; color:#573f23; } .excerpt .heading .title h3 a { color:#428f3e; text-decoration:none; font-weight:bold; } .excerpt .heading .title h3 a:hover { text-decoration:underline; } .excerpt .heading h4 { width:53px; float:left; background:url(../images/bg-date.gif) left top no-repeat; text-align:center; font-size:18px; font-weight:bold; color:#e7feee; } .excerpt .heading h4 span { display:block; font-size:27px; } .excerpt .entry { padding:0 0 0 0; } #pagination-links { background:url(../images/bg-pagination.gif) center top no-repeat; text-transform:lowercase; padding:10px 0 20px 0; } #pagination-links p { width:120px; } #pagination-links a { color:#428f3e; text-decoration:none; font-weight:bold; } #pagination-links a:hover { text-decoration:underline; } p.prev-link { float:left; } p.next-link { float:right; text-align:right; } #pagination-links ul { text-align:center; width:220px; float:left; } #pagination-links ul li { display:inline; } #pagination-links a.active { color:#0073ae; background:url(../images/current-page.gif); padding:0 3px; } #pagination-links a.active:hover { text-decoration:none; } #news-secondary h3 { text-transform:uppercase; letter-spacing:1px; font-weight:bold; color:#968570; margin-bottom:11px; } #news-secondary ul li { width:110px; height:95px; float:left; padding-left:2px; } #news-secondary ul li a { color:#33902e; font-weight:bold; text-transform:lowercase; text-decoration:none; font-size:11px; } #news-secondary ul li img { display:block; width:90px; height:60px; } #news-secondary #upcoming-events { background:url(../images/bg-upcoming-events.gif) left top no-repeat; width:234px; height:271px; margin:20px 0 0 0; } #news-secondary #upcoming-events h4 { visibility:hidden; height:56px; } #news-secondary #upcoming-events ol { padding:0 20px 2px 24px; } #news-secondary #upcoming-events ol li { overflow:hidden; zoom:1; margin-bottom:10px; } #news-secondary #upcoming-events ol li a { display:block; padding-right:30px; background:url(../images/arrow-green.gif) right 15px no-repeat; text-decoration:none; } #news-secondary #upcoming-events ol li span.date { display:block; font-size:10px; color:#968570; } #news-secondary #upcoming-events ol li span.event { display:block; font-size:12px; color:#31210f; } #news-secondary #upcoming-events ol li a:hover span.event { text-decoration:underline; } #news-secondary #upcoming-events p { padding:0 20px 0 24px; } #news-secondary #upcoming-events p a { color:#33902e; font-weight:bold; text-transform:lowercase; text-decoration:none; font-size:11px; } /* Sidebar */ #news-archive { padding-top:50px; } #sidebar #news-archive #secondary-nav ul { padding-left:13px; } #news-archive p { text-align:center; padding-top:5px; } #archive-link { padding:50px 0 25px 13px; } /* Event details */ .entry-heading { background:url(../images/hr-event.gif) left bottom no-repeat; padding:25px 0 18px 0; margin:0 0 10px 30px; } .entry-heading .heading-meta { width:660px; float:right; } .entry-heading .heading-meta h2 { font-size:22px; font-weight:bold; color:#155692; text-decoration:none; } .entry-heading .heading-meta h3 { font-size:12px; color:#573f23; } .entry-heading .heading-meta h3 a { color:#428f3e; text-decoration:none; font-weight:bold; } .entry-heading .heading-meta h3 a:hover { text-decoration:underline; } .entry-heading h4 { width:53px; float:left; background:url(../images/bg-date.gif) left top no-repeat; text-align:center; font-size:18px; font-weight:bold; color:#e7feee; } .entry-heading h4 span { display:block; font-size:27px; } /* Donate */ #giftdetails, #gift-notification { width:auto; float:none; clear:both; padding:0; } .form form div.textfield#field-fm_donation_amount { padding-top:0; background:url(../images/bg-input-donate.gif) 300px 0 no-repeat; } p.error { padding:20px 80px; font-size:1.4em; font-weight:bold; color:#6d1d29; text-align:center; } /* Adopt-a-pet */ #pet-search { background:url(../images/bg-pet-search.gif) left top no-repeat; padding:0; } #pet-search .entry { padding-left:25px; background:url(../images/bg-pet-search-separators.gif) 270px 85px no-repeat; } #pet-search legend { display:none; } #pet-search #see-all { height:50px; margin:0; } #pet-search #see-all a { display:block; width:170px; height:40px; float:right; overflow:hidden; text-indent:-9999px; } #pet-search div.section { float:left; } #pet-search div.checkbox { padding:0 0 10px 0; } #pet-search #col-pet-types { width:260px; } #pet-search #col-pet-gender { width:122px; } #pet-search #col-pet-details { width:210px; } #pet-search #col-submit-search { width:122px; } #pet-search #col-pet-types div.checkbox { width:44%; float:left; } #pet-search #col-pet-details div.select { padding:0 0 10px 0; } #pet-search #col-pet-details label { display:none; } #pet-search #col-pet-details select { display:block; width:170px; } #pet-search button { border:0; padding:0; cursor:pointer; background:transparent; } /* Search Results */ #pet-search-results { font-size:11px; color:#573f23; background:url(../images/hr.gif) center top no-repeat; padding:20px 0 20px 30px; } #pet-search-results a { color:#33902e; font-weight:bold; text-decoration:none; font-size:12px; } #pet-search-results a:hover { text-decoration:underline; } #pet-search-results .list-animal-info-block { padding-top:10px; height:12em; } #pet-profile #pet-name { font-size:22px; color:#155692; font-weight:bold; margin-bottom:10px; text-transform:none; padding:0; } #pet-profile td { vertical-align:top !important; } #pet-profile>table>tbody>tr>td { width:50%; } #pet-profile .detail-table td { padding-bottom:10px; } #pet-profile td.detail-label { width:140px; } #pet-profile .begin-adoption { padding:12px 0 0 0; } #adopt-sidebar { padding:60px 0 25px 10px; } #adopt-sidebar p.copy { padding:10px 0 30px 0; width:145px; } .detail-animal-photo { display:block; max-width:300px; } /* Contact */ #frm-contact { margin-top:30px; } #frm-contact .buttons { margin-top:10px; } #frm-contact fieldset { padding-top:30px; margin-bottom:0; } p.note { color:#d5c3af; font-size:11px; padding:15px 0 0 0; }