/*  

Theme Name: Children of the planet charity

Theme URI: http://www.childrenoftheplanetcharity.com/wpchildrenoftheplanet/

Description: A theme which was made for the children of the planet charity

Version: 1.0

Author: Kevin Reursora

Author URI:

*/



body {

	color: #666666; 

	text-align: center;

	margin: 0 0 50px 0;

	font-size:12px;

	font-family:"Trebuchet MS";

	background: #CCCCCC;

}



a img {

	border: 0;

}



/* links */



a, a:visited {	



	color: #5A93C9;



	background: inherit;



	text-decoration: none;	



}



a:hover {



	color: #88ac0b;



	background: inherit;



	text-decoration: underline;	



}







/* headers */



h1, h2, h3 {

	color: #000000;

}



h1 {



	font-size: 230%;	



	font-weight: normal;



	letter-spacing: -1px;



}



h2 {



	font-size: 180%;



	color: #88ac0b;



}



h3 {



	font-size: 150%;	



	font-weight: normal;	



}







h1, h2, h3, p {



	padding: 10px;		



	margin: 0;



}



ul, ol {



	margin: 5px 20px;



	padding: 0 20px;



}



ul {



	list-style: none;



}



#wraper {

	position: relative;

	background: #fff url(images/wrap-bg.jpg) repeat-y;

	width: 765px;	

	margin: auto;

	text-align: left;

	border: 1px solid #333333;	

	-moz-box-shadow: 0 1px 30px #464646;



}



#header {

	/*position: relative;*/

	background: #e1e1e1 url(images/heading_img.png) no-repeat;

	width: 765px;

	height: 142px;

	padding: 0;

	margin: 0;

}



#header h1#logo-text a {



	position: absolute;



	margin: 0;



	padding: 0;



	font: normal 42px Georgia, "Times New Roman", Times, serif;



	letter-spacing: -1.5px;



	color: #111;



	text-transform: none;



	text-decoration: none;



	top: 22px;



	left: 20px;



	width: 560px;



}



#header p#slogan {



	position: absolute;



	margin: 0; padding: 0;



	font: normal 12px Georgia, "Times New Roman", Times, serif;



	text-transform: none;



	color: #5b4a29;



	top: 72px; left: 25px;		



}



#header-photo {

	background: #ffffff;

	height:304px; 

	width: 765px;

	padding-top: 7px;

}



table.gory {



border-collapse:collapse;



border-spacing:0;



font-family:Arial;



font-size:18px;



font-weight:normal;



margin: 10px 45px;



color:#ffffff;



}



div.color {



  border-width:1px;



  border-style:solid;



  border-color:#6699CC;



  }



table.maincon



{ font-family: arial;



font-weight: normal;



font-size: 14px;



color: 000000;



padding: 10px;



}











/* Navigation */



#nav-menu {

	clear: both;

	margin: 0;

	padding: 0;

	height: 23px;

}



#nav-menu ul {

	float: left;

	list-style: none;

	background: #ffffff;

	width: 765px;

	height: 23px;

	margin: 0;

	padding: 0;	

	display: inline;

}



#nav-menu ul li {

	display: inline;

	margin: 0; padding: 0;

}



#nav-menu ul li a {

	display: block;

	float: left;

	width: auto;

	margin: 0;

	padding: 0 8px 13px 9px;

	border-left: 1px solid #797878;

	font: bold 11px/31px sans-serif;

	text-decoration: none;	

	letter-spacing: 1px;

	color: #000000;

}



#nav-menu ul li a:hover, #nav ul li a:active {

	background: #d90101;

	color: #ffffff;

}



#nav-menu ul li#current a {

	background: #d90101;

}



#content-wrap {

	/*position: relative;*/

	background:#fff;

	width: 765px;	

	padding: 0; 

	margin: 0 auto;

	display: inline;

}



#main {

	background:#fff;

	float: left;
	
	height: auto;

	width: 530px;

	/*height: auto;*/

	padding: 0px 0 0 10px;

	margin: 0 0 0 0px;

	display: inline;

}



