/*
Theme Name: Paper Kite Children's Foundation
Theme URI: http://www.paperkitefoundation.com
Description: Paper Kite's Default Theme
Version: 1
Author: David Ronnie
Author URI: http://www.awencollective.com
Tags: india, children, non-profit

*/
/* 
	=======================
	  CSS Reset
   	=======================
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

hr{
	border: 0;
	border-top: #999 1px solid;
}


/* 
	=======================
	  General CSS Styles
   	=======================
*/

.fltl{
	float: left;
}

.fltr{
	float: right;
}

.alignright{
	float: right;
	margin: 5px 0 5px 15px;
}

.alignleft{
	float: left;
	margin: 5px 5px 5px 0;
}

.clr{
	clear: both;
}

em{
	font-style: oblique;
}

strong{
	font-weight: bold;
}

p{
	margin: 10px 0;
	line-height: 130%;
}

blockquote{
	margin: 15px 30px;
}

img{
	display: block-inline;
}

/* 
	=============================
	  Start Custom Site Styles
   	=============================
*/

body{
	text-align: center; /* align center for browsers that don't recognize margin: auto */
	background: #96bc33 url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/bg_tile.jpg) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

#container{
	margin: 0 auto; /* center align for modern browsers */
	width: 952px;
	background: #fff url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/content_tile.gif) top left repeat-y;
}

a, a:link, a:visited{
	color: #0097d6;
	text-decoration: none;
}

a:hover, a:active{
	color: #5fcbf7;
}

h1{
	font-size: 30px;
	color: #96bc33;
	width: 450px;
	margin: 5px 0 0 0;
}

h2{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
}

h3{
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 0 0;
}

#header{
	width: 952px;
	height: 170px;
	background: #fff url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/logo_header.jpg) top center no-repeat;
	text-align: left; /* reset font alignment for old browsers */
}

#header h2{
	text-indent: -9999px;
}


/* 
	=============================
	  Right Column
   	=============================
*/	
#right-column-container{
	width: 217px;
	padding: 5px;
	margin: 10px;
	border: #ccc 1px solid;
	text-align: center;
	float: right;
	display: inline-block;
}

#right-column{
	width: 219px;
	background: #f9f9f9 url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/right-column.gif) top center repeat-y;
	margin: 0 auto;
	text-align: center;
	border-bottom: #ccc 1px solid;
}


#right-column p{
	color: #555;
	text-align: left;
	width: 200px;
	font-size: 11px;
	margin: 5px auto;
}

#right-column ul{
	border-bottom: #ccc 1px solid;
	text-align: left; /* reset font alignment for old browsers */
}

/* newsletter form */
span.label,span.spacer,span.multiple span {width: 200px;float:left; padding: 2px 0; text-align: left; font-size: 11px; color: #555;}
#name, #ddhig-ddhig{ width: 198px; margin: 2px 0;}
span.multiple {float:left;} 
span.button {padding-left: 135px;} 
div.clear {clear:both;padding-top:5px;}
input, textarea{ color: #555; font-size: 10px; background-color: #f4f4f4; border: 1px solid #ccc;}
.label{font-weight: bold;}
.right-node{margin: 5px 10px; }

#friend-textarea {
padding: 0;
margin: 0;
width: 200px;
}

/* 
	=============================
	  Left Column
   	=============================
*/

#left-column-container{
	width: 217px;
	margin: 10px;
	text-align: center;
	float: left;
	display: inline-block;
}

#left-column-container h2, #left-column-container ul, #left-column-container li{
	text-align: left;
}

#left-column-container ul{
	margin: 5px 0 20px 0;	
}

#left-column-container li{
	line-height: 140%;
	font-size: 11px;
}

#left-column-container a, #left-column-container a:link, #left-column-container a:visited{
	color: #4d207a;
}

#left-column-container a:hover, #left-column-container a:active{
	color: #7848a9;
}

#left-nav{
	text-align: left;
	margin: 0 0 10px 0;
}

#left-nav li{
	background: url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/left-nav-bg.jpg) no-repeat;
}


#left-nav a, #left-nav a:link, #left-nav a:visited{
	height: 29px;
	width: 217px;
	display: block;
	color: #fff;
	padding: 10px 0 0 10px;
	font-size: 14px;
	cursor: pointer;
}

#left-nav a:hover{
	color: #fff;
	cursor: pointer;
	background: url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/left-nav-bg.jpg) 0 -39px no-repeat;
}

#left-nav .current_page_item{
	background: url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/left-nav-bg.jpg) 0 -78px no-repeat;
}

.page-item-59, .page-item-57, .page-item-61, .page-item-63, .page-item-65{
	padding: 0 0 0 20px;	
}




/* 
	=============================
	  Center Column
   	=============================
*/

#center-column{
	width: 445px;
	float: left;
	text-align: left; /* reset font alignment for old browsers */
	margin: 10px 0;
	display: inline-block;
}
#center-column-home{
	width: 675px;
	float: left;
	margin: 10px 0 0 10px;
	text-align: left;
}

#home-intro p{
	font-size: 18px;
	line-height: 140%;
}


#home-intro-img{
	padding: 5px;
	border: #ccc 1px solid;
	margin: 20px 0 0 20px;
}

