/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Set the color and text decoration for the banner text link */
#banner-text a  {
	text-decoration:none;
	color:#39b0ab;
	}
	
	
#kid-image-pc{
	background : url("../img/Who_We_Help/Girl_Bkg.png") no-repeat center center;
	background-size:100% 100%;
	padding:10px; 
	}
	
#kid-image-mb{
	height:100px;
	width:100px;
	background: url("../img/Who_We_Help/Girl_Bkg.png") no-repeat scroll center center / 100% 100% transparent;
	background-size:100% 100%;
	padding:10px; 
	}
	
#donate-link {
	width:252px;
	height:107px;
	margin:auto;
	background : url("../img/Who_We_Help/Donate_Btn_Sprite.png");
	display:block;
	margin-bottom: 50px;
	}

#donate-link:hover {
	background : url("../img/Who_We_Help/Donate_Btn_Sprite.png") 252px 0px ;
}






#TapeTop{margin-top: -26px;}
#TapeBottom{
	margin-bottom: -32px;
    bottom: 181px;
    margin-bottom: -32px;
    position: relative;
    right: 219px;}


/*style the footer link section*/


	.link-image {
		height: 95px;
		position: relative;
		top: 8px;
		width: 97px;
	}

	.link:hover{
		background : url("../img/Who_We_Help/OtherKids_Bkg_Sprite.png") 114px 0px;

	}
	
	.link{
    background: url("../img/Who_We_Help/OtherKids_Bkg_Sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 112px;
    width: 118px;
	}
	

	
	.link-div{
		float:left;
		width: 118px;
		margin:0 43px;;
	}
	
	#links-div{ 
		width:100%;
		text-align:centre;
		}


/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          Media Queries For Tablet size Browser AND UP                                   ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 480px) {
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
    .oldie nav a {
        margin: 0 0.7%;
    }

/*-------------------- Header Styling --------------------*/
/* push the side nav links down the page away from the */
.main article section{
	margin-top: 40px;
	}
	
}



/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                                Media Queries For PC size Browsers AND UP                                ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 768px) {

	header p{
		font-size:27px;
		}
	
	/* ============
    WIDE: Main
   ============ */
	
	.main article header{
        /* float: none; */
        width: 100%;
    }
	
	.main article section{
        /* float: none; */
        width: 100%;
    }
	
	.main article footer{
        /* float: none; */
        width: 100%;
    }

}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                            Media Queries For Tablet Browsers Only                                       ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 1024px) {
	
/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
		
	#child_bio{
		width:60%;
		float:left
	}
	
	#images_section{
		width:40%;
		float:right;
	}
	


}