/**
 * 'WILDARC' THEME STYLESHEET.
 * 01/04/2009
 * 
 * by Olivier Dubois, olivierdubois.com
 * 
 */


/**
 * GLOBAL ELEMENTS
 */

body {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%; /* Fix the exaggerated text resizing in IE6/IE7. */
color: #333;
}

body.page-tpl {
width: 100%;
margin: 30px auto 30px auto;
}
body.page-tpl.contest-wif {
width: 100%;
margin: 30px auto 30px auto;
}

p {
margin: 8px 0px 8px 0px;
}

ul {
margin: 8px 15px 8px 15px;
padding: 0 0 0 15px;
}

form {
margin: 0 0 0 0;
}

img {
border: 0;
}


/**
 * PAGE LAYOUT ELEMENTS
 */

#page {
width: 760px;
margin: 0 auto 0 auto;
}

#container-masthead {
position: relative;
width: 760px;
height: 280px;
margin: 0;
background: #525252;
}

#logo {
position: absolute;
left: 65px;
top: 9px;
display: block;
z-index: 10;
width: 124px;
height: 44px;
}

#masthead-header {
position: absolute;
left: 0px;
top: 0px;
width: 760px;
height: 60px;
background: url(images/masthead-header.gif) 0px 0px no-repeat #525252;
}

#masthead-content {
position: absolute;
left: 0px;
top: 60px;
z-index: 10;
width: 253px;
height: 220px;
}

#masthead-image {
position: absolute;
left: 0px;
top: 60px;
width: 760px;
height: 220px;
/*background: url(images/masthead-image-raccoon.jpg) 0px 0px no-repeat #666;*/
}

#container-navigation {
position: relative;
width: 760px;
height: 20px;
margin: 0;
background: #628c10;
}

#container-content {
position: relative;
width: 760px;
margin: 0;
background: url(images/container-content-bg.gif) 10px 0px repeat-y;
overflow: hidden;
}

#content {
  /*position: absolute;
  left: 254px;
  top: 0px;*/
width: 506px; /* Box: 506px */
margin: 0;
padding: 0;
background: #ecefe7;
}

#sidebar-left {
  /*position: absolute;
  left: 0px;
  top: 0px;*/
width: 254px; /* Box: 254px */
}

#container-footer {
position: relative;
left: 10px;
width: 750px; /* Box: 750px */
height: 40px;
margin: 0;
}

.column {
float: left;
}

.clear-block {
clear: both;
}


/**
 * NAVIGATION - LEVEL 1
 */

#navigation {
width: 760px;
height: 22px;
background: url(images/navigation-level1-separator-top.gif) 0px 0px no-repeat;
}

#navigation ul {
position: absolute;
left: 0px;
top: 7px;
width: 760px;
height: 12px;
margin: 0;
padding: 0;
}
#navigation ul li {
margin: 0 5px 0 5px;
padding: 0;
list-style: none;
}

#navigation .menu .leaf {
float: left;
}

#navigation .menu .leaf a {
display: block;
height: 21px;
font-size: 12px;
font-weight: bold;
color: #e0e8cf;
text-transform: uppercase;
text-decoration: none;
}
#navigation .menu .leaf a:hover {
color: #fff;
}

#navigation .menu .leaf a span {
display: none;
}

#navigation .menu .leaf a.btn-home { width: 32px; background: url(images/navigation-level1-navbar.gif) -12px -6px no-repeat; }
#navigation .menu .leaf a.btn-about { width: 53px; background: url(images/navigation-level1-navbar.gif) -50px -6px no-repeat; }
#navigation .menu .leaf a.btn-supporters { width: 70px; background: url(images/navigation-level1-navbar.gif) -109px -6px no-repeat; }
#navigation .menu .leaf a.btn-contact { width: 65px; background: url(images/navigation-level1-navbar.gif) -185px -6px no-repeat; }
#navigation .menu .leaf a.btn-emergency { width: 122px; background: url(images/navigation-level1-navbar.gif) -262px -6px no-repeat; }
#navigation .menu .leaf a.btn-help { width: 84px; background: url(images/navigation-level1-navbar.gif) -395px -6px no-repeat; }
#navigation .menu .leaf a.btn-news { width: 96px; background: url(images/navigation-level1-navbar.gif) -490px -6px no-repeat; }
#navigation .menu .leaf a.btn-fun { width: 67px; background: url(images/navigation-level1-navbar.gif) -598px -6px no-repeat; }
#navigation .menu .leaf a.btn-resources { width: 75px; background: url(images/navigation-level1-navbar.gif) -675px -6px no-repeat; }

