/*
Theme Name: Human Touch Initiative
Theme URI: http://humantouchinitiative.org/
Description: A custom theme built for Human Touch Initiative
Version: 1.0
Author: Ryan Keiser
Author URI: http://ryankeiser.net
*/

/* START EVERYTHING WITH A CLEAN SLATE  */

a
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size:18px;
    line-height:22px
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0
}

/* NOW SET UP THE BASICS
 * Type, links, margins, colors, etc.
 */

body {
    font-family: "Baskerville", Georgia, serif;
    line-height: 20px;
    background: #abbebc;
}

.home-body {
    background: #7a6a54 url(images/hti-bg-bluetop.png) repeat-x top
}

.page-body {
    background: #b7d4d8 url(images/hti-bg-browntop.png) repeat-x top
}

a, a:link, a:visited {
    color: #465f95
}

a:hover {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Baskerville", georgia, serif;
}

.main-article h2 {
    margin: 40px 0 15px 0 !important;
    font-size: 22px
}

/* NOW SET UP SOME POSITIONING
 * Containers, form elements, posts, pages, and on
 */

#container {
    width: 960px;
    margin: 0 auto;
}

#header-contact {
    float: left;
    width: 600px;
    font-family: georgia, serif;
    text-align: center;
    margin-top: -97px;
}

#header h1 {
    float: left;
    width: 669px;
    height: 140px;
    text-indent: -9999px;
}

#header-nav {
    float: left;
    height: 67px;
    width: 960px;
    margin-top: 45px;
}

.home-body #header-nav {
    background: url(images/topnav-bg.png) 0 0px no-repeat
}

.page-body #header-nav {
    background: url(images/topnav-bg.png) 0 -67px no-repeat
}

#logo {
    float: left;
    margin-left: 31px;
    margin-top: -110px;
}

#header-nav ul {
    float: left;
    margin-left: 244px;
    margin-top: 1px;
}

#header-nav li {
    width: 111px;
    float: left;
    text-align: center;
}

#header-nav li a {
    color: #46518a;
    font-family: "baskerville", georgia, serif;
    width: 113px;
    text-decoration: none;
    height: 65px;
    display: block;
    padding-top: 12px;
    text-shadow: 1px 1px 0 #e5ddc6;
    font-size:18px
}


.page-body #header-nav li a {
    text-shadow: 1px 1px 0 #c5dce0
}

#header-nav .single {
    padding-top: 22px
}

#header-nav li a:hover {
    background: url(images/topnav-over.jpg) 0 0 no-repeat;
    color: #111;
}

.page-body #header-nav li a:hover {
    background: url(images/topnav-over.jpg) -113px 0 no-repeat
}

#content-wrap {
    float: left;
    padding: 0 33px;
    width: 885px;
}

#content {
    background: #f7edd4;
    float: left;
    width: 882px;
}

#sidebar {
    float: left;
    width: 215px;
    background: #f7edd4 url(images/sidebar-bg-browntop.jpg) top left repeat-x;
    min-height: 575px;
    height: auto !important;
    font-size: 14px;
    line-height: 17px
}

#sidebar-head {
    background: url(images/sml-sidebar-head-blue.png) repeat-x;
    display: block;
    height: 15px;
    margin-bottom: 15px;
}

#sidebar h3 {
    float: left;
    width: 213px;
    color: #f7edd4;
    background: url(images/sml-sidebar-head-brown.png) repeat-x;
    text-align: center;
    font-family: arial, sans-serif;
    padding: 5px 0;
    margin-bottom: 10px;
    border-right: 1px solid #2b3f67;
}

#sidebar-message, .hti-widget {
    margin: 0 15px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 15px;
}

#sidebar-message p, .hti-widget p {
    text-align: left
}

#sidebar-message .caption, .hti-widget .caption {
    font-style: italic;
    text-align: center;
    margin-top: -15px;
}

.rss-link {
    text-align: center !important
}

.rss-link a {
    margin-left: 3px;
    padding: 0 0 0 19px;
    background: url("images/rss.png") no-repeat 0 50%;
}

#header .hti-widget {
    margin: 0
}

.testimonial {
    line-height: 18px;
    background: url(images/quote-bg.png) top left no-repeat;
    font-family: georgia, serif;
    line-height: 1.35em;
    color: #4f4737;
    padding: 10px;
    margin-left: 10px;
    float: left;
    font-style: italic;
}

.author {
    font-weight: bold;
    font-style: italic;
    float: left;
    margin-top: 8px;
}

.sidebar-widget {
    text-align: center;
    margin: 25px 0;
}

#hti-fb {
    text-align: center;
    margin: 25px 0;
}

