/*
THEME NAME: EarthChild Institute
THEME URI: 
DESCRIPTION: Custom Wordpress Theme for earthchildinstitute.org
AUTHOR: <a href="http://www.studiomate.net">Jose Gil</a>
AUTHOR URI: http://www.josegil.info
*/

@import "reset.css";
.clear{clear:both;}

body {
	/*background: #2D3D4C;*/
	background:url(images/iStock_000010768301Medium.jpg);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
#shTitle div#shName
{
background:#FFFFFF;
text-align:justify;
color:#000000;
padding:10px;
clear:both;
}
#wrapper {
	width: 900px;
	background: #FFF;
	margin: 0 auto;
}

#header {
	overflow: hidden;
	width: 900px;
	height:121px;
	margin: 0 auto;
	padding:0;
	background: url(images/banner-violet.jpg);
}
	.header-donate{background: url(images/banner-blue.jpg)!important;}
	.header-how-we-work{background: url(images/banner-red.jpg)!important;}
	.header-programs{background: url(images/banner-red.jpg)!important;}
	.header-partners{background: url(images/banner-violet.jpg)!important;}
	.header-about{background: url(images/banner-blue.jpg)!important;}
	
#logo {
	display:block;
	width:440px;
	height:105px;
	text-indent:-10000px;
	overflow:hidden;
	padding:0;
	font-size:0;
	margin-left:81px;
}

#logo a {
	display:block;
	width:440px;
	height:105px;
	text-indent:-10000px;
	overflow:hidden;
	padding:0;
	font-size:0;
}

#container {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	background: #FFF url(images/bg-content.png) repeat-y left;
	min-height:500px;
	padding-top:10px;
}

/**sidears***/

#sidebar-left{width:215px;float:left;}

/***widgets***/

a.widget_sp_image-image-link{display:block;text-align:center;margin-bottom:15px;}

.textwidget{
	line-height:150%;
	color:000000;
	margin-bottom:15px;
}

	.sidebar-inner h2{font-size:16px;font-weight:bold;display:block;padding-bottom:5px;}

/**login**/
.sidebar-inner ul.login h2{background: url(images/user.gif) left 10px no-repeat;padding-left:21px;padding-top:10px;}

ul.login li{
	display:block;
	padding:4px;
	margin-bottom:3px;
	border-bottom:1px dotted #D3DCDE;
}

ul.login li a{display:block;text-decoration:none;}


.line{
	height:1px;
	font-size:0;
	padding:0;
	background: #D3DCDE;
	border-bottom:1px solid #FFF;
	margin-bottom:7px;
}

#sidebar-right {float: right;width: 200px;}

	.sidebar-inner{padding:10px 15px 0;}

/**search**/
#searchbox{margin-top:0}
.search-txt{
	border:1px solid #DADADA;
	font-size:12px;
	width:130px;
	height:18px;
	padding:1px;
	float:left;
	
}

.search-bt{
	font-size:0;
	padding:0;
	overflow:hidden;
	text-indent:-100000px;
	height:22px;
	width:30px;
	border:0;
	background: url(images/icons.png) -150px 0;
	float:left;

}

/***folow us ***/