#navigation .menu .leaf a.btn-home:hover { background-position: -12px -27px; }
#navigation .menu .leaf a.btn-about:hover { background-position: -50px -27px; }
#navigation .menu .leaf a.btn-supporters:hover { background-position: -109px -27px; }
#navigation .menu .leaf a.btn-contact:hover { background-position: -185px -27px; }
#navigation .menu .leaf a.btn-emergency:hover { background-position: -262px -27px; }
#navigation .menu .leaf a.btn-help:hover { background-position: -395px -27px; }
#navigation .menu .leaf a.btn-news:hover { background-position: -490px -27px; }
#navigation .menu .leaf a.btn-fun:hover { background-position: -598px -27px; }
#navigation .menu .leaf a.btn-resources:hover { background-position: -675px -27px; }


/**
 * NAVIGATION - LEVEL 2
 */

#sidebar-left #block-menu_block-2 {
margin: 0;
padding: 0 0 1px 0;
background: url(images/sidebar-left-separator-1.gif) 0px bottom no-repeat #525252;
}

#sidebar-left #block-menu_block-2 .menu {
margin: 0;
padding: 0;
}

#sidebar-left #block-menu_block-2 .menu .leaf {
margin: 0;
padding: 1px 0 0 0;
background: url(images/sidebar-left-separator-2.gif) 0px top no-repeat #525252;
list-style: none;
}
#sidebar-left #block-menu_block-2 .menu .leaf.first {
padding: 0px 0 0 0;
background-image: none;
}

#sidebar-left #block-menu_block-2 .menu .leaf a {
display: block;
height: 20px;
margin: 0;
padding: 2px 0 0 20px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
line-height: 16px;
}
#sidebar-left #block-menu_block-2 .menu .leaf a:hover {
background: #757575;
}


/**
 * NAVIGATION ELEMENTS
 */

/* Footer Navigation */
#navigation-footer {
font-size: 10px;
font-weight: bold;
color: #c5c5c5;
line-height: 11px;
}
#navigation-footer ul {
margin: 0;
padding: 0;
}
#navigation-footer ul li {
margin: 0 5px 0 5px;
padding: 0;
list-style: none;
}
#navigation-footer .menu .leaf {
float: left;
}
#navigation-footer .menu .leaf a {
color: #c5c5c5;
text-decoration: none;
}
#navigation-footer .menu .leaf a:hover {
color: #978741;
}
#navigation-footer .menu .leaf a span {
}


/**
 * PAGE LAYOUT SUB ELEMENTS
 */

/* Breadcrumb */
.breadcrumb {
margin: 0;
padding: 0 0 0 20px;
font-size: 10px;
}
.breadcrumb a {
color: #999;
text-decoration: none;
}
.breadcrumb a:hover {
color: #666;
}

/* Page Title */
#content-title h2.title {
height: 31px; /* Box: 36px */
margin: 0;
padding: 5px 0 0 20px;
background: #628c10;
}
#content-title h2.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 24px;
}

/* Content container */
#content-content {
margin: 0;
padding: 10px 20px 20px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}






/**
 * SIDEBAR ELEMENTS
 */












/**
 * BLOCK ELEMENTS
 */

/* Default */
#sidebar-left .block {
position: relative;
left: 10px;
width: 243px;
padding: 0 0 1px 0;
background: url(images/sidebar-left-separator-1.gif) 0px bottom no-repeat;
}
#sidebar-left .block h2.block-title {
}

/* 'Footer Navigation' block */
#block-block-5.block {
float: left;
width: 496px; /* Box: 506px */
height: 35px; /* Box: 40px */
padding: 5px 0 0 10px;
background: url(images/block-navigation-footer-bg.gif) 0px 0px no-repeat;
}
#block-block-5.block.clear-block {
clear: none;
}