#main p {

	text-align: justify;

}



#main address {

	padding-left: 20px;

}



#main a {

	text-decoration: none;

	color: #003399;

}



#main ul {

	/*margin-left: 0;

	padding-left: 0;

	padding-top: 20px;*/

}

#main ul li{

        padding:5px 0 5px 0;

        list-style:circle

}



#main h2 {

	padding-bottom: 10px;

	font: normal 2.3em ;

	color: #000000; 

	letter-spacing: -1px;

	text-transform: none;

}



#main h2 a {

	color: #005b99;

	text-decoration: none;

}



.post{



	padding:10px 0 10px 0;



	}



.post h2{



	font-family:Georgia, "Times New Roman", Times, serif;



	font-size:18px;



	}



.entry{

	line-height:18px;

	padding: 0 20px 0 10px;	

	}



p.postmetadata{



	border-top:1px solid #ccc;



	margin:10px 0 0 0;



	}



.navigation{



	padding:10px 0 0 0;



	font-size:14px;



	font-weight:bold;



	line-height:18px;



	}



/* Sidebar */	



#sidebar {

	background:#fff;

	/*position: absolute;*/

	width: 195px;

	/*height: auto;*/

	padding: 0px 10px 0 10px;

	/*margin-left: 545px;*/

        border-left:1px solid #c0c0c0;

       float:right;

}	



h3 {

	margin-top: 0px;

	padding: 5px 5px; 

	font-size: 18px;

	color: #000000;

}



.sidemenu {



	text-align: left;



	margin: 7px 10px 8px 0px; padding: 0;



	text-decoration: none;		



	border-top: 1px solid #EBEBEB;



}



.sidemenu li {



	list-style: none;



	border-bottom: 1px solid #EBEBEB;



	padding: 5px 0 5px 5px;



	margin: 0 2px;		



}



* html body #sidebar ul.sidemenu li {



	height: 1%;



}



.sidemenu li a {



	text-decoration: none;	



	background-image: none;	



	color: #895F30; 		



}



.sidemenu li a:hover {	



	color: #1773BC;	



}



.sidemenu ul { margin: 0 0 0 5px; padding: 0; }



.sidemenu ul li { border: none; }



#footer-wrap {

	clear: both;

	width: 765px;

	height: 172px;

	font-size: 95%;

	text-align: center;

	background: #eeeeee url(images/foot.png) center top repeat-x;;

	border-bottom: 1px solid #fff;

	border-top: 1px solid #fff;

}



#footer-wrap a:hover {



	color: #000;	



}



#footer-bottom {



	clear: both;



	color: #666;	



	margin: 0 auto; 



	width: 870px;



	padding: 5px 0 0 0;



	text-align: center;	



}



#footer-bottom  a {



	color: #976834;



}



/* postmeta */



.postmeta {	



	padding: 5px; margin: 20px 10px 15px 10px;	



	font-size: 95%;	



	color: #000000;



	border: 1px solid #c0c0c0;



	background: #e9eaea;



}



.postmeta .date{ margin: 0 10px 0 5px;	}



.postmeta a.comments { margin: 0 10px 0 5px;	}



.postmeta a.readmore { margin: 0 10px 0 5px;	}







.post-info { font-size: .95em;	padding-top: 0; margin-left: 5px;	}







/* alignment classes */



.float-left  { float: left; }



.float-right { float: right; }



.align-left  { text-align: left; }



.align-right { text-align: right; }







/* display and additional classes */



.clear { clear: both; background: #fff;}



table#wp-calendar{



	width:100%;



	}



/* code modified - kevin */

.logo {

	padding: 0;

	padding-top: 12px;

	padding-left: 12px;

}



.nav {

	background: url(images/nav2_bg.png) center top no-repeat;

	height: 46px;

	width: 189px;

	text-align: center;

}