#hti-newsletter {
    margin: 15px;
    float: left;
    color: #5b5549;
    background: #f7edd4;
    padding: 5px;
}

#hti-newsletter p {
    margin: 0 0 5px 0;
    text-align: center;
}

#hti-newsletter a {
    color: #111;
    line-height: 1.35em;
}

#hti-newsletter img {
    float: left;
    margin: 5px 5px 5px;
}

.hti-widget {
    color: #43382a;
    margin-bottom: 25px;
}

.home-body #footer .hti-widget {
    color: #f7edd4;
    margin: 0;
}

.page-body #footer .hti-widget {
    color: #0d2345;
    margin: 0;
}

.orginfo {
    text-align: center !important;
    margin: 20px 0 -15px 0;
    border-top: 1px dotted #a99b81;
    padding-top: 15px;
}

.hti-widget a {
    color: #111
}

.sidebar-question {
    margin: 15px 0 5px 0 !important;
    font-weight: bold;
    float: left;
}

.donations {
    line-height: 18px
}

.donations p {
    margin-bottom: 15px
}

#home-donate {
    border-top: 1px dotted #a99b81;
    border-bottom: 1px dotted #a99b81;
    padding: 15px 0;
    line-height: 1.3em;
    font-style: normal;
}

#home-donate p {
    margin: 0 !important;
    line-height: 18px;
}

#home-donate h2 {
    color: #43382a;
    margin-bottom: 10px;
}

#home-donate img {
    margin-top: 15px
}

.special-heading {
    text-align: center;
    font-weight: normal;
    font-family: georgia, serif;
    font-style: italic;
    color: #355493;
    text-shadow: 1px 1px 0 #fff;
    margin: 0 0 20px 0;
    font-size:24px
}

.sec-intro {
    line-height: 20px;
    padding: 8px 0;
    border-top: 1px dotted #a99b81;
    border-bottom: 1px dotted #a99b81;
}

.faq-question {
    margin: 15px 0 0 0 !important;
    font-weight: bold;
    float: left;
    width: 615px;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-style: normal;
}

#violator {
    float: right;
    margin: 0 0 15px 15px;
    border: 2px solid #b7d4d8;
    padding: 10px;
    background: #fff;
    text-align: center;
}

#violator h2 {
    margin: 0 0 10px 0
}

#violator p {
    margin: 0
}

#violator button {
    padding: 5px;
    font-size:22px
}

#sec-page #ticker-wrap {
    background: url(images/sml-sidebar-head-blue.png) repeat-x;
    padding: 5px 0 5px 4px;
    float: left;
    text-align: center;
    width: 663px;
    color: #355493;
    height: 21px;
    overflow: hidden;
}

#page-head {
    height: 15px;
    background: url(images/sml-sidebar-head-blue.png) repeat-x;
    display: block;
}

#letter-start {
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 19px
}

#contact-us {
    float: left;
    margin-top: 25px;
    text-align: center;
    width: 645px;
}

#footer #contact-us {
    background: url(images/opaque.png) repeat-x;
    border-top: 1px solid #fff;
    padding: 4px;
    width: 350px;
    margin: -200px auto 25px auto;
    float: none;
    color: #111;
}

#footer #contact-us strong {
    color: #111
}

#contact-us #grassroots {
    padding: 4px;
    margin-top: 15px;
}

#sec-page {
    float: left;
    width: 667px;
    background: transparent url(images/sec-page-bg.jpg) no-repeat scroll 0 0;
}

.content-page p {
    margin-bottom: 15px;
    text-shadow: 0 1px 0 #fff
}

.form-page {
    margin-bottom: 0
}

.main-feature {
    float: left;
    margin: 25px 25px 0 25px;
}

.main-feature h2 a {
    clear: left;
    text-decoration: none;
    color: #111;
    text-shadow: 1px 1px 0 #fffdf8;
    font-family: georgia, serif;
    margin: 0 0 25px 0 !important;
}

.main-feature h2 a:hover {
    text-decoration: underline
}

.main-article img, .article img, .fa-image, .wp-caption {
    float: right;
    margin: 0 0 15px 15px;
    padding: 10px;
    background: #fff;
}

.wp-caption {
    border: none;
    text-align: center;
    font-style: italic;
}