/* 'Section Title' block */
#block-block-7.block {
left: 0;
width: 254px;
height: 36px; /* Box: 46px */
padding: 0 0 10px 0;
background: url(images/section-title-separator.gif) 0px bottom no-repeat;
}
#block-block-7 .content {
height: 36px;
margin: 0;
padding: 0;
background: url(images/section-title-bg.gif) 0px 0px no-repeat;
}
#block-block-7 .content .section-title {
display: block;
width: 253px;
height: 36px;
margin: 0;
padding: 0;
/*background: url(images/section-title-bg.gif) 0px 0px no-repeat;*/ /* Defined in page.tpl.php */
background-color: pink;
}
#block-block-7 .content span {
display: none;
}

/* 'Copyright' block */
#block-block-10.block {
float: left;
width: 234px; /* Box: 244px */
height: 35px; /* Box: 40px */
padding: 5px 10px 0 0;
background: url(images/block-copyright-bg.gif) 0px 0px no-repeat;
}
#block-block-10.block .content {
text-align: right;
font-size: 10px;
font-weight: bold;
color: #787878;
line-height: 11px;
}
#block-block-10.block.clear-block {
clear: none;
}

/* Search block */
#block-search-0 {
display: block;
height: 35px;
}
#block-search-0 .content {
padding: 5px 0 0 10px;
}
#block-search-0 input.form-text {
width: 150px;
}
#block-search-0 input.form-submit {
}
#block-search-0 label {
display: none;
}

/* AddThis block */
#content .block-addthis {
float: right;
width: 220px;
height: 16px;
}
#content .block-addthis .menu {
margin: 0;
padding: 0;
}
#content .block-addthis .menu .leaf {
float: left;
margin: 0 8px 0 8px;
padding: 0;
list-style: none;
}
#content .block-addthis a {
display: block;
float: left;
height: 14px;
margin: 0;
padding: 2px 0 0 20px;
font-size: 10px;
color: #999;
text-decoration: none;
}
#content .block-addthis a:hover {
color: #333;
}
#content .block-addthis a.btn-print {
background: url(images/icon-print-16x16.gif) 0px 0px no-repeat;
}
#content .block-addthis a.btn-print:hover {
background-position: 0px -16px;
}
#content .block-addthis a.btn-email {
background: url(images/icon-email-16x16.gif) 0px 0px no-repeat;
}
#content .block-addthis a.btn-email:hover {
background-position: 0px -16px;
}
#content .block-addthis a.btn-addthis {
background: url(images/icon-addthis-16x16.gif) 0px 0px no-repeat;
}
#content .block-addthis a.btn-addthis:hover {
background-position: 0px -16px;
}

/* 'News and Events' block */
#masthead-content #block-views-story_event-block_2 {
position: relative;
left: 12px;
top: 60px;
display: block;
width: 241px;
height: 150px;
margin: 0;
font-size: 11px;
}

/* Default banner */
#sidebar-left ul.banner {
margin: 0;
padding: 0;
}
#sidebar-left .banner li {
  list-style-type: none;
  list-style-image: none;
}
#sidebar-left .banner a {
display: block;
}
#sidebar-left .banner a span {
display: none;
}

/* 'Sponsor a Wild Animal' banner */
#sidebar-left #block-block-17 .banner a.sponsor-wild-animal {
width: 243px;
height: 54px;
background: url(images/banner-sponsor-wild-animal-243x54.gif) 0px 0px no-repeat;
}
#sidebar-left #block-block-17 .banner a.sponsor-wild-animal:hover {
background-position: 0px -54px;
}

/* 'Make a Donation' banner */
#sidebar-left #block-block-18 .banner a.make-donation {
width: 243px;
height: 54px;
background: url(images/banner-make-donation-243x54.gif) 0px 0px no-repeat;
}
#sidebar-left #block-block-18 .banner a.make-donation:hover {
background-position: 0px -54px;
}

/* 'Become a Member' banner */
#sidebar-left #block-block-19 .banner a.become-member {
width: 243px;
height: 54px;
background: url(images/banner-become-member-243x54.gif) 0px 0px no-repeat;
}
#sidebar-left #block-block-19 .banner a.become-member:hover {
background-position: 0px -54px;
}

/* 'BC SPCA Biscuit Fund' banner */
#sidebar-left #block-block-20 .banner a.bcspca-biscuit-fund {
width: 243px;
height: 102px;
background: url(images/banner-bcspca-biscuit-fund-243x102.gif) 0px 0px no-repeat;
}
#sidebar-left #block-block-20 .banner a.bcspca-biscuit-fund:hover {
background-position: 0px -102px;
}

