/**************************** * Happy Paws * Cascading Style Sheet * copyright Highlands by Design ****************************/ * {margin: 0; padding: 0; border: 0;} body {font: 75%/150% 'Lucida Grande', Verdana, Lucida, Helvetica, Arial, sans-serif; color: #333; background: url('http://www.happypawsgrafton.com.au/happy_background.gif') repeat #fff; text-align: center;} /* General Styles */ a {color: #036; text-decoration: none; font-weight: bold;} a:hover {color: #060; text-decoration: underline;} h1, h2, h3, h4 {margin: 0; padding: 0.2em; clear: both;} h1, h2 {font-size: 1.4em} h3, h4 {font-size: 1.2em} p {text-align: justify; padding: 0.5em 1em; margin: 0;} ul {line-height: 1.5em; margin: 0; padding: 0 2em; list-style: square outside url(http://www.happypawsgrafton.com.au/bullet.gif);} li {margin: 0;} fieldset {border: 0; padding: 0;} .right {text-align: right;} .field, .documentByLine {clear: both;} .error, .portalMessage {margin: 0 0 0.5em 0; border: 1px solid #fa0; font-weight: bold; padding: 1em; background: #fc7;} .description {padding: 1em; background: url(http://www.happypawsgrafton.com.au/wood_list2.gif) repeat;} .discreet {font-size: 0.8em; color: #666;} .odd {background: url(http://www.happypawsgrafton.com.au/wood_list1.gif) repeat;} .even {background: url(http://www.happypawsgrafton.com.au/wood_list2.gif) repeat;} #back {clear: both; border-top: 1px solid #ccc; font-size: 0.8em; text-align: right; padding: 0 25px; clear: both;} #back a {font-weight: normal;} #back span {float: left;} #back strong {color: #006} #page #back {background: url(http://www.happypawsgrafton.com.au/wood_bottom.gif) bottom no-repeat; border: 0; padding: 0 30px 35px 30px;} #speech #back {margin-top: 20px;} /* Top Navigation */ #topbar {padding: 30px 0 0 0; background: url(http://www.happypawsgrafton.com.au/happy_topbar.gif) repeat-x; margin: 0;} #header {width: 750px; margin: 0 auto; height: 180px; background: url('http://www.happypawsgrafton.com.au/happy_header.gif') center top no-repeat;} #header h1 {float: right; margin: 5px 20px 0 0; background: url('http://www.happypawsgrafton.com.au/images/happypaws_logo.gif') right top no-repeat; width: 330px; height: 48px; text-indent: -999em; display: block; border: 0px;} /* Page Content */ #main {margin: 0 auto; width: 750px; background: url('http://www.happypawsgrafton.com.au/happy_middle.gif') top repeat-y; text-align: left;} /* Speech Bubble */ #speech {padding: 0 0 90px 0; margin: 0; background: url(http://www.happypawsgrafton.com.au/speech_bot.gif) bottom left no-repeat; position: relative; width: 560px; left: 220px;} #speech h2, #speech h3 {border-bottom: 1px dashed #060; padding: 5px 0;} #speech #text {padding: 0 25px 10px 15px; background: url(http://www.happypawsgrafton.com.au/speech_mid.gif) repeat-y; text-align: justify;} #speech #text a {font-weight: normal;} #speech #firstHeader {padding: 40px 35px 0 25px; border: 0; background: url(http://www.happypawsgrafton.com.au/speech_top.gif) no-repeat; text-align: right;} #speech #firstHeader span {display: block; border-bottom: 1px solid #ccc; padding-bottom: 0.5em;} #pet_fidy, #pet_white {width: 195px; height: 300px; position: absolute; left: -150px; bottom: -160px; text-indent: -999em;} #pet_fidy {background: url(http://www.happypawsgrafton.com.au/pet_fidy.gif) no-repeat;} #pet_white {background: url(http://www.happypawsgrafton.com.au/pet_mrwhite.gif) no-repeat;} #speech .newsimage {padding: 3px; background: #eef; border: 1px solid #aaa; border-right: 2px solid #666; border-bottom: 2px solid #666; float: right; margin: 10px;} /* Main Page Content */ #page {padding: 0 25px; text-align: left;} #page #firstHeader {padding: 20px 10px 30px 20px; background: url(http://www.happypawsgrafton.com.au/wood_top.gif) no-repeat; border: 0; color: #fff;} #page .newsStory {list-style: none;} #page .newsStory li {list-style: none;} #page fieldset {border: 1px solid #bc4; background: #eee; margin: 1em 0; padding: 0 1em 1em 1em; line-height: 1.5em; width: auto;} /* Animal Profiles */ #stuff {background: url(http://www.happypawsgrafton.com.au/wood_middle.gif) repeat-y; padding: 10px 35px;} #stuff h2, #stuff h3 {background: url(http://www.happypawsgrafton.com.au/wood_list_head.gif) repeat; padding: 0.2em 0.5em; border-bottom: 1px solid #aaa;} #stuff .animalResults {padding: 10px;} #stuff .animalResults ul {padding: 0; list-style-image: none;} #stuff .animalimage {width: 160px; float: left; padding: 0; margin: 0;} #stuff .animalimage a {margin: 0} #stuff .animalimage a img {padding: 10px 10px 40px 10px; background: #fff; border: 1px solid #aaa; border-right: 2px solid #666; border-bottom: 2px solid #666;} #stuff .animalimage a:hover img {background: #eef;} #stuff .photo {clear: both; display: block; margin: 0 auto; text-align: center;} #stuff #details {padding: 1em; background: url(http://www.happypawsgrafton.com.au/wood_list1.gif) repeat;} #stuff #details ul {list-style: none;} #stuff #information {padding: 1em; background: url(http://www.happypawsgrafton.com.au/wood_list2.gif) repeat;} #profile {padding: 10px 50px 10px 50px; text-align: center; background: url(http://www.happypawsgrafton.com.au/wood_list2.gif) repeat;} #profile .photo {border: 2px solid #eee; border-right-color: #999; border-bottom-color: #999; margin-top: 1em; padding: 1em; background: #fff;} .photo img {display: block;} #profile .thumbnail {border: 2px solid #eee; border-right-color: #999; border-bottom-color: #999; padding: 0.5em; background: #fff;} #content {margin: 0;} #content p {margin: 0; background: none;} /* Next/Previous Bar */ .listingBar {font-size: 0.8em; clear: both; list-style: none; text-align: center; margin-top: 10px; background: #dee; border: 1px solid #8ab; padding: 0em 1em;} .listingBar li {display: inline; list-style: none; margin: 5px;} .listingBar .selected {background: #ddf;; border: 1px solid #66a; padding: 3px 7px;} .listingBar li a {background: #eef; border: 1px solid #66a; padding: 5px 10px;} .listingBar li a:hover {text-decoration: none; background: #fff; color: #000; } /* Contact Info */ #contact {background: url(http://www.happypawsgrafton.com.au/wood_list2.gif) repeat; width: 220px; border: 1px solid #eee; border-right-color: #999; border-bottom-color: #999; float: right; padding: 0;} #contact #avatar {float: right; margin: 5px;} #contact #company {font-weight: bold;} #contact ul {margin: 0; padding: 5px; list-style: none; } #contact li {padding: 1px 5px; text-align: left; list-style: none;} #contact .header {background: url(http://www.happypawsgrafton.com.au/wood_list3.gif) repeat; padding: 0.3em; border-bottom: 1px solid #aaa;} /* Animal Info */ #info {width: 350px; margin: 0; padding: 0; list-style: none;} #info li {border: 1px solid #eee; background: url(http://www.happypawsgrafton.com.au/wood_list3.gif) repeat; border-right-color: #999; border-bottom-color: #999; float: none; padding: 2px 10px; margin: 0 1px 1px 0; list-style: none;} #info .type {width: 80px; font-weight: bold; background: url(http://www.happypawsgrafton.com.au/wood_list2.gif) repeat; float: left; margin-right: 5px; clear: none;} /* Navigation */ #navigation {margin: 0 auto; width: 750px; background: url('http://www.happypawsgrafton.com.au/happy_bottom.gif') no-repeat top center; text-align: center; padding: 180px 0 20px 0; clear: both;} #navigation li {display: inline; padding: 0 5px; border-right: 1px solid #0c0;} #navigation li a {color: #eee; font-size: 0.9em;} #navigation li a:hover {color: #0c0;} #top_nav a span {position: absolute;} #top_nav a span em {display: block; background: url(http://www.happypawsgrafton.com.au/images/nav_new.gif) no-repeat; position: relative; height: 35px; width: 100px; text-indent: -999em;} #nav_home a span {top: 70px;} #nav_about a span {top: 120px;} #nav_cats a span {top: 175px;} #nav_dogs a span {top: 130px;} #nav_supporters a span {top: 90px;} #nav_volunteers a span {top: 130px;} #nav_donate a span {top: 85px;} #nav_links a span {top: 120px;} #nav_info a span {top: 90px;} #nav_endings a span {top: 100px;} #nav_home a span em {background-position: 0 0; left: -130px;} #nav_about a span em {background-position: -100px 0; left: -120px;} #nav_cats a span em {background-position: -200px 0; left: -90px;} #nav_dogs a span em {background-position: -300px 0; left: -70px;} #nav_supporters a span em {background-position: -400px 0; left: -50px;} #nav_volunteers a span em {background-position: -500px 0; left: -80px;} #nav_donate a span em {background-position: -600px 0; left: -80px;} #nav_links a span em {background-position: -700px 0; left: -70px;} #nav_info a span em {background-position: -800px 0; left: -10px;} #nav_endings a span em {background-position: -900px 0; left: -10px;} #nav_home a:hover span em {background-position: 0 -35px;} #nav_about a:hover span em {background-position: -100px -35px;} #nav_cats a:hover span em {background-position: -200px -35px;} #nav_dogs a:hover span em {background-position: -300px -35px;} #nav_supporters a:hover span em {background-position: -400px -35px;} #nav_volunteers a:hover span em {background-position: -500px -35px;} #nav_donate a:hover span em {background-position: -600px -35px;} #nav_links a:hover span em {background-position: -700px -35px;} #nav_info a:hover span em {background-position: -800px -35px;} #nav_endings a:hover span em {background-position: -900px -35px;} #footer {margin: 0 auto; width: 750px; font-size: 0.85em; text-align: center; padding: 5px 0 25px 0; background: url('http://www.happypawsgrafton.com.au/happy_bottom_shadow.gif') center bottom no-repeat;} #footer li {padding: 3px; display: inline; list-style-type: none;} #credits {text-align: center; color: #eee; font-size: 0.8em; padding: 5px} #credits a {color: #fff;} /* Forms */ textarea {border: 1px solid #bc4; color: #333; background: #fff; width: 100%;} input {visibility: visible; border: 1px solid #bc4; color: #030; background: #fff; vertical-align: middle; padding: 1px;} select {border: 1px solid #bc4; color: #333; background: #fff; vertical-align: top;} input.searchButton {font-size: 0.8em; background: #fff url(http://www.happypawsgrafton.com.au/search_icon.gif) 1px 1px no-repeat; cursor: pointer; padding: 0 0 2px 15px;} /* Search Styles */ #portal-breadcrumbs {float: left; border: 0; position: absolute; top: 6px; left: 5px; text-align: left; text-transform: lowercase; font-size: 0.8em;} .dir_search {background: url(http://www.happypawsgrafton.com.au/icon_search.png) no-repeat; padding: 0 0 20px 40px; border-bottom: 1px dashed #ccc; display: block;} #LiveSearch {position: absolute; top: 5px; right: 5px;} #searchGadget {width: 140px; font-size: 0.9em;} #searchGadget:focus {background: #dfd;} .livesearch {padding: 0; margin: 0 100px; visibility: visible; text-align: left; color: #630; border: 0;} .livesearch legend {border: 5px solid #595; padding: 1em; border-bottom: 0; background: #fff;} .livesearch li {list-style: none; margin: 0;} .livesearch p {margin: 1.5em 25px;} .LSIEFix {background: url(http://www.happypawsgrafton.com.au/search_back.png) #fff; z-index: 20; border: 5px solid #595;} .LSResult {position: absolute; top: 0; left: 0; display: block; z-index: 3;} .LSRes {visibility: visible; vertical-align: middle; display: block; text-align: left; margin: 0; line-height: 1.1em;} .LSRow {float: left; width: 31%; height: 10em; border: 1px solid #fff; padding: 5px;} .LSRow a {white-space: normal; display: block; text-decoration: none; font-weight: bold;} .LSRow:hover {background: #dfd; border: 1px solid #afa;} .LSLast {text-align: right; border-top: 1px dashed #b80; clear: both; width: 100%; height: 2em; list-style-image: none;} #LSHighlight {background: #fc3; border: 1px solid #f90;} #LSNothingFound {text-align: center; padding: 25px; font-size: 1.4em;} .currentEvents { background-color: ; padding: 10px; font-size: 18px; } .currentEventsTable { border: 1px solid #74AE0B; } .eventHeading { background-color: #F4FFE0; border-top: 1px solid #74AE0B; border-bottom: 1px solid #74AE0B; font-size: 12px; } .eventContent { font-size: 12px; background-color: #FFFFFF; } /* */