.main-article {
    float: left;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.main-article p {
    margin: 15px 0
}

.post-author {
    color: #7c6c56;
}

.main-news {
    float: left;
    margin: 0 15px;
    width: 192px;
    overflow: hidden;
    word-wrap: break-word;
}

.main-news h4 {
    margin-bottom: 15px;
}

.main-news h4 a {
    color: #111
}

.main-news h4 a:hover {
    text-decoration: underline
}

.main-news img {
    border: 3px solid #a4babe;
    margin: 15px 0 10px 0;
}

.main-news p {
    line-height: 20px;
}

#home-news-banner h1, #comments-wrap h6 {
    color: #111;
    text-shadow: 1px 1px 0 #c6e8f0;
    text-align: center;
    margin-top: 2px;
}

#home-news-archive {
    font-weight: bold;
    height: 32px;
    width: 645px;
    text-align: center;
    float: left;
}

#home-news-archive a {
    background: transparent url(images/post-separator.jpg) no-repeat scroll -15px -131px;
    color: #111;
    text-shadow: 1px 1px 0 #FFFCF3;
    display: block;
    width: 645px;
    height: 32px;
    padding-top: 8px;
    font-weight: normal;
}

#home-news-archive a:hover {
    background: transparent url(images/post-separator.jpg) no-repeat scroll -15px -171px;
    text-shadow: -1px -1px 0 #fffcf3;
    text-decoration: underline;
}

#home-news-banner, #comments-wrap h6 {
    background: transparent url(images/post-separator.jpg) no-repeat scroll -25px 0;
    float: left;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 6px 0;
    padding: 4px 0 8px 0;
    width: 615px;
    height: 22px;
}

#home-news-banner {
    width: 645px;
    background: transparent url(images/post-separator.jpg) no-repeat scroll -5px 0;
}

.page {
    float: left;
    margin: 25px;
    line-height: 22px;
    width: 617px;
}

.page h1{font-size:24px}

.page blockquote {
    font-family: georgia, serif;
    float: left;
    width: 175px;
    margin: 0 15px 15px 0;
    font-style: italic;
    color: #111;
    background: #b3ccce;
    padding: 10px;
}

.page h2 {
    margin: 10px 0 15px 0;
    text-shadow: 0px 1px 0 #fff;
    font-size: 24px;
    margin: 25px 0
}

.page h3 {
    text-shadow: 1px 1px 0 #e5ddc6
}

.page img {
    float: right;
    margin: 0 0 15px 15px;
}

.page ul {
    margin: 25px
}

.page ul li {
    list-style-image: url(images/bullet.png);
    padding-left: 5px;
    margin-bottom: 15px;
}

button {
    background: url(images/bttn-bg.jpg) top left;
    color: #111;
    text-shadow: 1px 1px 0 #fff;
    border: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 4px 20px;
    border: 1px solid #b7d4d8;
    cursor: pointer;
}

#home-donate button {
    padding: 5px 10px;
    margin-bottom: 9px;
    background: #355493;
    color: #fff;
    text-shadow: none;
    border: none;
}

#field-cont {
    margin-left: 100px;
    margin-top: 10px;
}

.page fieldset {
    border: 1px solid #b7d4d8;
    padding: 10px;
    margin: 0 0 25px 0;
    width: 590px;
}

.single-article p {
    line-height: 24px
}

.single-article img {
    border: 3px solid #a4babe
}

.sec-desc {
    margin: -15px 0 0 10px;
    color: #0d2345;
}

.page legend {
    font-weight: bold;
    padding: 0 10px;
    color: #0d2345;
}

.article {
    margin: 25px 0;
    clear: right;
    float: left;
    width: 610px;
}

.article h3 {
}

.article h3 a {
}

.wp-caption {
    background: transparent !important
}

.article-summary {
    background: url(images/post-separator.jpg) -40px -34px no-repeat
}

#gallery-1 .gallery-item {
    float: left;
    height: 250px;
    margin: 6px;
    text-align: center;
    width: 33%;
}

.article img {
    float: left;
    margin: 0 15px 15px 0;
}

#page-comments {
    float: left;
    padding: 0 25px;
    width: 617px;
}

#page-comments h3 {
    margin: 0;
    color: #111;
    font-family: arial, sans-serif;
    padding: 3px 0px;
    font-weight: bold;
}

#page-comments #comment {
    width: 500px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 5px;
    font-family: arial, sans-serif;
}

#page-comments .comment {
    border: 1px dotted #D7CEB9;
    float: left;
    margin: 10px 0;
    padding: 15px;
    width: 585px;
}

#page-comments .comment p {
    margin-top: 0;
    margin-bottom: 0;
}

#page-comments .comment-metadata {
    color: #9b7856;
    margin-bottom: 0;
}

#page-comments .comment-gravatar {
    float: left;
    width: 50px;
    margin: 0 15px 5px 0;
}

.comment-metadata a {
    color: #9b7856
}

#commentlist {
    margin-bottom: 50px
}