.nav2 {

	background: url(images/nav2_bg2.png) center top no-repeat;

	height: 46px;

	width: 189px;

	text-align: center;

}



.cat_cont {

	padding-top: 2px;

	padding-left: 12px;

	height: 32px;

	width: 153px;

	text-align: center;

	color: #FFFFFF;

	z-index: 1;

}



#nav2 {

	margin: 0;

	padding: 0;

	height: 46px;

	padding-bottom: 4px;

}



#nav2 p {

	margin: 0;

	padding: 0;

	font-family: "myriad pro";

	font-size: 13px;

}



#nav2 h4 {

	margin: 0;

	padding: 0;

	font-family: "myriad pro";

	font-size: 16px;

	font-weight: normal;

}



#headend {

	position: relative;

	margin: 0;

	padding: 0;

	background: url(images/head_end.png) center top repeat-x;

	width:765px;

	height: 45px;

}



#headend p {

	margin: 0;

	padding: 0;

	padding-top: 4px;

	padding-left: 15px;

	color: #4d4d4d;

	font-size: 13px;

	font-weight: bold;

	font-family: "myriad pro";

}



#subscribeform {

	position: absolute;

	margin: 0;

	padding: 0;

	top: -2px;

	left: 300px;

}



.box {

	padding: 12px;

}



.imgsb1 {

	padding-top: 30px;

	padding-bottom: 50px;

}



.imgsb2 {

	padding-top: 30px;

}



.side_cont1 {	

	top: 400px;

	z-index: 1;

}



.sidelink, .sidelink a {

	font-size: 14px;

	color: #2988e9;

}



.side_cont2 {	

	top: 840px;

	z-index: 1;

}



#foot {

	clear: both;

	width: 390px;

	padding-left: 185px;

}



.text {

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:12px;

line-height:17px;

}

.text2 {

color:#000000;

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:13px;

font-weight:bold;

line-height:15px;

}

.text3 {

color:#666666;

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:18px;

font-weight:bold;

line-height:20px;

}

.text3 a:link {

color:#FF0000;

text-decoration:none;

}

.text3 a:visited {

color:#FF0000;

text-decoration:none;

}

.text3 a:hover {

color:#666666;

text-decoration:underline;

}

.text3a {

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:12px;

font-weight:bold;

line-height:17px;

}

.text4 {

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:20px;

font-weight:bold;

line-height:17px;

}

.text20 {

color:#000000;

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:14px;

font-weight:bold;

line-height:15px;

}

.text21 {

color:#000000;

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:12px;

line-height:15px;

}

.text22 {

color:#FF0000;

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:11px;

font-weight:bold;

line-height:12px;

}

.texted {

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:11px;

line-height:15px;

}

.texted2 {

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:13px;

line-height:15px;

}

.textCP p {

margin-bottom:0;

margin-top:0;

}

.textCP2 p {

margin-bottom:20px;

margin-top:0;

}

.arrow {

color:#FF0000;

font-size:xx-small;

}

img.imageborder {

}

imgcap.imageborder {

}

.smtxtarea {

font-family:'Arial','sans-serif','Verdana','Trebuchet MS','Geneva';

font-size:10px;

line-height:12px;

}

table.contacts {

background-color:#FFFFFF;

border:1px solid #999999;

border-collapse:collapse;

border-spacing:0;

}

td.contactDept {

border:1px solid #999999;

color:#000000;

}

td.contactDept2 {

border:1px solid #006666;

color:#000000;

}

td.contact {

border-bottom:1px solid #999999;

color:#000000;

padding:10px;

text-align:left;

}

#spacer{

  border-bottom:1px dashed black;

}

#nav{

    display:none;

}



.charity {

background:transparent url(http://www.childrenoftheplanetcharity.com/images/oabh-book.jpg) no-repeat scroll 0 0;

margin-left:25px;

}



.charity1 {

background:transparent url(http://www.childrenoftheplanetcharity.com/images/joy-share.jpg) no-repeat scroll 0 0;

margin-left:25px;

}