/* -------------------------------------------- */ /* -- Stylesheet for Hedgehog Bottom Rescue -- */ /* -- Copyright Hedgehog Bottom Rescue 2010 -- */ /* -- Designed and developed by JBVisions -- */ /* -- http://www.jbvisions.co.uk/ -- */ /* -------------------------------------------- */ /* ---------- Overall rules ------------------- */ *{font-size:100.01%;margin:0;padding:0;border:0;} html{font-size:100.01%;padding:0; margin:0;height:100%; } body {height:101%;font-size:100.01%;padding:0; line-height:150%;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;color:#555;background:#fff url(/images/bluestrip1.jpg) top left repeat-x;} img {border:0;} fieldset {border:0;} legend {display:none;} em {color:#374900;font-weight:bold;font-style:normal;} cite {text-align:right;padding-right:10px;font-weight:normal;font-style:italic;} .break {font-size:0;width:0;height:0;clear:both;} /* ---------------------------------- Links setup ------------------------------------- */ a:link { color:#c96d05; text-decoration:underline;} a:visited { color:#c96d05; text-decoration:none;} a:hover, a:focus, a:active {color:#507207;text-decoration:none;} /* ---------------------------------- Access nav bar - top and bottom ------------------------------------- */ #barcontainer, #botcontainer {width:93%;margin:auto;} #accessbar, #accessbot {font-size:0.7em;list-style-type:none;padding:5px 0px 10px 0; width:99%;text-align:right;clear:both;} #accessbar ul, #accessbot ul, #accessbar li, #accessbot li {display:inline; margin:0 0 0 5px;} #accessbar a:link, #accessbar a:visited, #accessbot a:link, #accessbot a:visited { padding:8px 8px 8px 9px;margin-left:1px;text-decoration:underline;color:#555;background-color:inherit;} #accessbar a:focus, #accessbar a:hover, #accessbar a:active { background-color:#d69200;color:#fff;background-image:none;} #accessbot a:focus, #accessbot a:hover, #accessbot a:active { background-color:#d69200;color:#fff;background-image:none;} /* ---------------------------------- Main Container ------------------------------------- */ .alignleft {float:left;margin:4px 10px 5px 0;} .alignright {float:right;margin:4px 0 5px 10px;} .aligncenter {text-align:center;} .hidden {display:none;} /* ---------------------------------- Wrapper ------------------------------------- */ #wrapper {text-align:left;padding-bottom:20px;margin:0 auto;width:980px;background:#fff;font-family:Tahoma, Verdana, Arial, sans-serif;font-size:0.8em;} /* ---------------------------------- Header ------------------------------------- */ #header {background:#fff;padding:20px;} #header h1 { margin:0; } #header .logo {float:left;} #header .logo h1 {font-size:0;padding:18px 30px 0;} #header .logo h1 a {text-decoration:none;border:0;display:block;text-indent:-9999px;outline:none; width:369px;height:131px;background:url(/images/hedgehog_logo.png) no-repeat 0 0;} #header .logo p {display:none;} #header .ad468x60 {float:right;padding-top:40px;width:300px;color:#666;} #header .ad468x60 a {text-decoration:underline;} #header .ad468x60 a:hover {text-decoration:none;} #header .ad468x60 ul {list-style-type:circle;line-height:1.3;margin-top:20px;border:0;padding:0;} /* ------------------------------------------------------ navigation positioning. for styles see superfish.css -------------------------------------------------------- */ #navigation {width:950px;background:#374900;height:34px;padding:0px 15px;} /* ---------------------------------------------- BEGIN Body ------------------------------------------------ */ #body {background:#ffffff url(/images/body.gif) repeat-y right 0;} /* ---------------------------------------------- BEGIN Content ------------------------------------------------ */ #content {width:630px;float:left;padding-bottom:20px;} #content p {margin-bottom:10px;line-height:1.2em;} #content h2 {margin-bottom:5px;font-size:1.4em;color:#ff9300;} #content h3 {margin-bottom:5px;font-size:1.3em;color:#693b03;} #content h4 {margin-bottom:5px;font-size:1.2em;background-color:#507207;color:#ff9300;padding:10px;text-transform:uppercase;} #content blockquote {margin:10px 30px 10px 30px;padding:25px 30px 25px 30px;background-color:#fec;color:#333; border-width:3px;border-style:solid;border-top-color:#666;border-left-color:#666;border-right-color:#ccc;border-bottom-color:#ccc;} #content blockquote a {color:#507207;} #content ul {margin:0 0 10px 18px;} #content ol {margin:0 0 10px 16px;padding-left:10px;} #content li {padding:2px 0;} #content .latest {margin:20px 40px;position:relative;width:550px;height:300px;} #content .latest .thumb {height:300px;overflow:hidden;} #content .latest .thumb img {width:550px;} #content .latest .text {color:#ffffff;font-weight:bold;background:url(/images/shade.png) repeat 0 0;padding:15px 15px 20px;position:absolute; bottom:0;left:0;width:520px;} #content .latest .text h2 {font-size:1.3em;font-weight:bold;margin-bottom:10px;color:#ffa;} #content .latest .text a {color:#ffffff;} #content .post {margin:10px 40px;clear:both;} #content .thumb {height:100px;overflow:hidden;float:left;margin:0 15px 10px 0;} #content .thumb .post img {width:150px;} #content .thumb2 {overflow:hidden;float:left;margin:0 15px 10px 0;height:250px;background-color:#666;} #content .post h2 {font-size:1.3em;margin-bottom:5px;} #content .post h2 a {text-decoration:none;color:#693b03;} #content .post h3 {font-size:1.1em;margin-bottom:5px;padding-top:15px;} #content .post h3 a {text-decoration:none;} #content .post h4 {font-size:1.2em;margin-bottom:5px;padding-top:15px;color:#ff9300;} #content .post h4 a {text-decoration:none;} #content .post .details {font-size:0.9em;color:#507207;} #content .post .details a {color:#ff9300;} #content dl {padding:5px 0px 10px 15px;} #content dt {color:#507207;font-size:1.0em;font-weight:bold;padding:5px 0px;} #content dd {padding:0px 0px 0px 15px;line-height:1.3;} #content dl ul li {color:#ff9300;font-weight:bold;} #content .post img{margin:10px 10px 10px 0px;} #content .thumb2 img{margin:10px 10px 10px 10px;} #content .post ul {list-style-position:inside;line-height:1.1;} #content .post .oddli{color:#507207;font-size:1em;font-weight:bold;} #content .post .evenli{color:#ff9300;font-size:1em;font-weight:bold;} #content .post .evenli p, #content .post .oddli p{color:#555;font-size:1em;font-weight:normal;} #content .tip {margin:10px 30px 10px 30px;padding:25px 30px 25px 30px;background-color:inherit;color:#507207; border-width:3px;border-style:solid;border-top-color:#666;border-left-color:#666;border-right-color:#ccc;border-bottom-color:#ccc;} /* ---------------------------------------------- Sponsorship Buttons ------------------------------------------------ */ a.sponsor1 {clear:both;overflow:hidden;padding:0px 128px 19px 7px;color:#333;background:url("/images/buttons/sponsor1.gif") 0 0 no-repeat;text-decoration:none;} a.sponsor2 {clear:both;overflow:hidden;padding:0px 128px 19px 7px;color:#333;background:url("/images/buttons/donate1.gif") 0 0 no-repeat;text-decoration:none;} a:hover.sponsor1, a:hover.sponsor2 {background-position:0 -25px;color:#049;background:url("/images/buttons/thanks1.gif") 0 0 no-repeat;text-decoration:none;} .spacer {margin-top:35px;clear:both;} /* ---------------------------------------------- Sidebar ------------------------------------------------ */ #sidebar {width:350px;float:right;color:#666;} #sidebar h2 {font-size:1.1em;color:#507207;padding:10px 15px;} #sidebar h3 {font-size:1em;color:#ff9300;padding:10px 15px;} #sidebar p {font-size:1em;padding:10px 15px;} #sidebar ul {list-style-type:none;padding:0 15px 10px;border-bottom:1px solid #E7E6E6;} #sidebar ul li {line-height:1.3em;padding:4px 0;} #sidebar ul li a {color:#666;text-decoration:none;} #sidebar ul li a:hover {color:#3C4C16;text-decoration:underline;} #sidebar .l {float:left;width:175px;} #sidebar .r {float:right;width:175px;} #sidebar .centre {margin:0 50px;} #sidebar .l ul, #sidebar .r ul {border-bottom:0;} #sidebar .video {padding:20px 15px;border-bottom:1px solid #E7E6E6;} #sidebar .tags {padding:10px 15px;border-bottom:1px solid #E7E6E6;} #sidebar .tags a {color:#666;} #sidebar .tags a:hover {text-decoration:none; color:#3C4C16;} #searchtxt {margin:20px 5px 20px 0px;border:1px solid #E7E6E6;padding:5px 5px;float:left;color:#ffc;background-color:#3c4c16;width:300px;} #sidebar form {width:99%;} #sidebar form input {border:0;background-color:transparent;margin:10px 0px 10px 25px;font-size:1.2em;color:#ffffff;} #sidebar form button {border:0;background-color:transparent;text-indent:-9999px;} .search p a {background-color:#000;color:#ffc;} .donate {border:solid 1px #ccc;} .paypara {line-height:1.2em;} /** END sidebar **/ /* ---------------------------------------------- Footer ------------------------------------------------ */ #footer {background-color:#ff9300;color:#161616;border-bottom:4px solid #161616;padding:10px;clear:both;} #footer a {color:#ffffff;} /* ------------------------------------------------ Lightbox ---------------------------------------------------*/ .portfolio {margin:20px 0;} .portfolio img {margin:0 5px;} .lightbox h3 {margin-top:15px;} /* ----------------------------------------------- Unpleasant images --------------------------------------------------*/ #holder {margin:20px auto;} .gallery {padding:0;margin:0 auto 5em auto;list-style-type:none;overflow:hidden;width:320px;height:239px;border:1px solid #888; background:#fff url(/images/win_back2.gif);float:right;} .gallery li {float:left;} .gallery li a {display:block;height:30px;width:320px;float:left;text-decoration:none;border-bottom:1px solid #fff;cursor:default;} .gallery li a img {width:320px;height:30px;border:0;} .gallery li a:hover {background:#eee;height:240px;} .gallery li a:hover img {height:240px;} /* ---------------------------------------------- Layout of links page ------------------------------------------------ */ .thumbs {margin:20px 0 0 250px;} .thumbs li.last {margin-right:0;} .thumbs li {list-style-type:none;float:left;} .thumbs li a {border:2px inset #ccc;margin:0 28px 20px 0;width:100px;height:100px;display:block;text-indent:-9999px;} .thumbs li a:hover {display:block;text-indent:0px;color:#693b03;font-size:12px;text-align:center;padding:5px;width:90px;height:90px;line-height:1.2em;} #thumb1 a { background:transparent url(/images/thumbs/bhps.jpg) top left no-repeat; } #thumb2 a { background:transparent url(/images/thumbs/hogforums.jpg) top left no-repeat; } #thumb3 a { background:transparent url(/images/thumbs/hughwarwick.jpg) top left no-repeat;} #thumb4 a { background:transparent url(/images/thumbs/pygmyforum.jpg) top left no-repeat; } #thumb5 a { background:transparent url(/images/thumbs/wild1.jpg) top left no-repeat; } #thumb6 a { background:transparent url(/images/thumbs/bats.jpg) top left no-repeat; } #thumb7 a { background:transparent url(/images/thumbs/brentlodge.jpg) top left no-repeat; } #thumb8 a { background:transparent url(/images/thumbs/bwrc.jpg) top left no-repeat; } #thumb9 a { background:transparent url(/images/thumbs/ehrg.jpg) top left no-repeat; } #thumb10 a { background:transparent url(/images/thumbs/kaybullen.jpg) top left no-repeat; } #thumb11 a { background:transparent url(/images/thumbs/ptes.jpg) top left no-repeat; } #thumb12 a { background:transparent url(/images/thumbs/tonibunnell.jpg) top left no-repeat; } #thumb13 a { background:transparent url(/images/thumbs/pro-igel.jpg) top left no-repeat; } #thumb14 a { background:transparent url(/images/thumbs/nateng.gif) top left no-repeat; } #thumb15 a { background:transparent url(/images/thumbs/breathingplaces.jpg) top left no-repeat; } #thumb16 a { background:transparent url(/images/thumbs/wildlifewatch.jpg) top left no-repeat; } #thumb17 a { background:transparent url(/images/thumbs/allcreatures.gif) top left no-repeat; } #thumb18 a { background:transparent url(/images/thumbs/petshub.gif) top left no-repeat; } #thumb19 a { background:transparent url(/images/thumbs/wildlifetrusts.gif) top left no-repeat; } #thumb20 a { background:transparent url(/images/thumbs/guerilla.gif) top left no-repeat; } #thumb21 a { background:transparent url(/images/thumbs/lush.gif) top left no-repeat; } #thumb22 a { background:transparent url(/images/thumbs/wayward.jpg) top left no-repeat; } #thumb23 a { background:transparent url(/images/thumbs/vale.jpg) top left no-repeat; } #thumb24 a { background:transparent url(/images/thumbs/wab.jpg) top left no-repeat; } #thumb25 a { background:transparent url(/images/thumbs/hoghouses.gif) top left no-repeat; } #thumb26 a { background:transparent url(/images/thumbs/zooplus.gif) top left no-repeat; } #thumb1 a:hover, #thumb2 a:hover, #thumb3 a:hover, #thumb4 a:hover, #thumb5 a:hover, #thumb6 a:hover, #thumb7 a:hover {background:#dafbc7;} #thumb8 a:hover, #thumb9 a:hover, #thumb10 a:hover, #thumb11 a:hover, #thumb12 a:hover, #thumb13 a:hover, #thumb14 a:hover {background:#dafbc7;} #thumb15 a:hover, #thumb16 a:hover, #thumb17 a:hover, #thumb18 a:hover, #thumb19 a:hover, #thumb20 a:hover, #thumb21 a:hover { background:#dafbc7;} #thumb22 a:hover, #thumb23 a:hover, #thumb24 a:hover, #thumb25 a:hover, #thumb26 a:hover { background:#dafbc7;} .blank a {background:transparent url(/images/thumbs/blank.jpg) top left no-repeat;border:0; } /* ---------------------------------------------- Layout of tables ------------------------------------------------- */ th {font:bold 0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#374900;border-right:1px solid #C1DAD7;border-bottom:1px solid #C1DAD7; border-top: 1px solid #CBEBD1;letter-spacing:2px;text-transform:uppercase;text-align:left;padding:6px 6px 6px 12px; background-color: #d1ebcb;} td {border-right:1px solid #CBEBD1;border-bottom:1px solid #CBEBD1;background:#fff;padding:6px 6px 6px 12px;color: #374900;vertical-align:top;font-size:1em;} td.alt {background:#f5faf4;color:#797268;} /* ---------------------------------------------- Format search form and all form hover buttons ------------------------------------------------ */ .single form input, select {border:1px solid #999;background-color:#fec;color:inherit;} .single form .button {border:1px solid #999;background-color:#f99300;color:#444;font-weight:bold;} input.button:hover, input.button.hover, input.button:focus, input.button.focus {color:#ff9300;background-color:#374900;} /* ---------------------------------------------- Miscellaneous ------------------------------------------------ */ legend {display:none;} .normal ul li {list-style-type:circle;line-height:1.1;margin:0;border:0;padding:0;} ul.bignumbers li {margin:20px; height:120px;clear:both;list-style-type:none;font-size:1em;border-bottom:1px solid #ccc;} ul.bignumbers li img {float:right;margin-left:10px;} h2.title {font-size:1em;text-transform:uppercase;padding:25px 40px 20px;color:#565656;}.postnav {clear:both; padding:20px 40px 0;font-size:0.9em;} div.boxes {float:left;width:170px; margin:6px;display:inline; /* for ie6 */} div.boxes p {margin-left:6px;margin-right:6px;font-size:1.3em;} #website {padding:0;}.postnav a {border:1px solid #cccccc;padding:3px 8px;color:#999999;} #alphabet ul li {display:inline;font-weight:bold;font-size:14px;margin:0px 5px 0px 0px;} #columnsplitleft {width:48%; padding:0 10px 0 0; border-right:1px solid #666;float:left;} #columnsplitright {width:48%; padding:0 0 0 10px;float:right;} #container {border:2px solid #fdad33;font-size:75%;margin:10px auto;width:546px;overflow:hidden; background:url(/images/popup/hogboxback.gif) left top repeat-y;background-color:#fff;} .postnav a:hover {border:1px solid #000000;color:#000000;text-decoration:none;} .required {color:#ff0000;} .single {padding-top:20px;} .notfound {padding:40px;} .notfound h2 {font-size:18px;font-weight:normal;margin-bottom:10px;} .standout {font-size:26px;font-weight:bold;color:#ff9300;} .standoutmed {font-size:18px;font-weight:bold;color:#ff9300;}.standoutsml {font-size:1em;font-weight:bold;color:#ff9300;} .carertel {color:#693b03;} .carerinfo {color:#507207;font-weight:normal;padding-left:15px;} .left {float:left;margin-right:10px;} .right {float:right;border-left:10px solid #fff;} .center {text-align:center;} #footnote a {text-decoration:none;font-size:1.5em;} #footnote ol {color:#d69200;font-weight:bold;font-size:0.8em;} #footnote ol p {font:normal 1em Arial, Helvetica, sans-serif;color:#000000;line-height:1.5em;} sup {font-size:0.9em;} .portbox {clear:both;margin:0% 0% 3% 0%;background-color:#f2fdef;overflow:hidden;} .logobox {clear:both;width:99%;margin:0% 0 3% 5%;overflow:hidden;} .codeblock {border:4px ridge #ccc;color:#333;background-color:#ddfbe1;margin:0% 2% 0% 2%;padding:0% 2% 2% 2%;} .portbox h3 {border-top:2px solid #fff;text-transform:uppercase;} .portimg {float:left;padding-top:20px;} div.imgblock {width: 320px;border: 1px solid #ccc;margin: 0.5em;padding: 0.5em;} div.imgblock p {text-align: center;font-style: italic;font-size: smaller;text-indent: 0;}