#commentform p {
    margin: 20px 0;
    float: left;
    width: 615px;
}

#commentform label, #donate-form label {
    width: 85px;
    float: left;
}

#commentform input, .wpcf7 input, #donate-form input {
    -moz-border-radius: 6px;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url(images/fieldbg.gif) repeat-x top;
    padding: 5px;
    margin-right: 5px;
}

#commentform textarea, .wpcf7 textarea {
    -moz-border-radius: 6px;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    font-family: arial, sans-serif;
    padding: 5px;
    width: 595px;
}

#page-comments #submit, .wpcf7 #submit {
    background: transparent url(images/bttn-bg.jpg) repeat scroll left top;
    color: #111;
    text-shadow: 1px 1px 0 #fff;
    border: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 5px 20px;
    cursor: pointer;
    margin-left: 80px;
    font-size: 22px
}

.wpcf7-form ul li {
    list-style-image: none;
    width: 500px;
}

#wpcf7-f7-p132-o1 {
    margin-bottom: 50px;
    float: left;
}

.wpcf7 #submit {
    margin-left: 0
}

#page-comments #submit:hover {
    text-shadow: 1px 1px 0 #e6be6f
}

.wpcf7 p {
    float: left;
    width: 615px;
}

#afs-sec1, #afs-sec2, #afs-sec3 {
    float: left;
    width: 550px;
    clear: left;
}

#afs-sec1 label, #afs-sec2 label, #afs-sec2 label {
    float: left;
    font-weight: bold;
    width: 86px;
    text-align: right;
    padding-right: 10px;
}

#afs-sec1 label {
    width: 110px
}

#afs-sec2 label {
    width: 525px;
    text-align: left;
}

#afs-sec1 input {
    width: 220px;
    float: left;
}

#afs-sec2 input {
    margin-bottom: 15px
}

#afs-sec1 .small input {
    width: 80px
}

#afs-sec1 .emailsubscribe {
    margin-left: 99px;
    line-height: normal;
}

.wpcf7-checkbox input {
    width: 15px !important
}

#afs-sec1 li {
    float: left;
    margin: 0 0 8px 0;
    padding: 0;
    list-style-image: none;
    clear: left;
}

#afs-sec3 li {
    line-height: 1.25em
}

#afs-sec3 li {
    list-style-image: none
}

#afs-sec1 .oneline {
    clear: none
}

#afs-sec1 .oneline label {

}

#afs-sec li.small {
    clear: none
}

#afs-sec1 .wpcf7-form-control-wrap {
    float: left
}

#donate-form {

}

#donate-form .special-heading {
    line-height: 24px;
}

#donate-by-mail {
    float: right;
    margin: 0 0 0 25px;
    width: 250px;
    text-align: right;
}

#donate-form .sec-intro p {
    line-height: 18px;
}

#donate-form li {
    list-style: none;
    float: left;
    clear: left;
    margin-bottom: 15px;
}

#donate-form .sec-desc, .wpcf7 .sec-desc {
    color: #56524a !important;
}

.wpcf7 .sec-desc {
    margin-left: 0
}

#donate-form fieldset {
    margin: 25px 0
}

#donate-form .instruct {
    float: left;
    width: 310px;
    left: 310px;
    top: -40px;
    position: relative;
}

#donate-form .adonation {
    float: left;
    float: left;
    width: 141px;
}

#donate-form input {
    float: left
}

#donate-form label {
    float: left;
    width: 125px;
    text-align: right;
    padding-right: 15px;
}

#donate-form .check {
    width: 410px;
    font-weight: normal;
    text-align: left;
    margin-top: -6px;
    font-weight: bold;
}

#donate-form .choice input {
    margin-left: 140px
}

#donate-form .match {
    margin-top: -45px
}

#donate-form .short {
    width: 56px
}

#donate-form .medium {
    width: 330px
}

#donate-form select {
    padding: 4px 5px;
    float: left;
    border: none;
}

#donate-form .stext {
    width: 70px
}

.req {
    font-weight: bold;
}

table#providers {
    font-family: "Lucida Grande", helvetica, arial, sans-serif;
    background: #fff;
    border: 1px solid #A99B81;
    line-height: 16px;
    font-size:13px
}

#providers tr {
    vertical-align: top
}

table#providers th {
    font-weight: bold;
    background: #b9d3d7 url(images/provider-bg.png) repeat-x;
    padding: 10px;
}

.prov {
    padding: 10px;
    border-bottom: 2px solid #b9d3d7;
    font-weight: bold;
}

.prov img {
    width: 75px
}

.prov a {
}

.prov-loc, .prov-contact {
    padding: 10px;
    border-bottom: 2px solid #b9d3d7;
}

