/* clarecomm */
#ident{font-family:'Hammersmith One',sans-serif;font-size:0.5em;color:#8B8B8B;text-align:center}
#ident a{color:#8B8B8B}
#ident a:focus, #ident a:hover, #ident a:active{color:#5b5b5b;text-decoration:underline}

/* basics */
*{margin:0;padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
html{background-attachment:fixed;background-clip:border-box}
body, html{margin:0;padding:0;font-size:100%;letter-spacing:0.00em;overflow-x:hidden /* no hrz scrll */}
pre, fieldset, table{margin:0.2em 0em;border:none}
p{margin:0.6em 0em}
ol, ul{padding:0}
li{list-style-type:none}
img{border:none;max-width:100%}
iframe{border:none;width:100%;height:24em}

.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.hidden{font-size:0.1em;overflow:hidden;left:-5000px;position:absolute;display:none}
.floatl{float:left;margin-right:2%}
.floatr{float:right;margin-left:2%}
.bold{font-weight:bold}
.italic{font-style:italic}
.justify{text-align:justify}
.right{text-align:right}
.left{text-align:left}
.center{text-align:center}
.capitalize{text-transform:capitalize}
.uppercase{text-transform:uppercase}
.bigger{font-size:110%}
.smaller{font-size:80%}

[class*='p-']{}
.p-1-1{width:100%}
.p-1-2{width:50%}
.p-1-4{width:25%}
.p-1-3{width:33%}
.p-2-3{width:66%}
.p-3-4{width:75%}

#google_map_canvas_ng, #google_map_canvas_w, #google_map_canvas_nd{height:20em;width:84%;margin-left:2%;border:solid rgb(47,93,122) 0.02em}
#google_map_canvas_ng img, #google_map_canvas_w img, #google_map_canvas_nd img{opacity:1.0;z-index:999}

a{text-decoration:none;color:rgb(53,51,30)}
#noscript-warning{background:#ffe118;color:#000;font-family:sans-serif;font-size:1em;font-weight:bold;left:0;padding:1em 0;position:fixed;text-align:center;top:0;width:100%;z-index:101;opacity:0.8}

/* specifics */
/* green-53,51,30 blue-27a9da ruby-852620 red-255,83,97*/

body{font-family:'Ubuntu',sans-serif;color:rgb(53,51,30);background:url("http://www.kindfund.com/design/grain_bkg.png") repeat scroll 0 0 #eeedea}
#home,#outreach,#news,#archived_news,#childrens_homes,#education,#water_and_wells,#how_to_help,#child_sponsorship,#about,#vision,#governance,#pray,#baby_rescue,#honey_hill,#error{background:#fff;margin:0 auto;max-width:1400px;min-height:200px}
#outreach, #archived_news{background:rgba(222, 203, 126, 0.3)}
#top,#home_gallery,#gallery,#menu2{float:left;width:100%;text-align:center;margin-top:0.5em}
#top #quote{font-size:60%;font-weight:700;margin-top:-1.2em}
#top i{font-size:70%;font-style:italic}
#top #outreach_archive{float:left;width:12em;font-size:50%;background:rgba(222,203,126,0.5);padding:0.6em 1.0em 0.6em 1.0em;border:solid 0.02em rgba(0,0,0, 0.2);border-left-width:0;border-right-width:0;border-style:solid;border-radius: 0 1.563em 1.563em 0;text-transform:uppercase;white-space:nowrap;max-width:100%}
#top #outreach_archive:hover{background:rgb(222,203,126)}
#top #how{float:right;width:11em;font-size:50%;background:rgb(188,188,188);padding:0.6em 0 0.6em 1.0em;border:solid 0.02em rgba(0,0,0, 0.2);border-left-width:0;border-right-width:0;border-style:solid;border-radius: 1.563em 0 0 1.563em;text-transform:uppercase;white-space:nowrap;max-width:100%}
#top #how:hover{background:rgba(0,0,0,0.05)}
.hilite img{border:solid 1px #fff}
.hilite img:hover{-moz-box-shadow:0 0px 2px 1px rgba(53,51,30,0.5);-webkit-box-shadow:0 0px 2px 1px rgba(53,51,30,0.5);box-shadow:0 0px 2px 1px rgba(53,51,30,0.5);border:solid 1px #fff}

h1{color:rgb(53,51,30);font-family:'Neucha',cursive;font-size:290%;font-weight:normal;margin:0em}
#info{float:right;margin:-3em 2% 0 0;font-size:60%;width:25%}
#info li{display:inline-block;width:30%}
#info a:focus, #info a:hover, #info a:active{background:#D7D6D2;padding:1em 10%;font-size:100%}
#drawer, .drawer{display:none}

#mid{display:inline-block;width:100%;margin-bottom:4em}
#pray #mid{margin-bottom:0}
#menu1{float:right;width:30%;margin:-15em 5% 0 0;border:solid rgba(255,255,255,0.5);border-width:0 0 0 0.4em;padding-left:0.2em}
#menu1 li{padding:0.4em 0 0.4em 6%;margin:0.1em 0 0;border-radius: 0 1.563em 1.563em 0;font-size:100%;text-transform:uppercase;white-space:nowrap;text-align:left}
#menu1 li a{display:block}
#menu1 li:nth-last-of-type(1){margin:0.1em 0}

#menu2{display:inline-block;margin-top:-2em}
#menu2 li{width:14.2%;padding:0.4em 0;font-size:63%;text-align:center;display:inline-block;border-top:solid #fff 0.1em;border-bottom:solid #fff 0.1em}
#menu2 li a{display:block}

.news, .archived_news, .childrens_homes, .water_and_wells, .baby_rescue, .honey_hill, .education, .outreach, .how_to_help, .about, .vision, .governance, .child_sponsorship, .pray{background:rgba(255,255,255,0.8)}
.news:focus, .news:hover, .news:active{background:rgba(255,83,97,0.7)}
.archived_news:focus, .archived_news:hover, .archived_news:active{background:rgba(255,83,97,0.7)}
.childrens_homes:focus, .childrens_homes:hover, .childrens_homes:active{background:rgba(47,93,122,0.8)}
.water_and_wells:focus, .water_and_wells:hover, .water_and_wells:active{background:rgba(0,183,255,0.8)}
.baby_rescue:focus, .baby_rescue:hover, .baby_rescue:active{background:rgba(129,67,90,0.8)}
.honey_hill:focus, .honey_hill:hover, .honey_hill:active{background:rgba(239,182,72,0.8)}
.education:focus, .education:hover, .education:active{background:rgba(196,194,137,0.8)}
.outreach:focus, .outreach:hover, .outreach:active{background:rgba(223,203,125,0.8)}
.how_to_help:focus, .how_to_help:hover, .how_to_help:active{background:rgba(188,188,188,0.8)}
.about:focus, .about:hover, .about:active{background:rgba(188,188,188,0.8)}
.vision:focus, .vision:hover, .vision:active{background:rgba(188,188,188,0.8)}
.governance:focus, .governance:hover, .governance:active{background:rgba(188,188,188,0.8)}
.child_sponsorship:focus, .child_sponsorship:hover, .child_sponsorship:active{background:rgba(139,18,242,0.8)}
.pray:focus, .pray:hover, .pray:active{background:rgba(31,162,216,0.8)}
.news:focus > a, .news:hover > a, .news:active > a,
.childrens_homes:focus > a, .childrens_homes:hover > a, .childrens_homes:active > a,
.water_and_wells:focus > a, .water_and_wells:hover > a, .water_and_wells:active > a,
.baby_rescue:focus > a, .baby_rescue:hover > a, .baby_rescue:active > a,
.honey_hill:focus > a, .honey_hill:hover > a, .honey_hill:active > a,
.education:focus > a, .education:hover > a, .education:active > a
{color:rgba(255,255,255,1.0)}

h2{font-size:200%;font-weight:700;margin-bottom:1em}
h2.error{font-size:150%;font-weight:700;margin-bottom:1em}
h3{font-size:150%;text-align:center;margin-bottom:1em;padding:0.5em 0;display:block;color:rgb(255,255,255)}
h5{font-size:70%;padding-top:0.5em}


#headline{display:inline-block;width:55%;margin:2em 0 2em 20%;text-align:left;line-height:160%}
#headline img{margin:1em 0em;max-width:100%;display:block}
#headline div p:first-letter{font-size:240%;background:#D7D6D2;padding:0 2%;margin-right:0.5%;color:#fff}
#headline i{font-size:80%;display:block}
#headline a{position:absolute;padding:1em 5%}
#headline a:hover, #headline a:active{background:#D7D6D2}

#gallery{margin-top:0.1em}
#intro, #outro{width:80%;background:rgb(243,242,238);font-size:80%;line-height:1.5em;display:inline-block;margin:1.5em 10%;padding:4.0em 10% 2.5em 10%}
#intro li{list-style-type:square;margin-left:2%}
#intro li{list-style-type:square;margin-left:2%}
#outro{padding:2.5em 10%}
#outro li{list-style-type:square;margin-left:2%}
#main{display:inline-block;width:100%}

article{margin:1.5em 10%;width:80%}
article a{color:rgb(255,83,97);font-size:120%}
.articles{font-size:60%;line-height:160%}
.articles li{list-style-type:square;margin-left:2%;text-indent:2%}
.articles ul.gallery li{list-style-type:none}
.articles img{margin:1em 0em;max-width:100%;display:block}
.articles img.email{display:inline;vertical-align:middle;max-width:40%}

.articles i{font-size:80%;display:block}

.oldernewer{font-size:70%;display:block;margin-top:1.0em}

#child_sponsorship #intro{background:transparent}
#child_sponsorship #intro h2{color:rgb(139,18,242)}
#child_sponsorship #intro a{color:rgb(139,18,242)}

#honey_hill #intro{background:transparent}
#honey_hill #intro h2{color:rgb(139,18,242)}
#honey_hill #intro a{color:rgb(139,18,242)}
#honey_hill #intro a.how_to_help_link{color:rgb(53,51,30)}

#how_to_help h2{color:rgb(53,51,30)}
#how_to_help h3{background:rgb(188,188,188);color:rgb(53,51,30)}
#how_to_help h4{color:rgba(0,0,0,0.6);margin-top:1.0em}
.smk_accordion .accordion_in .acc_head {font-size:120%}
.smk_accordion .accordion_in .acc_head div img{max-width:100%;display:inline;margin:0 0 0 1%;vertical-align:middle}
.smk_accordion .accordion_in .acc_content{border-color:rgb(225,225,225);border-width:0px 1.0px;color:rgb(53, 51, 30)}
.smk_accordion .accordion_in .acc_content img{margin-bottom:4%}
.smk_accordion .accordion_in .acc_content form{float:left;margin:0 6% 4% 0}
#how_to_help table{margin:2em 0}
#how_to_help table th{background:rgb(53,172,222);color:rgb(255,255,255);width:25%;padding:1.0em 2%;font-size:120%}
#how_to_help table td{background:rgb(210,210,210);color:rgb(53,172,222);width:25%;padding:0.4em 2%;border:solid 0.1em rgb(255,255,255)}
#how_to_help table td strong{color:rgb(106,116,125);font-size:110%}
#menu4 li{background:#FF5361;padding:0.4em 2% 0.5em 2%;margin:0.1em 0.2% 0.1em 0.0%;font-size:80%;text-align:center;display:inline-block}

#about #intro,#vision #intro,#governance #intro{background:transparent}
#about #intro h2,#vision #intro h2,#governance #intro h2{color:rgb(53,51,30)}
#about #intro a,#vision #intro a,#governance #intro a{color:rgb(119,31,27)}

#childrens_homes h2{color:rgb(47,93,122)}
#childrens_homes h3{background:rgb(47,93,122)}
#childrens_homes .articles ul.gallery li{list-style-type:none;float:left;width:46%;margin:2%}
#childrens_homes .articles img{margin:0}

#education h2{color:rgb(196,194,137)}
#education h3{background:rgb(196,194,137)}
#education .articles ul.gallery li{list-style-type:none;float:left;width:40%;margin:2%}
#education .articles img{margin:0}

#baby_rescue h2{color:rgb(129,67,90)}
#baby_rescue ul.gallery li{list-style-type:none;float:left;width:31%;margin:1%}
#baby_rescue img{margin:0}
#baby_rescue a.how_to_help_link{width:11em;font-size:70%;background:rgb(188,188,188);padding:0.6em 1.0em;border:solid 0.02em rgba(0,0,0, 0.2);border-left-width:0;border-right-width:0;border-style:solid;border-radius:1.563em;text-transform:uppercase}

#honey_hill h2{color:rgb(239,182,72)}
#honey_hill ul.gallery li{list-style-type:none;float:left;width:31%;margin:1%}
#honey_hill img{margin:0}
#honey_hill a.how_to_help_link{width:11em;font-size:70%;background:rgb(188,188,188);padding:0.6em 1.0em;border:solid 0.02em rgba(0,0,0, 0.2);border-left-width:0;border-right-width:0;border-style:solid;border-radius:1.563em;text-transform:uppercase}

#water_and_wells h2{color:rgb(0,183,255)}
#water_and_wells ul.gallery li{list-style-type:none;float:left;width:31%;margin:1%}
#water_and_wells img{margin:0}

#outreach #intro{background:transparent;padding:0;margin:0em 2%}
#outreach h2{color:rgb(222,203,126)}
#outreach #uno h2{color:rgb(222,203,126);margin:0.46em 10%;padding:0.5em 4% 1em 4%;background:rgba(53, 51, 30, 0.8)}
#outreach h3{background:rgb(222,203,126)}
#outreach #uno{float:left;width:66%}
#outreach #due{background:rgba(53,51,30,0.8);color:rgb(255,255,255);text-align:justify;float:right;width:30%;font-size:60%;line-height:1.5em;display:inline-block;margin:1.5em 2%;padding:2em 2% 2.5em 2%}
#outreach #due a{color:rgb(222,203,126)}
#outreach .articles .gallery li{margin-left:2%;text-indent:2%}
#outreach .articles .mini li{margin-left:0%;text-indent:0%;display:inline-block;width:15%}
#outreach .articles .mini li img{margin:0.2em 0;border:solid 1px #fff}


.news_archive{font-size:55%;float:right;margin:0.2em 5%}

#archived_news #intro{background:transparent;font-size:150%;line-height:1.5em;display:inline-block;padding:0;margin:1.5em 10%;font-family:'Pacifico',cursive}
#archived_news h2{color:rgb(255,83,97)}
#archived_news #live{float:left;width:90%;margin:0 5%}
.news_articles{background:rgba(255,255,255,0.5);vertical-align:top;width:90%;margin:1.5em 2.5%;padding:3em 5%;text-align:left;font-size:60%;line-height:160%}
#archived_news h3{background:rgb(53,51,30);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#archived_news h3.baby_rescue{background:rgb(129,67,90);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#archived_news h3.honey_hill{background:rgb(239,182,72);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#archived_news h3.solo{background:rgb(53,51,30);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#archived_news h3.baby_rescue_solo{background:rgb(129,67,90);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#archived_news h3.honey_hill_solo{background:rgb(239,182,72);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
/* #archived_news h3.solo{background:transparent;font-size:200%;line-height:120%;padding:0;color:rgb(53,51,30)} */

#archived_news .articles .gallery li{margin-left:2%;text-indent:2%}
#archived_news .articles .mini li{margin-left:0%;text-indent:0%;display:inline-block;width:15%}
#archived_news .articles .mini li img{margin:0.2em 0}

#news_articles{display:inline-block;width:55%;margin:8em 0 2em 5%;text-align:left;font-size:60%;line-height:160%}
#news_articles img{margin:1em 0em;max-width:100%;display:block}
#news_articles i{font-size:80%;display:block}




#news #intro{background:transparent;font-size:150%;line-height:1.5em;display:inline-block;padding:0;margin:1.5em 10%;font-family:'Pacifico',cursive;color:rgb(222,203,126)}
#news h2{color:rgb(255,83,97)}
#news #live{float:left;width:50%;margin:0 5%}
.news_articles{background:rgba(255,255,255,0.5);vertical-align:top;width:90%;margin:1.5em 2.5%;padding:3em 5%;text-align:left;font-size:60%;line-height:160%}
#news h3{background:rgb(53,51,30);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#news h3.baby_rescue{background:rgb(129,67,90);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#news h3.honey_hill{background:rgb(239,182,72);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#news h3.solo{background:rgb(53,51,30);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#news h3.baby_rescue_solo{background:rgb(129,67,90);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
#news h3.honey_hill_solo{background:rgb(239,182,72);font-size:140%;text-align:left;margin-bottom:1em;padding:0.5em 5%;display:block;color:rgb(255,255,255)}
/* #news h3.solo{background:transparent;font-size:200%;line-height:120%;padding:0;color:rgb(53,51,30)} */

#news .articles .gallery li{margin-left:2%;text-indent:2%}
#news .articles .mini li{margin-left:0%;text-indent:0%;display:inline-block;width:15%}
#news .articles .mini li img{margin:0.2em 0}

#news_articles{display:inline-block;width:55%;margin:8em 0 2em 5%;text-align:left;font-size:60%;line-height:160%}
#news_articles img{margin:1em 0em;max-width:100%;display:block}
#news_articles i{font-size:80%;display:block}

#sidebar{float:right;width:30%;margin-right:10%}
#sidebar article{margin:0.5em 0;width:80%}
#sidebar article a{color:rgb(255,83,97);font-size:80%}
#sidebar article a.baby_rescue_link{color:rgb(129,67,90);font-size:80%}
#sidebar article a.honey_hill_link{color:rgb(239,182,72);font-size:80%}
#sidebar img{float:left;border:solid rgba(243,242,238,0.8) 0.4em;margin-right:6%;max-width:100%}
#sidebar i{font-size:60%;display:block}

hr{margin:2em 0 3em 0;border:0;height:1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0))}
hr.basic{margin:1em 0}
hr.white{background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0))}}
h4.share{color:rgba(0,0,0,0.6);text-transform:uppercase;float:left;margin:1em 0.5% 0 0}
.sharebutton{-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:90%;-moz-border-radius:90%;-webkit-border-radius:0%;display:inline-block}
.sharebutton:hover{background:rgb(53,51,30)}
.sharebutton img{margin:0em}
.twitter:hover{background:rgba(42,169,224,1.0)}
.facebook:hover{background:rgba(32,67,113,1.0)}
.google:hover{background:rgba(211,73,44,1.0)}
.email:hover{background:rgba(127,218,206,1.0)}