/* 'BC SPCA Website' banner */
#sidebar-left #block-block-21 .banner a.bcspca-website {
width: 243px;
height: 54px;
background: url(images/banner-bcspca-website-243x54.gif) 0px 0px no-repeat;
}


/**
 * VIEW ELEMENTS
 */

/* Default */
#content-content .view .node h2.title {
margin: 10px 0 5px 0;
font-size: 16px;
font-weight: bold;
color: #8a7a32;
line-height: 20px;
}
#content-content .view .views-row-odd, 
#content-content .view .views-row-even {
border-bottom: 1px dashed #999;
}
#content-content .view .views-row-odd.views-row-first {
border-top: 1px dashed #999;
}
#content-content .field-field-date {
font-size: 11px;
font-weight: bold;
color: #628c10;
text-transform: uppercase;
line-height: 11px;
}

/* Pager */
#content-content .pager {
margin: 10px 0 10px 0;
padding: 0;
font-size: 9px;
text-transform: uppercase;
cursor: default;
}
#content-content .pager a, 
#content-content .pager a.active {
display: inline-block;
font-weight: bold;
color: #777;
text-decoration: none;
}
#content-content .pager a:hover {
color: #000;
}
#content-content .pager .pager-item {
margin: 0 5px 0 5px;
padding: 2px 4px 2px 4px;
border: 1px solid #ccc;
font-size: 13px;
}
#content-content .pager .pager-current {
margin: 0 5px 0 5px;
padding: 2px 4px 2px 4px;
background: none;
border: 1px solid #628c10;
font-size: 13px;
color: #628c10;
}
#content-content .pager .pager-first, 
#content-content .pager .pager-last {
display: none;
width: 0;
}
#content-content .pager .pager-first, 
#content-content .pager .pager-previous, 
#content-content .pager .pager-next, 
#content-content .pager .pager-last {
}

/* Image Set */
#content-content .view.view-image-set .views-row-odd, 
#content-content .view.view-image-set .views-row-even {
float: left;
width: 80px; /* Box: 110px */
height: 80px; /* Box: 110px */
margin: 15px 15px 15px 15px;
padding: 0;
}
#content-content .view.view-image-set a.field-field-image-image-thumbnail {
display: block;
width: 80px;
height: 80px;
margin: 0;
padding: 0;
}

/* 'News and Events' (masthead content) */
#masthead-content #block-views-story_event-block_2 {
}
#masthead-content #block-views-story_event-block_2 .view .views-row-odd, 
#masthead-content #block-views-story_event-block_2 .view .views-row-even {
display: block;
cursor: pointer;
margin: 0;
padding: 2px 5px 2px 12px;
border-bottom: 1px dashed #ccc;
}
#masthead-content #block-views-story_event-block_2 .view .views-row-odd:hover, 
#masthead-content #block-views-story_event-block_2 .view .views-row-even:hover {
background-color: #dfe3d7;
}
#masthead-content #block-views-story_event-block_2 .view .views-row-first {
border-top: 1px dashed #ccc;
}
#masthead-content #block-views-story_event-block_2 .view .view-content h2.title {
margin: 0;
font-size: 11px;
font-weight: bold;
color: #666;
line-height: 11px;
}
#masthead-content #block-views-story_event-block_2 .view .view-content .node.sticky h2.title {
color: #df4900;
}
#masthead-content #block-views-story_event-block_2 .view .view-content .field-field-date {
font-weight: bold;
color: #049ef0;
text-transform: uppercase;
line-height: 11px;
}


/**
 * CONTENT ELEMENTS
 */

/* Node Title */
#content-content h2.title {
}

/* Heading */
#content-content h1 {
margin: 15px 0 10px 0;
font-size: 22px;
font-weight: bold;
color: #628c10;
line-height: 24px;
}
#content-content h2 {
margin: 15px 0 10px 0;
font-size: 20px;
font-weight: bold;
color: #333;
line-height: 22px;
}
#content-content h3 {
margin: 15px 0 10px 0;
font-size: 18px;
font-weight: bold;
color: #333;
line-height: 20px;
}
#content-content h4 {
margin: 15px 0 8px 0;
font-size: 16px;
font-weight: bold;
color: #333;
line-height: 18px;
}
#content-content h5 {
margin: 12px 0 8px 0;
font-size: 14px;
font-weight: bold;
color: #333;
line-height: 16px;
}
#content-content h6 {
margin: 10px 0 8px 0;
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 16px;
}
#content-content h3 span.profile-jobtitle {
display: block;
font-size: 0.8em;
font-weight: bold;
color: #666;
}