.follow-us{margin:15px 0;text-align:center;padding:10px 0;border-top:1px solid #DADADA;border-bottom:1px solid #DADADA;}

	.follow-us a{
		display:block;
		font-size:0;
		padding:0;
		margin:10px 0 0 5px;
		text-indent:-1000px;
		height:48px;
		width:48px;
		overflow:hidden;
		float:left;
		opacity:.6;
		filter: alpha(opacity=60);
	}
	
		a.twitter{background: url(images/icons.png);}
		a.facebook{background: url(images/icons.png) -50px 0;}
		a.rss{background: url(images/icons.png) -100px 0;}
		
		.follow-us a:hover{opacity:1;filter:alpha(opacity=100);}

.sidepanel {margin:5px 0 15px;padding:10px 0;border-top:1px solid #DADADA;border-bottom:1px solid #DADADA;}

	.sidepanel h3 {	font-size:16px;font-weight:bold;display:block;padding-bottom:5px}
	
	.sidepanel ul li {
		border-bottom: 1px solid #EFEFEF;
		padding: 5px 0;
		line-height: 12px;
	}
	
	.sidepanel p {
		margin-top: 8px;
		line-height: 1.3;
	}
/**main menu***/

.main-menu{position:relative;z-index:100;
font-family:"Tempus Sans ITC","Trebuchet MS",Verdana,Arial;font-weight:normal;font-size:15px;padding:0;}

.main-menu ul li a{/*color:#044F86;*/background:#EBEFF0;border:1px solid #BFCCD0;/*background: url(images/li.gif) bottom repeat-x;*/}
.main-menu ul li.current_page_item a{color:#0082B7;font-weight:bold;}


.main-menu ul li a:hover, .main-menu ul li.current_page_item a:hover{text-decoration:none;background:#D2DCDF}
	
	/*.main-menu ul li.menu-home a:hover{background:#654B96;}
	.main-menu ul.dropdown li.menu-donate:hover{background:#0FB052;color:#FFF}
	.main-menu ul li.menu-donate ul li.menu-donate {background:#0FB052;color:#FFFFFF}
	.main-menu ul li.menu-donate ul li.menu-donate:hover{background:#377F3D;}
	
	.main-menu ul.dropdown li.menu-work:hover{background:#DE1E2F;}
	.main-menu ul li.menu-work ul li.menu-work a{background:#DE1E2F;color:#FFFFFF;}
	.main-menu ul li.menu-work ul li.menu-work a:hover{background:#F76975;}
	
	.main-menu ul.dropdown li.menu-program:hover{background:#054F86;}
	.main-menu ul li.menu-program ul li.menu-program a{background:#054F86;color:#FFFFFF;}
	.main-menu ul li.menu-program ul li.menu-program a:hover{background:#206FAA;}
	
	.main-menu ul.dropdown li.menu-partners:hover{background:#0A8DCD;}
	.main-menu ul li.menu-partners ul li.menu-partners a{background:#0A8DCD;color:#FFFFFF;}
	.main-menu ul li.menu-partners ul li.menu-partners a:hover{background:#4FB1E1;}
	
	.main-menu ul.dropdown li.menu-about:hover{background:#F4EB27;color:#000000!important}
	.main-menu ul li.menu-about ul li.menu-about a{background:#F4EB27;color:#000000;}
	.main-menu ul li.menu-about ul li.menu-about a:hover{background:#E1D933;}*/

/*LEVEL ONE*/

ul.dropdown                         { position: relative; }
ul.dropdown li                      {  zoom: 1;position:relative;color:#FFF; }
ul.dropdown a:hover		            { color: #30AD4A;}
ul.dropdown a:active                { color: #30AD4A;background:#D2DCDF; }
ul.dropdown li a                    { color:#044F86;display:block;height:25px;line-height:25px;padding-left:10px;margin-bottom:5px;overflow:hidden;}
ul.dropdown li:last-child a         { /*border-right: none;*/ } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { /*background: #F3D673; color: black;*/ position: relative;}
ul.dropdown li.hover a              { color: #30AD4A; }


/* LEVEL TWO */
	
ul.dropdown ul 						{  background:#EBEFF0;width: 200px; visibility: hidden; position: absolute;top: 0;left: -222px;border:1px solid #BFCCD0;padding:10px;}
ul.dropdown ul li 					{ font-weight: normal;margin:0;/* background: #f6f6f6; color: #000;*/ 
									  /*border-bottom: 1px solid #ccc;*/ float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border: none; width: 190px; display: inline-block;margin:0!important;/*background: url(images/li.gif) bottom repeat-x;*/ } 

/* LEVEL THREE */

.main-menu ul.dropdown ul li ul li a{color:#654B96;}
ul.dropdown ul ul 					{ left:-222px; top: 0; background:#EBEFF0;border:1px solid #BFCCD0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

	
	
/***main content***/
.widget-barra{margin:0 0 15px;}
/**share**/
.addthis_toolbox{height:35px;border-bottom:1px solid #DADADA;border-top:1px solid #DADADA;float:right;width:450px;margin-botom:10px;}

.addthis_toolbox a{margin-top:10px;margin-left:10px;float:right!important;opacity:.6;filter:alpha(opacity=60);}
.addthis_toolbox a:hover{filter:alpha(opacity=100);opacity:1;}

/**PAYPAL***/

.sidebar-inner .paypal-donations{
	text-align:center;}


#content {
	float: left;
	width: 484px;
	 padding-bottom:50px;
}

.post {
	margin-bottom: 20px;
	padding:10px 15px;
}

.post-title {
	color:#30AD4A;
	font-family:"Tempus Sans ITC","Trebuchet MS",Verdana,Arial;
	line-height:150%;
	font-size:26px;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #333333;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #DADADA;
	margin:0 15px 15px;
}

.post-meta {
	font-size: 12px;
	color: #333333;
	background: url(images/date.png) left center no-repeat;
	padding-left:25px;
	height:22px;
	line-height:22px;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content h2, .post-content h3, .post-content h1 {
	font-size:22px;
	margin-bottom:5px;
/*	margin-bottom: 10px;	*/
	padding: 10px 0 2px;
	font-family:"Tempus Sans ITC","Trebuchet MS",Verdana,Arial;
	color:#30AD4A;
}

.post-content h3 {
	font-size: 18px;
color:#0082B7;
}

.post-content h1 {
	font-size: 24px;
}

.post-content p {
	line-height: 150%;
	margin-bottom: 15px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}
.ebook_link img
{
border:none !important;
}
.post-content img.alignleft, .alignleft {
	float: left;
	border: 1px solid #DADADA;
	margin: 0 10px 10px 0;
	padding: 4px;
}

.item-bottom .alignleft{margin-bottom:0;}

.main-front .alignright{
	float: right;
	border: 1px solid #DADADA;
	margin: 25px 0 0 0;
	padding: 4px;}


.post-content img.alignright {
	float: right;
	border: 1px solid #DADADA;
	margin: 0 0 10px 10px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
/*	line-height: 1.3;*/
	margin-bottom: 2px;
	line-height:17px;
}

.more-link {
	font-weight: 700;
	display: none;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments, #respond{padding:10px 15px;}


#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #DADADA;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #0082B7;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 350px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 11px;
	font-style:italic;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#footer {
	margin: 0 auto;
	width: 860px;
	/*height: 20px;
	border-top: 1px solid #EAEAEA;*/
	padding: 10px 20px;
	background:#1D2D3C;
	color:#FFFFFF;
font-size:11px;
}

#footer-links {
	list-style: none;
}

#footer-links {display:block;margin:0 auto;width:700px;}
li.first{border:0 none!important}

#footer-links li {
	float: left;
	margin: 0 7px;
	padding: 0 0 0 14px;
	border-left:1px solid #FFF;
}

	#footer-links a{color:#FFF;}
	#footer-links a:hover{text-decoration:underline;}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

a:link, a:visited {
	border:0 none;
	color:#30AD4A;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
	color:#0082B7;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

/***front page***/
.content-top {padding:10px 15px;}
#content-bottom{padding:10px 15px;}

.item-bottom{background: url(images/slider.gif) bottom center no-repeat;padding:15px 0 15px}

.ads-front{text-align:center;background: url(images/slider.gif) bottom center no-repeat;padding:5px 0 15px;}
h2.section-title{
	font-family:"Tempus Sans ITC","Trebuchet MS",Verdana,Arial;
	font-weight:bold;
	margin-bottom:15px;
	display:block;
	color:#CC0000;
	font-size:22px;
}

.main-front{
	padding:10px 15px 10px;
	line-height:150%;
	background: url(images/slider.gif) bottom center no-repeat;
	margin-bottom:10px;
}


h2.title-slider{
	font-weight:bold;
	line-height:140%;
	font-size:14px;
}

.excerpt-slider{line-height:140%;}

a.read-more{
		display:block;
		float:right;
		padding-left:11px;
		background: url(images/read-more.gif) left center no-repeat;
		font-size:11px;
		color:#CC0000;
	}
	
/***slider***/
/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	
/* Easy Slider */
#slider{
	/*border-bottom:1px solid #0082B7;*/
	background: url(images/slider.gif) bottom center no-repeat;
}
	


	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:454px;
		height:205px;
		overflow:hidden; 
	}	

	/* numeric controls */	

	ol#controls{margin:-35px 0 0;padding:0;height:15px;}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:15px;
		line-height:15px;
	}
	
	ol#controls li a{
		float:left;
		height:15px;
		line-height:15px;
		border:1px solid #CC0000;
		background:#E57F7F;
		color:#555;
		padding:0 5px;
		text-decoration:none;
		color:#fff;
		font-size:12px;		
	}
	
	ol#controls li.current a{background:#fff;color:#CC0000;}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
#blogtitle{padding:0 15px;color:#CC0000;margin-bottom:15px}

.blogpost{
	margin:0 15px 15px;
	border:1px solid #BFCCD0;
	background:url(images/blogpost.gif) repeat-x;
}

.navigation{padding:5px 15px;font-weight:bold;}

EM{font-style:italic;}

.post-content ul li{background: url(images/dot.png) left top no-repeat;list-style-image:none;list-style-type:none;padding-left:20px;}
.videotitle
{
padding:10px;
text-align:justify;
}
.widget-barraas img.alignleft{
width:165px;
}
.widget-barra h2
{
font-style:italic;
color:#30AD4A;
font-size:12px;

}

.sidebar-inner h2 a{display:block;font-style:italic;
color:#30AD4A;
font-size:12px;}

.my_blogpost
{
float:left;
margin:0 4px 15px;
width:202px;
}

.my_post-title
{
color:#30AD4A;
font-family:"Tempus Sans ITC","Trebuchet MS",Verdana,Arial;
font-size:16px;
line-height:110%;
}

/********************** Tabs */
.tabs                   { margin-bottom:15px; padding:15px; /*border-bottom:1px solid #666;*/ background:#f2f2f2; }
.tabs li                { float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; }
.tabs li.first          { border-left:0; }
.tabs li.last           { border-right:0; }
.tabs a                 { display:block; padding:8px 15px; color:#444; }
.tabs a:hover           { background-color:#ddd; text-decoration:none; color:#444; }
.tabs li.active a,
.tabs li.active a:hover { background-color:#4d4d4c; font-weight:bold; color:#fff; }
.padder
{
border-top:4px solid #666666;
clear:both;
}