#prayers{background:rgb(31,162,216) url(http://www.kindfund.com/design/grain_bkg.png);color:#FFFFFF;font-size:90%;line-height:1.6em;padding:4em 10%}
#prayers h4{color:rgba(0,0,0,0.6);text-transform:uppercase;text-align:center;margin-bottom:1em;font-size:200%}
#prayers p{margin:1em 0}
#prayers p{font-size:80%;display:block}
#prayers .quote{color:rgba(0,0,0,0.6);font-size:90%;font-weight:700;margin:3em 0 1em 0;text-align:center}
.prayer_point{background:rgb(31,162,216) url(http://www.kindfund.com/design/grain_bkg.png);color:rgb(255,255,255);padding:0.5em 3%}

#connect{display:inline-block;background:#d7d6d2;padding:3em 0 1em 0;border-top:0.35em solid rgb(53,51,30);border-bottom:0.1em solid #8b8b8b;text-align:justify;font-size:60%}
#work{float:left;width:50%;padding-left:5%;font-weight:300}
#buttons{float:right;width:25%}
.button{-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:90%;-moz-border-radius:90%;-webkit-border-radius:0%;float:right;width:4.8em;height:4.8em}
.button:hover{background:rgba(0,0,0,0.05)}
#official{font-size:70%;font-weight:700;text-align:center;margin:3em 0 0;display:inline-block;width:100%}

#basso{margin:0 auto;padding:1.8em 0 10%;width:100%;background:url("http://www.kindfund.com/design/grain_bkg.png") repeat scroll 0 0 #eeedea;font-family:'Hammersmith One',sans-serif;font-size:90%}


@media screen and (max-width:599px){
body{font-size:120%}
#info,#menu1,#outreach_archive,#prayers2,#how,#basso,#menu2{display:none}
#logo{float:left;width:60%;padding:0.3em 4%;font-size:100%}
#drawer{display:block}
.drawer_button{padding:0.5em 4%;text-align:center;width:30%;text-transform:uppercase;float:right;font-size:80%}
.thumb{background:#35331E;height:0.7em;max-width:100%;border-radius:1.563em;margin:0.2em 20%}
.drawer{background:rgba(53,51,30, 0.2);padding:20px 0px 10px 0px;width:100%;float:left;font-size:300%;display:none}
#menu3 li a{display:block;margin:0.1em 0 0;padding:0.4em 6%;border-radius: 0 1.563em 1.563em 0;font-size:50%;text-transform:uppercase;white-space:nowrap;text-align:left}
#intro, #outro{width:100%;margin:0;padding:4.0em 5% 2.5em 5%}
#news #intro{font-size:80%;margin:0;padding:0 5%;line-height:1.5em}
#news #live, #archived_news #live, #outreach #uno{float:none;width:100%;margin:0}
#news #sidebar, #archived_news #sidebar, #outreach #due{float:none;width:90%;margin:1.5em 5%}
hr.sidebar{display:none}
article{margin:1.5em 5%;width:90%}
#childrens_homes .articles ul.gallery li{width:100%}
#work{float:left;width:100%;padding:0 5%}
#buttons{width:100%;padding:0 5%}
.smk_accordion .accordion_in .acc_head div{width:40%}
}


@media screen and (min-width:600px){
body{font-size:105%}

}

@media screen and (min-width:800px){
body{font-size:140%}

}

@media screen and (min-width:1200px){
body{font-size:160%}

}