#content-content p.first {
/*color: #556634;*/
}

#content-content p.strong {
font-weight: bold;
}

#content-content p.first.strong {
}

#content-content a, #content-content a:link, #content-content a:visited {
color: #51740e;
text-decoration: underline;
}
#content-content a:hover, #content-content a:active {
color: #0487cc;
text-decoration: underline;
}


/**
 * BUTTON ELEMENTS
 */

/* 'btn-link' */
#content-content a.btn-link {
display: inline-block;
padding: 0 0 0 27px;
background: url(images/btn-link-arrow.gif) 10px 3px no-repeat;
font-weight: bold;
text-decoration: none;
}
#content-content a.btn-link:link, #content-content a.btn-link:visited {
color: #8a7a32;
}
#content-content a.btn-link:hover, #content-content a.btn-link:active {
color: #0487cc;
}

/* 'btn-contest-enter' */
#content-content a.btn-contest-enter {
display: inline-block;
width: 150px;
height: 40px;
margin: 10px 0 10px 5px;
background: url(images/btn-contest-enter.gif) 0px 0px no-repeat;
text-decoration: none;
}
#content-content a.btn-contest-enter:hover {
background-position: 0px -40px;
}
#content-content a.btn-contest-enter span {
display: none;
}


/**
 * SPECIAL - WILDLIFE IN FOCUS
 */

body.page-tpl.contest-wif #masthead-content {
background: url(images/masthead-image-contest-wif.jpg) 0px 0px no-repeat #666;
}

body.page-tpl.contest-wif #sidebar-left #block-block-7 .content {
height: 36px;
margin: 0;
padding: 0;
background: url(images/block-section-title-contest-wif.gif) 0px 0px no-repeat;
}

body.page-tpl.contest-wif #sidebar-left #block-block-sidebar-left-image {
}
body.page-tpl.contest-wif #sidebar-left #block-block-sidebar-left-image .content {
width: 223px;
height: 140px;
padding: 10px 10px 10px 10px;
background: url(images/block-sidebar-left-image-03.jpg) 10px 10px no-repeat;
}








/**
 * LEGACY
 */

/* 'News and Events' block in masthead */
/*
#block-views-story_event-block_2 {
display: block;
width: 253px;
height: 126px;
margin: 54px 0px 0px 0px;
}
#block-views-story_event-block_2 .content {
padding: 20px 0px 0px 0px;
}
#block-views-story_event-block_2 .view ul {
margin: 0px 0px 0px 13px;
padding: 0px;
}
#block-views-story_event-block_2 .view li {
margin: 0px;
padding: 2px 5px 2px 12px;
border-top: 1px dashed #ccc;
list-style-type: none;
}
#block-views-story_event-block_2 .view a.link-more {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: 900;
color: #999;
text-transform: uppercase;
text-decoration: none;
}
#block-views-story_event-block_2 .view .view-data-node-title, 
#block-views-story_event-block_2 .view .view-data-title {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: 900;
color: #666;
line-height: 11px;
}
#block-views-story_event-block_2 .view .view-data-node-data-field-dateline-field-dateline-value, 
#block-views-story_event-block_2 .view .view-data-field-dateline-value, 
#block-views-story_event-block_2 .view .view-data-node-data-field-date-field-date-value, 
#block-views-story_event-block_2 .view .view-data-field-date-value {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: 900;
color: #049ef0;
text-transform: uppercase;
line-height: 11px;
}
#block-views-story_event-block_2 .view li, #block-views-story_event-block_2 .view li:link, #block-views-story_event-block_2 .view li:visited {
display: block;
cursor: pointer;
}
#block-views-story_event-block_2 .view li:hover, #block-views-story_event-block_2 .view li:active {
background-color: #dfe3d7;
}
#block-views-story_event-block_2 .view ul li:first-child .view-data-title {
color: #df4900;
}*/





/**
 * 
 * Dev note: 
 * --stylename {} : 2-space tab = Should be part of the final code, but currently in testing mode.
 * ----stylename {} : 4-space tab = For dev phase only (tracers, etc.).
 * 
 */