.provider {
    float: left;
    font-family: "Lucida Grande", helvetica, arial, sans-serif;
    background: #fff;
    width: 285px;
    margin: 10px;
    border: 1px solid #b4cfd2;
    padding: 0 0 15px 0;
}

.leftbox {
    clear: left
}

#providers h3 {
    clear: left;
    float: left;
    margin: 25px 0 10px;
    width: 100%;
}

.provider dl {
}

.provider dt {
    font-weight: bold;
    text-shadow: 1px 1px 0 #d6e7ea;
    float: left;
    background: #b9d3d7 url(images/provider-bg.png) repeat-x;
    color: #2c3233;
    width: 275px;
    padding: 5px;
    margin: 0 0 15px 0;
    text-align: center;
}

.provider dd {
    margin: 0 10px;
    line-height: 18px;
}

.provider-loc {
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

.provider-contact {
    float: left;
    width: 255px;
    margin-top: 15px !important;
    background: #eff7f7;
    margin: 5px 10px !important;
    padding: 5px;
}

.provider-contact-primary {
    float: left;
    width: 255px;
    font-weight: bold;
    background: #eff7f7;
    padding: 5px;
}

#providers-map {
    float: left;
    border: 1px solid #111;
    text-align: center;
    margin-top: 25px;
}

#providers img {
    float: left;
    margin: 0 10px 5px 5px;
}

.wheelchair {
    margin: 10px 0 !important;
}

.home-body .event {

}

.page-body .event p {
    margin: 0
}

.page-body .event {
    margin-bottom: 25px
}

.event-title {
    font-weight: bold;
    font-family: georgia, serif;
}

.event-location, .event-date {
    font-weight: bold
}

.event-summary {
    color: #7c6c56;
    margin-bottom: 15px;
}

#footer {
    float: left;
    width: 943px;
    padding-top: 245px;
    height: 29px;
    text-align: center;
    width: 885px;
    padding-bottom: 25px;
    font-size: 14px;
    line-height: 17px
}

#footer p {
    margin: 0
}

/* THEMES */

/* BANNERS ---------------------- */

.banner-1-A {
    background: url(images/banner-1-A.jpg) top right no-repeat
}

.banner-1-B {
    background: url(images/banner-1-B.jpg) top right no-repeat
}

.banner-1-C {
    background: url(images/banner-1-C.jpg) top right no-repeat
}

.banner-1-D {
    background: url(images/banner-1-D.jpg) top right no-repeat
}

.banner-1-E {
    background: url(images/banner-1-E.jpg) top right no-repeat
}

.banner-1-F {
    background: url(images/banner-1-F.jpg) top right no-repeat
}

.banner-1-G {
    background: url(images/banner-1-G.jpg) top right no-repeat
}

/* BLUE TOP ------------------- */

.home-body #footer {
    color: #f7edd4
}

.home-body #header h1 {
    background: url(images/head-banner-A.jpg) top right no-repeat
}

.home-body #header-contact {
    color: #111
}

.home-body #header-contact a {
    color: #111
}

.home-body #content-wrap {
    background: url(images/footer-bg-brownbttm.jpg) bottom center no-repeat
}

.home-body #contact-us strong {
    color: #625239
}

.home-body #contact-us a {
    color: #111
}

/* BROWN TOP ------------------ */

.page-body #header-contact {
    color: #f7edd4
}

.page-body #header-contact a {
    color: #f7edd4
}

.page-body #content-wrap {
    background: url(images/footer-bg-bluebttm.jpg) bottom center no-repeat;
    margin-top: -36px;
}

.page-body #footer {
    color: #0d2345
}

/* THE NAV */

#thenav li ul {
    margin: -17px 0 0;
    padding: 0;
    position: absolute;
    display: none;
    width: 113px;
}

#thenav li ul#news-dropdown {
    margin: -10px 0 0
}

#thenav li ul li {
    float: none;
    display: inline;
}

#thenav li ul li a {
    width: auto;
    background: #7c6c56;
    height: 30px;
    color: #f7edd4;
    text-shadow: -1px -1px 0 #111;
}

#thenav li #donate-dropdown {
    height: 50px;
    margin-top:-20px
}

#thenav #faq-dropdown{
	margin-top:-21px
}

.page-body #thenav li ul li a {
    text-shadow: 0 -1px 0 #111;
    font-size:15px
}

#thenav li #donate-dropdown    li a {
    height: 50px
}

.last-drop a {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

#thenav li ul li a:hover {
    background: #f7edd4;
    color: #111;
    text-shadow: 1px 1px 0 #fff;
}