#center-column img{
	padding: 5px;
	border: #ccc 1px solid;
}

#center-column ul{
	margin: 0 0 0 25px;
}

#center-column ul li{
	list-style-type: disc;
	line-height: 130%;
}

#center-column h2.pagetitle{
	margin: 10px 0 0 0;
}

#center-column textarea{
	width: 450px;	
}

#center-column input{
	width: 200px;	
}

#center-column #submit{
	width: 450px;
	margin: 10px 0 0 0;
	color: #fff;
	background-color: #0097d6;
	border: #015173 thin solid;
	height: 20px;
}

#news-container{
	background-color: #f9f9f9;	
	border: #ecebeb thin solid;
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}
#news-container h2{
	margin: 0;
	padding: 10px 0 0 5px;
}

.home-news{
	width: 210px;
	float: left;
	margin: 5px;
}

.home-news p{
	font-size: 11px;
	margin: 0;
	_padding: 0 0 0 1px;
}

.news-post{
	margin: 0 0 25px 0;
	border-bottom: #ccc thin solid;
}

.news-post h2{
	margin: 0 0 0 0;
}

/* 
	=============================
	  Footer
   	=============================
*/	
#footer{
	background: #96bc33 url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/footer-top.gif) top center no-repeat;
	color: #fff;
	height: 50px;
	width: 952px;
}

#footer-left{
	width: 400px;
	margin: 0 0 0 10px;
	float: left;
	font-size: 12px;
}

#footer-right{
	width: 480px;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 10px;
	margin: 10px 10px 0 0;
}

#footer-right p{
	margin: 0;
}

#footer a, #footer a:link, #footer a:visited{
	color: #e5efbf;
}

#footer a:hover, #footer a:active{
	color: #c3d18e;
}

/*
========
primary nav drop-down styles

:: thanks to CSSGirl's article :: http://www.cssgirl.com/resources/2008/06/22/how-to-use-css-sprites-with-son-of-suckerfish-drop-downs/
========
*/

#nav {
	width: 952px;
	height: 35px;
	margin: 0 auto;
	background: transparent url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/nav.jpg) no-repeat top center;
	}
	
#drops, #drops ul {
	padding:0;
	margin: 0;
	clear:both;
	float:left;
	width:inherit;
	list-style-type: none;
	}
	
#drops ul.drop {
	width:inherit;
	clear:both;
	float:left;
	margin: 34px 0 0 0;
	border-bottom: thin solid #a581c9;
	}

#articles-id ul.drop{
	margin-left: 25px;
}

#goals-id ul.drop{
	margin-left: 50px;
}
	

#drops ul.drop li {
	padding: 0;
	background-color: #4d207a;
	clear:both;
	border-top: thin solid #a581c9;
	border-left: thin solid #a581c9;
	border-right: thin solid #a581c9;
	}
	
#drops ul.drop a {
	display: block;
    width: 150px;
	height: 18px;
	color: #fff;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	text-align: left;
	padding: 7px 0 0 20px;
	clear:both;
	float:left;
	}
	
#drops ul.drop a:hover {
	
	background-color: #7c50a8;
	}
	
#drops a {
	display: block;
	float:left;
	clear:both;
}

#drops li {
	float: left;
}

#drops li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#drops li:hover ul {
	left: auto;
}

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}
/*END SUCKERFISH*/

#nav a.home, #nav a.who-we-are, #nav a.what-we-do, #nav a.get-involved, #nav a.bihar-india, #nav a.news, #nav a.resources, #nav a.contact {
	background: transparent url(http://paperkitefoundation.com/wp-content/themes/paperkite/images/nav.jpg) no-repeat top center;
	height: 35px;
	text-indent:-999999px;
	}
	
#nav a.home {	
	background-position:left top;
	width: 95px;
	}
	
#nav a.who-we-are {	
	background-position: -95px 0;
	width: 135px;
	}

#nav a.what-we-do {	
	background-position: -230px 0;
	width:135px ;
	}

#nav a.get-involved {	
	background-position: -365px 0;
	width: 140px;
	}

#nav a.bihar-india {	
	background-position: -505px 0;
	width: 135px;
	}	
		
#nav a.news {	
	background-position: -640px 0;
	width: 80px;
	}
	
#nav a.resources {	
	background-position: -720px 0;
	width: 120px;
	}
		
#nav a.contact {	
	background-position: -840px 0;
	width: 112px;
	}

/*   */
#nav a.home:hover {	
	background-position:left -35px;
	}
	
#nav a.who-we-are:hover {	
	background-position: -95px -35px;
	}

#nav a.what-we-do:hover {	
	background-position: -230px -35px;
	}

#nav a.get-involved:hover {	
	background-position: -365px -35px;
	}	
	
#nav a.bihar-india:hover {	
	background-position: -505px -35px;
	}	
	
#nav a.news:hover {	
	background-position: -640px -35px;
	}	
	
#nav a.resources:hover {	
	background-position: -720px -35px;
	}
	
#nav a.contact:hover {	
	background-position: -840px -35px;
	}

#paypal input, #paypal textarea{
	border: 0;
	width: auto;
	background: none;
}

/* Those who flow as life flows know they need no other force: they feel no wear, they feel no tear, they need no mending, no repair. - Lao Tzu */