/*
Theme Name: Creative Paw
Theme URI: http://www.designbyreese.com/
Description: Creative Paw Layout and Style
Version: 1
Author: Design by Reese

Design copyright Reese Spykerman, http://www.designbyreese.com
Content copyright Linda Formichelli, http://www.creativepaw.org

Modified: June 3, 2008
*/

/* - - - GLOBAL   - - - */
body {
background-color: #493208;
color: #ded4a5;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#primary_content a {
text-decoration: none;
color: #bbcc00;
}

#primary_content a:link {
text-decoration: none;
color: #bbcc00;
}

#primary_content a:visited {
color: #7ea18c;
}

#primary_content a:hover {
background-color: #bbcc00;
color: #3f2a06;
}

#secondary_content p a {
text-decoration: none;
color: #bbcc00;
}

#secondary_content p a:link {
text-decoration: none;
color: #bbcc00;
}

#secondary_content p a:visited {
color: #7ea18c;
}

#secondary_content p a:hover {
background-color: #bbcc00;
color: #3f2a06;
}

#secondary_content ul a {
text-decoration: none;
color: #bbcc00;
font-weight: normal;
}

#secondary_content ul a:link {
text-decoration: none;
color: #bbcc00;
font-weight: normal;
}

#secondary_content ul a:visited {
color: #7ea18c;
}

#secondary_content ul a:hover {
background-color: #bbcc00;
color: #3f2a06;
}

#archives a {
text-decoration: none;
color: #bbcc00;
}

#archives a:link {
text-decoration: none;
color: #bbcc00;
}

#archives a:visited {
color: #7ea18c;
}

#archives a:hover {
background-color: #bbcc00;
color: #3f2a06;
}

#footer a {
text-decoration: none;
color: #bbcc00;
}

#footer a:link {
text-decoration: none;
color: #bbcc00;
}

#footer a:visited {
color: #7ea18c;
}

#footer a:hover {
background-color: #bbcc00;
color: #3f2a06;
}



/* - - - LAYOUT/STRUCTURE - - - */
#navigation {
width: 100%;
text-align: center;
background-color: #4a3107;
}

#navigation_content {
margin: 0 auto;
padding: 0;
height: 34px;
text-align: center;
}


#masthead {
width: 100%;
clear: left;
background: url('images/body-bg.jpg') repeat-x top left;
height: 218px;
}

#masthead_content {
text-align: center;
width: 745px;
margin: 0 auto;
padding: 0;
}

#masthead img {
padding-top: 25px;
}

#masthead h1 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
margin-top: -1px;
}

#container {
clear: left;
margin: 0 auto;
width: 745px;
background: transparent;
}

#primary_content {
float: left;
width: 478px;
padding: 30px 0 0 0;
margin: 0;
}

#primary_content p {
line-height: 24px;
}

#secondary_content {
float: right;
width: 190px;
padding: 30px 0 0 0;
margin: 0;
color: #b3aa84;
}

#archives {
clear: both;
width: 100%;
padding: 0;
background-color: #53916C;
margin: 12px 0;

}

#footer {
clear: both;
width: 100%;
margin-top: 15px;
float: left;
padding: 3px 0 0 0;
font-size: 11px;
border-top: 1px solid #312105;
}

/* - - - NAVIGATION - - - */
ul#menu {
width:752px;
height:34px;
margin:0 auto;
padding:0;
border:0;
text-align: center;
background: url('images/nav-sliding.gif') no-repeat top left;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #000;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url('images/nav-sliding.gif') no-repeat;
outline: none;
}

li#home a {
width:72px;
height:34px;
padding: 0;
margin: 0;
}

li#how-we-work a {
width:159px;
height:34px;
padding: 0;
margin: 0;
}

li#volunteer a {
width:256px;
height:34px;
padding: 0;
margin: 0;
}

li#find-a-volunteer a {
width:175px;
height:34px;
padding: 0;
margin: 0;
}

li#contact a {
width:90px;
height:34px;
padding: 0;
margin: 0;
}

li#home a:hover{
background-position: 0 -34px;
}

li#home.nav-active a{
background-position: 0 -34px;
}

li#how-we-work a:link, li#how-we-work a:visited {
background-position: -72px 0px;
}

li#how-we-work a:hover {
background-position:-72px -34px;
}

li#how-we-work.nav-active a {
background-position:-72px -34px;
}

li#volunteer a:link, li#volunteer a:visited {
background-position: -231px 0px;
}

li#volunteer a:hover {
background-position:-231px -34px;
}

li#volunteer.nav-active a {
background-position:-231px -34px;
}

li#find-a-volunteer a:link, li#find-a-volunteer a:visited {
background-position: -487px 0px;
}

li#find-a-volunteer a:hover {
background-position:-487px -34px;
}

li#find-a-volunteer.nav-active a {
background-position:-487px -34px;
}

li#contact a:link, li#contact a:visited {
background-position: -662px 0px;
}

li#contact a:hover {
background-position:-662px -34px;
}

li#contact.nav-active a {
background-position:-662px -34px;
}

/* - - - TEXT STYLING/HEADERS  - - - */
/* - primary content - */
strong {
font-weight: bold;
}

.h2wrap {
position: relative;
width: 487px;
background: transparent url('images/graphic-titleunderline.gif') no-repeat bottom left;
}


h2 {
color: #a7fccb;
font-weight: normal;
font-family: Georgia, "Bookman Old Style", Times, serif;
font-size: 24px;
text-transform: capitalize;
margin: 0;
padding: 0 0 9px 0;
width: 350px;
}


.page-page .h2wrap {
padding-bottom: 9px;
}

.page-page h2 {
padding: 0;
}

.page-page h2+p {
margin-top: 0;
padding-top: 0;
}

