/*
Theme Name: CF Moble
Version: 1.0
Author: Digital Pulp
Author URI: http://digitalpulp.com

*/


/* -- BEGIN: html reset --------------------------------------------------- */ 

BODY, H1, H2, H3, H4, H5, H6, PRE, P, BLOCKQUOTE, ADDRESS, DL, DT, DD, UL, OL, LI, TABLE, CAPTION, TH, TD, FORM, FIELDSET, LEGEND { margin: 0; padding: 0; }
H1, H2, H3, H4, H5, H6 { font-size: 1em; }
IMG, FIELDSET, ABBR, ACRONYM { border: 0; }
ADDRESS { font-style: normal; } 
TABLE { border-collapse: collapse; border-spacing: 0; }
UL, OL { list-style: none; }

/* ----------------------------------------------------- END: html reset -- */

BODY { background: #D9ECB4; font-size: 14px; font-family: arial, sans-serif; }
H1 { color: #063; font-size: 15px; margin-bottom: 0.5em; }
P { margin-bottom: 0.5em; }
IMG { max-width: 100%; height: auto; }

INPUT, SELECT, BUTTON { vertical-align: middle; font-size: 1em; } 
INPUT[type="submit"] { border: 1px solid #063; cursor: pointer; color: #FFF; font-weight: bold;
	background: #77B31E;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8DC63F), color-stop(50%, #99CC34), color-stop(50%, #649900), to(#4DA109)); 
	background: -moz-linear-gradient(top, #8DC63F, #99CC34 50%, #649900 50%, #4DA109 );
	-moz-border-radius: 11px; 
	-webkit-border-radius: 11px; 
	border-radius: 11px;
}

IMG.alignleft { margin-right: 5px; }
IMG.alignright { margin-left: 5px; }

#header { padding: 6px 9px 5px; background: #227C47; }


#footer { text-align: center; font-size: 11px; border-top: 1px solid #232323; line-height: 1; }
#footer UL { overflow: hidden; border-top: 1px solid #8C8C8C;
	background: #2E2E2E;
	background: -webkit-gradient(linear, 0% 0%, 0% 63%, from(#414141), to(#232323)); 
	background: -moz-linear-gradient(top, #414141, #232323 63% );
}
#footer LI { float: left; text-align: center; width: 33.3%; padding: 10px 0 5px; }
#footer A { color: #CCC; text-decoration: none; }
#footer A:hover { background-color: #626262; color: #FFF; }
LI#nav_sponsor A { background-position: 50% 0; border-right: 1px solid #575757; }
LI#nav_sponsor A:hover { background-position: 50% -300px; }
LI#nav_gift A { background-position: 50% -100px; }
LI#nav_gift A:hover { background-position: 50% -400px; }
LI#nav_about A { background-position: 50% -200px; border-left: 1px solid #575757; }
LI#nav_about A:hover { background-position: 50% -500px; }



#crumbs { padding: 10px; font-weight: bold; font-size: 15px; overflow: hidden; border-bottom: 7px solid #FD9000; color: #630;
	background: #6EB628;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8EC742), to(#4EA50E)); 
	background: -moz-linear-gradient(top, #8EC742, #4EA50E ); 
}
#crumbs A { color: #F5F5F5; text-decoration: none; }
#crumbs A:hover { text-decoration: underline; }


UL.nav { margin: 10px 10px 0; }	
UL.nav LI { border-bottom: 1px solid #C9E498; background: #F4F9E9; font-size: 16px; padding: 13px 16px 11px; }
UL.nav LI:first-child { 
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px; 
	-moz-border-radius-topright: 8px; 
	border-top-right-radius: 8px; 
	border-top-left-radius: 8px; 
}
UL.nav LI:last-child { border: 0;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; 
	-moz-border-radius-bottomright: 8px; 
	border-bottom-right-radius: 8px; 
	border-bottom-left-radius: 8px; 
}
UL.nav A { color: #333; text-decoration: none;  }
UL.nav A:hover { color: #063; }



/*.about-content { background: #F4F9E9 url(images/bg.about.jpg) no-repeat 50% 0 !important; padding-top: 75px !important; }
.sponsor-content { background: #F4F9E9 url(images/bg.sponsor.jpg) no-repeat 50% 0 !important; padding-top: 100px !important; }*/

.connect-content { padding: 15px 10px 0; }
.connect-content UL.nav { margin-left: 0; margin-right: 0; }


.gifts-page { background: #FFF; }
.gift { border-bottom: 1px solid #EEE; font-size: 15px; }
.gift:hover { 
	background: -webkit-gradient(linear, 0% 42%, 0% 100%, from(#FFF), to(#EAF5D6)); 
	background: -moz-linear-gradient( 0 42% 270deg, #FFF, #EAF5D6 );
}
.gift A { display: block; overflow: hidden; color: #333; text-decoration: none; }
.gift A { background: #FFF; } /* mysteriously some verions (older?) of blackberry need this */
.gift A:hover { color: #063; }
.gift IMG { float: left; margin-right: 10px; }
.gift STRONG { color: #EF730E; }

ul.errors li { color: red; }
.intro { margin-bottom: 10px; }

.form-content FIELDSET { font-size: 15px; padding-bottom: 15px; }
.form-content LABEL { display: inline-block; padding-bottom: 0.5em; }


/*news listing*/
.archive { margin: 10px; padding: 4px 0 9px; background: #F4F9E9; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 
}
.archive A { color: #333; text-decoration: none; display: block; background: url(images/bg.arrow.gray.png) no-repeat 100% 100%; }
.archive A:hover { color: #EF730E; background-image: url(images/bg.arrow.orange.png); }
.archive B { display: inline-block; padding-bottom: 0.5em; }
.archive LI { border-bottom: 1px solid #C9E498; padding-right: 5px; }
.archive LI:last-child { border: 0; }
.archive LI A { padding: 8px 30px 7px 16px; }
.archive .featured { border: 1px solid #C3DCC5; margin: 0 4px 3px; padding: 7px 0; 
	background: #EEF3E9; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFCF4), color-stop(88%, #DEE9DD), to(#BDC8BD)); 
	background: -moz-linear-gradient( top, #FAFCF4, #DEE9DD 88%, #BDC8BD );
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 
}
.archive .featured A { padding: 2px 30px 9px 11px; } 
.archive .featured STRONG { color: #063 !important; display: inline-block; padding-bottom: 8px; }


.article { margin: 10px 10px 0; background: #F4F9E9; border: 10px solid #F4F9E9; padding-top: 2px; overflow: hidden;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 
}
.article .date { font-weight: bold; font-size: 15px; margin-bottom: 0.5em; }


.item { border-bottom: 1px solid #EFEFEF; 
	background: #FFF; 
	background: -webkit-gradient(linear, 0% 42%, 0% 100%, from(#FFF), to(#EAF5D6)); 
	background: -moz-linear-gradient( 0 42% 270deg, #FFF, #EAF5D6 );
}
.item A { display: block; text-decoration: none; color: #333; background: url(images/bg.arrow.green_2.png) no-repeat 100% 50%; overflow: hidden; }
.item A:hover { color: #EF730E; background-image: url(images/bg.arrow.orange_2.png); }
.item IMG { float: left; margin-right: 10px; border: 1px solid #CCC; }



#actions { text-align: center; color: #063; }
.child-content #actions,
.project-content #actions { padding-top: 30px; }
.link_tel,
.link_s2f { margin: 15px 0 5px; }
.link_s2f A,
.link_tel A { text-decoration: none; display: inline-block; color: #063; font-weight: bold; -webkit-transition: -webkit-transform .2s ease-in-out; }
.link_s2f A:hover,
.link_tel A:hover { -webkit-transform: scale(1.1); }
.link_tel A { border: 1px solid #89B99A; padding: 4px 35px; font-size: 15px; line-height: 19px;
	background: #B6E066;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8EDB6), color-stop(50%, #CFC), color-stop(50%, #B5DE62), to(#B5DE62)); 
	background: -moz-linear-gradient(top, #D8EDB6, #CFC 50%, #B5DE62 50%, #B5DE62 );
	-moz-border-radius: 11px; 
	-webkit-border-radius: 11px; 
	border-radius: 11px;
}
.link_s2f A { border: 1px solid #86B797; padding: 4px 40px; font-size: 13px; width: 4.25em; 
	background: #E6E6E6;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), color-stop(50%, #FFF), color-stop(50%, #CCC), to(#CCC)); 
	background: -moz-linear-gradient(top, #FFF, #FFF 50%, #CCC 50%, #CCC );
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
}
	
	


/*wordpress classes*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}