h2 a {
text-decoration: none;
color: #a7fccb;
}
h2 a:link {
text-decoration: none;
color: #a7fccb;
}
h2 a:hover {
color: #bbcc00;
background: none;
text-decoration: none;
}

span.date {
position: absolute;
right: 9px;
font-size: 11px;
color: #ded4a5;
font-family: verdana, helvetica, arial, sans-serif;
bottom: 12px;
}

p.categories {
font-size: 11px;
border-top: 1px solid #53916c;
padding: 6px 0 0 0;
margin: 0 0 39px 0;
}

p.categories a {
text-transform: uppercase;
}

/* - - secondary content - - */
#secondary_content h3 {
text-indent: -9999px;
font-size: 1px;
display: block;
margin: 0 0 0 0;
padding: 0 0 12px 0;
}
/* about */
h3.header-aboutus {
height: 26px;
background: url('images/link-aboutushover.gif') no-repeat top left;
}

a h3.header-aboutus {
border: 0;
background: url('images/link-aboutus.gif') no-repeat top left;
}

a:hover h3.header-aboutus {
text-decoration: none;
background-color: transparent;
background: transparent url('images/link-aboutushover.gif') no-repeat top left;
}
/* news */
h3.header-news {
height: 29px;
background: url('images/link-newshover.gif') no-repeat top left;
}

a h3.header-news {
border: 0;
background: url('images/link-news.gif') no-repeat top left;
}

a:hover h3.header-news {
text-decoration: none;
background: transparent url('images/link-newshover.gif') no-repeat top left;
}

/* welfare */
h3.header-welfare {
height: 47px;
background: url('images/link-welfarehover.gif') no-repeat top left;
}

a h3.header-welfare {
border: 0;
background: url('images/link-welfare.gif') no-repeat top left;
}

a:hover h3.header-welfare {
text-decoration: none;
background: transparent url('images/link-welfarehover.gif') no-repeat top left;
}

/* ramblings */
h3.header-ramblings {
height: 28px;
background: url('images/link-ramblingshover.gif') no-repeat top left;
}

a h3.header-ramblings {
border: 0;
background: url('images/link-ramblings.gif') no-repeat top left;
}

a:hover h3.header-ramblings {
text-decoration: none;
background: transparent url('images/link-ramblingshover.gif') no-repeat top left;
}

#secondary_content p {
font-size: 12px;
line-height: 15px;
padding: 0 0 15px 0;
margin: 0;
font-family: Georgia, "Bookman Old Style", Times, serif;
line-height: 18px;
}

/* - - FOOTER - - */
#footer p {
font-family: Georgia, "Bookman Old Style", Times, serif;
font-style: italic;
font-size: 12px;
}

#footer p a {
color: #b6fdd3;
}

#footer p a:hover {
background: none;
color: #bbcc00;
}

/* - - REGISTRATION and MEMBER PAGES - - */

#registration-page.orgs #primary_content p b {
text-transform: uppercase;
}

#registration-page.orgs #secondary_content p {
text-indent: -9999px;
font-size: 1px;
background: url('images/graphic-pawsup.gif') no-repeat top left;
width: 178px;
height: 285px;
}

p.breadcrumb {
background-color: #302005;
color: #A7FCCB;
font-size: 10px;
margin: 0 0 12px 0;
padding: 5px;
text-transform: uppercase;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

p.breadcrumb.search {
font-size: 15px;
}

p.breadcrumb.radio-search {
text-transform: capitalize;
font-size: 15px;
}

#search_expertise {
margin-top: 30px;
margin-bottom: 21px;
}



input, textarea, select, checkbox {
background-color: #fff;
border: 1px solid #5F4517;
color: #302005;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#secondary_content ul.list-profile-navigation {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
}

#secondary_content ul.list-profile-navigation h3 {
text-indent: 0;
color: #9CFCCB;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
margin: 21px 0 3px 0;
padding: 3px 0 3px 0;
border-bottom: 1px solid #53916C;
border-top: 1px solid #53916C;
font-family: Georgia, "Bookman Old Style", Times, serif;
}

#secondary_content ul.list-profile-navigation li {
font-size: 12px;
}

#secondary_content ul.list-profile-navigation li+li h3 {
margin-top: 15px;
}

#table-results {
margin: 12px 0 21px 0;
padding: 0;
width: 475px;
}


#table-results tbody tr td {
padding: 0 30px 6px 9px;
border-bottom: 1px solid #000;
}

#table-results tbody tr.table-head td {
background-color: #53916C;
padding: 6px 9px;
color: #fff;
font-family: Georgia, "Bookman Old Style", Times, serif;
text-transform: uppercase;
}

#table-results tbody tr.table-bodydata td {
padding: 0 30px 0 9px;
text-transform: capitalize;
font-size: 12px;
}

ul.list-states {
list-style-type: none;
margin: 12px 0;
padding: 0;
}
.list-states li {
margin-bottom: 3px;
}

p.register-date {
font-size: 11px;
font-style: italic;
}

.form-login {
margin-bottom: 21px;
}

/* - - - ARCHIVES - - - */
#archives ul {
width:200px;
float: left;
margin: 0;
padding: 20px 0 20px 20px;
list-style: none;
}

#archives a {
color: #fff;
text-decoration: underline;
}

#archives li {
font-size: 11px;
margin: 0 0 5px 0;
}

#archives h3 {
font-weight: normal;
font-size: 15px;
text-tranform:uppercase;
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: Georgia, "Bookman Old Style", Times, serif;
color: #b6fdd3;
}

#secondary_content p.button-memberlogin a:hover {
background-color: transparent;
border: 0;
text-decoration: none;
}

label {
display: block;
}