
/*


Theme Name: zindi


Theme URI: http://www.fadonet.net/2008/11/08/wordpress-theme-zindi/


Description:  A simple and fresh wordpress theme from <a href="http://www.fadonet.net" target="_blank">Fadonet.Net</a>


Version: 1.7


Author: Fado


Author URI: http://www.fadonet.net/


Tags: blue, grey, orange, 2 column, fresh, simple, widget ready, valid CSS, valid XHTML, right sidebar, ie6, ie7, firefox 2.0, opera 9.0


*/






*{border: 0;	margin: 0;	padding: 0;}


:focus {outline: 0;}


body { font-size: 12px; font-family: Verdana, Arial, 'Lucida Grande',  Sans-Serif; 	}/*background:#808285;color: #555;*/
#textindent{
	display: block;
	margin-left: 20px;
}
#email {
	background-image: url(images/emailicon.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 50px;
	padding-top: 15px;
	height: 40px;
}
#leftindent{
	background-repeat: no-repeat;
	text-indent: 40;
	display: block;
	margin-left: 20px;
}
#indent{
	background-image: url(images/arrow2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 25px;
	text-indent: 25px;
	display: block;
	height: 15px;
}
#indentlevel2{
	background-image: url(images/arrow2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
	display: block;
	height: 15px;
	margin-left: 25px;
}
#indentlevel3{
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 40;
	display: block;
	height: 15px;
	margin-left: 20px;
}
#bluebox a {color:#Ffffff; text-decoration:none;}
#bluebox a:hover {color:#EAE1A0; text-decoration:none;}
#bluebox ol li {
	list-style-type: square;
}


a {
	color:#29B0C4;
	text-decoration:none;
}


a:hover {color:#ff6f40; text-decoration:none;}

#twitter{
	width:100px;
	margin-right:0px;
	padding-right:0px;
	height:50px;
	color:#aaa;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	}
#facebook{
	width:100px;
	margin-right:0px;
	padding-right:0px;
	height:50px;
	color:#aaa;
	background-image: url(images/facebook.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	}
	
#bbb{
	width:50px;
	height:79px;
	color:#aaa;
	background-image: url(images/bbb_logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding: 0px;
	float: left;
	}
#charitynav{
	color:#aaa;
	background-image: url(images/charity_navigator_logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px;
	margin: 0px;
	position: relative;
	height: 50px;
	width: 50px;
	float: right;
	top: 17px;
	left: 59px;
	}
	
	
#wrapper {background-color:#e4e4e4;width:850px; margin:0px auto; padding:10px;line-height: 18px; }


#header {background:#fff; height:125px; margin:0px auto; width:850px; padding:0px 10px 0px 10px;}


#nav-menu {background:#fff; height:27px; margin:0px auto; width:850px; padding:0px 10px 0px 10px; }


#side-2{float:left;  width:200px;}


#side-left{width:430px; display:block; margin-left:auto; margin-right:auto;}


#side-left-post{float:left; width:625px;}


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


#footer {background:#fff;  padding:0px 10px 0px 10px;width:850px; margin:0 auto; height:50px; }


h1, h2, h3, h4, h5, h6 { margin:5px 0 5px 0; padding: 0; font-family:Georgia, Tahoma, Verdana, Arial, Serif; font-weight:normal; color: #333;}


input{padding:2px; margin: 5px 5px 1px 0;	border:1px solid #e4e4e4;	background: #f9f9f9; padding: 4px;}


textarea {	width: 95%;	padding: 5px;		border:1px solid #e4e4e4;background:#f9f9f9;}


input:hover, textarea:hover {	border:1px solid #e4e4e4;	background: #f1f1f1;}


input#submit {  background:#f9f9f9;	margin: 0;  padding:5px;border:1px solid #f1f1f1; 


font-weight:bold; color:#29b0c4; font-size:11px; cursor:pointer;}


input#submit:hover { background:#f1f1f1;}


code {	font: 1.1em 'Courier New', Courier, Fixed;	}


acronym, abbr{font-size: 0.9em;	letter-spacing: .07em;	}


hr { display: block; color:#f1f1f1; border-bottom:1px solid #f1f1f1; margin:5px 0 5px 0;}


pre { line-height: 1.5;	margin-bottom: 1.5em; 	overflow: auto; }


fieldset {border:1px solid #f1f1f1; padding:10px;}


blockquote {  background: #fff url(images/blockquote.png) no-repeat left top;	color:#666; font-style: italic;	padding-left: 30px; padding-bottom: 10px;	margin:20px 0px 20px 0px;	width:90%;}


table {border:1px solid #f1f1f1;}


td,th {	line-height: 1.0em;	padding:7px; margin:1px;}


th {	background-color: #f9f9f9;	}


td {	border: 1px solid #f1f1f1;}


#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; 	}


#wp-calendar a {text-decoration: none;	}


#wp-calendar caption {	font: bold 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif;


text-align: center;}


#wp-calendar th {font-style: normal;	text-transform: capitalize;}






/* Float */






.alignleft {float:left;} .alignright {float:right;}


.clearfloat:after {	display:block;	visibility:hidden;	clear:both;	height:0;	


content:".";	}	


.clearfloat {	display:inline-block;	}


.clearfloat {	display:block;	}


.clear {	clear: both;}






/******** Wordpress Styles ********/






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


.alignleft {  float: left; }


.alignright {  float: right }


.wp-caption {  border: 1px solid #f1f1f1;  text-align: center;  background-color: #f9f9f9;  padding: 5px; margin: 10px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}


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


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


img.centered {	display: block;	margin-left: auto; 	margin-right: auto;	}


img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}


img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}


.smallattachment {text-align: center;float: left;width:128px; margin:5px 5px 5px 0px;}


#side-left p.attachment {	text-align: center;	margin: 5px 0px;}


.attachment-thumbnail {width:125px; height:125px;}


.attachment-medium {width:450px; text-align:center; height:300px;}


.caption {padding-left:10px;}






/* Corner */






.kutu {width:100%; background-color: #fff; margin-bottom:10px;}


.ust { background: url(images/ust-sag.gif) no-repeat top right;}


.ust span{ background: url(images/ust-sol.gif) no-repeat top right;}


.alt { background: url(images/alt-sag.gif) no-repeat bottom right; }


.alt span {background: url(images/alt-sol.gif) no-repeat bottom right;}


.ust span, .alt span, .ust2 span, .alt2 span, .ust3 span, .alt3 span{width: 10px;height: 10px;border: none;display: block !important;}


.kutu2 {width:100%; background-color: #29b0c4;margin-bottom:10px; color: #fff;}


.kutu2 a:link {color:#F71C28; font-size:20px;} /* unvisited link */


.kutu2 a:visited {color:#F71C28; font-size:15px;} /* visited link */


.kutu2 a:hover {color:#FFFFFF; font-size:15px;} /* mouse over link */


.kutu2 a:active {color:#0000FF; font-size:15px;} /* selected link */


.ust2 { background: url(images/ust2-sag.gif) no-repeat top right;}


.ust2 span{ background: url(images/ust2-sol.gif) no-repeat top right;}


.alt2 { background: url(images/alt2-sag.gif) no-repeat bottom right; }


.alt2 span {background: url(images/alt2-sol.gif) no-repeat bottom right;}

.kutu3 {width:100%; background-color: #ff0000;margin-bottom:10px; color: #fff;}


.kutu3 a:link {color:#F71C28; font-size:20px;} /* unvisited link */


.kutu3 a:visited {color:#F71C28; font-size:15px;} /* visited link */


.kutu3 a:hover {color:#FFFFFF; font-size:15px;} /* mouse over link */


.kutu3 a:active {color:#0000FF; font-size:15px;} /* selected link */


.ust3 { background: url(images/ust3-sag.gif) no-repeat top right;}


.ust3 span{ background: url(images/ust3-sol.gif) no-repeat top right;}


.alt3 { background: url(images/alt3-sag.gif) no-repeat bottom right; }


.alt3 span {background: url(images/alt3-sol.gif) no-repeat bottom right;}


.kutu .spacer, .kutu2 .spacer, .kutu3 .spacer{margin: 0px; padding:0px 10px 0px 10px;}






/* Top */


#header .cisplogo { background:url(images/cisp-horizontal.jpg) no-repeat;float:left;width:550px; padding:1px; margin: -50px 0px 0px 0px; height: 100px; }


#header h1 {font-size:25px; line-height:25px; padding-left:100px; padding-top:25px; margin:0px; }


#header a {color:#29b0c4; }


#header .logo { float:left; width:780px; margin-top:10px; margin-left:20px;}


#header .logo span {color:#aaa; padding-left:100px;   font-size:15px;}

#header .search {background: url(images/search-bgr.gif) no-repeat;float:right;width:203px; padding:1px; 	margin: 15px 0px 0px 0px; height: 27px; }

#header .mailinfo {
	padding:1px;
	height: 40px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 275px;
	float: right;
	z-index: 999;
}


#header .search input{	background: transparent;	border: 0;	color: #a3a192;	float: left;	font-size: 12px; padding-left:10px;	margin:0; width: 160px;}


#header .search .btn{	margin: 3px 0 0 0;	padding: 0;	width: auto;}


#nav-menu a {color:#2e2e2d;}


#nav-menu .tools {float:right; font-weight:bold;font-size:11px; margin-top:8px;}


#nav-menu .tools span {font-size:10px; color:#aaa; font-weight:normal;}


#nav-menu .tools ul {
	background:url(images/tools-bg.gif) left no-repeat;
	width:90px;
	margin-right:0px;
	padding-right:0px;
	height:10px;
	color:#aaa;
	line-height:9px;
	text-align: right;
}


#nav-menu .tools li {
	display:inline;
}

#nav-menu .tools a, #nav-menu .tools a:visited {
	color:#ff6f40;
	font-weight:bold;
	font-size: 12px;
}


#nav-menu .tools a:hover {text-decoration:underline;}






/* Content Left */






#side-left a {font-weight:none;}


#side-left p {margin:0; padding:0; margin-bottom:3px;}


#side-left h2 {font: 22px Times New Roman, Verdana, Arial; color:#05454f;}


#side-left h2 a, #side-left h2 a:visited, #side-left h3 a, #side-left h3 a:visited {color:#05454f; font-weight:normal;}


#side-left h2 a:hover, #side-left h3 a:hover {color:#ff6f40; text-decoration:none;}


#side-left h3 {font-size:17px; margin:0px 0px 10px 0px; color:#05454f;}


#side-left h2.pagetitle {color:#ff6f40;}


#side-left h2.result {color:#fff;}


#side-left img {max-width:410px; margin:5px;}


#content .tags {font-size:9px; color:#ccc; margin-bottom:5px;font-weight:bold;}

#content .border {background:url(images/border.gif) bottom left no-repeat;color:#444; padding-bottom:8px; margin-bottom:8px; font-size:18px;}

#content .tags a{font-size:9px; color:#ccc; font-weight:normal;}


#content .tags a:hover{color:#2e2e2d; text-decoration:none;}


#content .postmetadata {text-align:right;margin-top:15px; color:#ccc; font-size:10px;}


#content .postmetadata a {color:#ccc; font-weight:bold; font-size:10px;}


#content .postmetadata a:hover {color:#2e2e2d; text-decoration:none;}


#navigation {font-size:10px; line-height:21px; height:20px;}


#side-left .img-nav { padding:10px; width:95%;}


#navigation span { color:#aaa;}


#navigation a{background:#29b0c4 url(images/pagination-left.gif) left center no-repeat; color: #fff; padding: 5px 0 5px 6px; line-height:22px; text-decoration:none;}


#navigation  a strong{background:url(images/pagination-right.gif) right center no-repeat; padding: 5px 7px 5px 0px;text-decoration:none;}


#navigation a:hover{background: #ff6f40  url(images/pagination-hover-left.gif) left center no-repeat; text-decoration:none;}


#navigation a:hover strong{background: url(images/pagination-hover-right.gif) right center no-repeat;text-decoration:none;}


#content ul, #content ul ol {line-height:18px;	color:#888;margin:10px 0 0 0;	}


#content ul li{	list-style-type: square; color: #555; margin-bottom: 5px; margin:0px 5px 0 35px;  }


#content ul p, #content ul select {	margin: 5px 0 8px;	}


#content ul ul, #content ul ol {margin: 3px 0 0 15px;border:none;	}


#content ul ul li, #content ul ol li{	list-style-type: circle; border:none;}


#content ol li {
	list-style-type:decimal;
	margin:0 0 5px 45px;
} 


#content ol li ul li {
	list-style-type:decimal;
}


#content ul ul ul, #content ul ol {	margin: 0 0 0 10px;	}


#content ul ol li {	list-style: decimal outside;	}


#content ul ul li, #content ul ol li {	margin: 3px 0 0;	padding: 0;}


.entry img {border: 1px solid #f1f1f1;  text-align: center; padding: 5px; margin:5px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}


a.more {padding-right:10px; line-height:8px; background:url(images/more.gif) center right no-repeat; padding-bottom:1px;}


#side-left p.warning {	background:transparent url(images/warning.gif) left no-repeat;	color:#aaa; padding:0 0 0 20px;}


.post {padding:0px 10px 0px 10px;}






/* Sidebar 2 */


#sidebar2 a {font-weight:bold; font-size:11px; }


#sidebar2 .kutu2 h2 {background:#29b0c4;color:#0c5762; padding-bottom:8px; font-size:18px;}


/*#sidebar2 .kutu2 h2:first-letter {color:#0c5762;}*/


#sidebar2 h2 {background:url(images/sidebar-h2-bg.gif) bottom left no-repeat;color:#444; padding-bottom:8px; font-size:18px;}


/*#sidebar2 h2:first-letter {color:#29b0c4}*/


#sidebar2 ul, #sidebar2 ul ol{line-height:22px;	color:#aaa;margin:10px 0 0 0;	}


#sidebar2 ul li {	list-style-type: square;	list-style-image: none;	margin-bottom: 5px; margin:0px 5px 0 15px; border-bottom:1px dashed #f1f1f1; padding-bottom:3px;}


#sidebar2 ul p, #sidebar2 ul select {	margin: 5px 0 8px;	}


#sidebar2 ul ul, #sidebar2 ul ol {margin: 3px 0 0 15px;border:none;	}


#sidebar2 ul ul li, #sidebar2 ul ol li{	list-style-type: circle; border:none;}


#sidebar2 ol li {list-style-type:lower-roman; margin:0 0 0 20px;} 


#sidebar2 ol li ul li {list-style-type:lower-roman;}


#sidebar2 ul ul ul, #sidebar2 ul ol {	margin: 0 0 0 10px;	}


ol li, #sidebar2 ul ol li {	list-style: decimal outside;	}


#sidebar2 ul ul li, #sidebar2 ul ol li {	margin: 3px 0 0;	padding: 0;}


#sidebar2 ul li a {background:none; margin:0; padding:0;}


#tag_cloud  a {font-weight:normal;}


#sidebar2 li.latestcomment{list-style-type:none; padding:3px; margin:0 0 2px 0; border:none; line-height:20px; background:#f9f9f9;}


#sidebar2 li.latestcomment:hover{ background:#f1f1f1;}


span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;}


#sidebar2 li.latestpost{padding: 0px; margin-left:15px; line-height:14px; padding:3px 0 3px 0;}


span.commententrytitle { font-size: 0.85em; line-height:8px;	color: #AAAAAA;}


span.latestpostmeta, span.latestpostmeta a { font-size: 0.85em; font-weight:normal; color: #AAAAAA;}






/* Sidebar Right */






#sidebar a {font-weight:bold; font-size:11px; }


#sidebar .kutu2 h2 {background:#29b0c4;color:#0c5762; padding-bottom:8px; font-size:18px;}


/*#sidebar .kutu2 h2:first-letter {color:#0c5762;}*/


#sidebar h2 {background:url(images/sidebar-h2-bg.gif) bottom left no-repeat;color:#444; padding-bottom:8px; font-size:18px;}


/*#sidebar h2:first-letter {color:#29b0c4}*/


#sidebar ul, #sidebar ul ol{line-height:18px;	color:#aaa;margin:10px 0 0 0;	}


#sidebar ul li {	list-style-type: square;	list-style-image: none;	margin-bottom: 5px; margin:0px 5px 0 15px; border-bottom:1px dashed #f1f1f1; padding-bottom:3px;}


#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;	}


#sidebar ul ul, #sidebar ul ol {margin: 3px 0 0 15px;border:none;	}


 #sidebar ul ul li, #sidebar ul ol li{	list-style-type: circle; border:none;}


#sidebar ol li {
	list-style-type:square;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
} 


#sidebar ol li ul li {list-style-type:lower-roman;}


#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px;	}


ol li, #sidebar ul ol li {	list-style: decimal outside;	}


#sidebar ul ul li, #sidebar ul ol li {	margin: 3px 0 0;	padding: 0;}


#sidebar ul li a {background:none; margin:0; padding:0;}


#tag_cloud  a {font-weight:normal;}


#sidebar li.latestcomment{list-style-type:none; padding:3px; margin:0 0 2px 0; border:none; line-height:20px; background:#f9f9f9;}


#sidebar li.latestcomment:hover{ background:#f1f1f1;}


span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;}


#sidebar li.latestpost{padding: 0px; margin-left:15px; line-height:14px; padding:3px 0 3px 0;}


span.commententrytitle { font-size: 0.85em; line-height:8px;	color: #AAAAAA;}


span.latestpostmeta, span.latestpostmeta a { font-size: 0.85em; font-weight:normal; color: #AAAAAA;}






/* Comments Form */


#comments h3 {border-top:2px solid #f1f1f1; border-bottom:5px solid #f1f1f1;color:#05454f; padding:5px 0 5px 0; font-size:18px;}


#commentform p, form p {	font-family: 'Lucida Grande', Verdana, Arial,Sans-Serif;	}


#commentform input{	width: 50%;	padding:2px; margin: 5px 5px 1px 0;	border:1px solid #f1f1f1;	background: #f9f9f9;	}


#commentform textarea{	width: 99%;	padding: 1px;		border:1px solid #f1f1f1;	background: #f9f9f9;}


#commentform input:hover,  #commentform textarea:hover {	border:1px solid #f1f1f1;	background: #f1f1f1;}


#commentform #submit{ background:url(images/button.gif) center bottom no-repeat ;	margin: 0;	line-height:26px;  border:none;  height:28px;


width:106px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; }


#commentform #submit:hover {


 background:url(images/button-hover.gif) center bottom no-repeat ;}


#commentform p {margin-bottom: 5px;}






/* Comments List */






#comments ul{  padding: 5px;}


#comments li { text-transform: lowercase;	margin: 10px 0 10px 0;	padding: 5px 10px 3px;	list-style: none;	}	


#comments li .avatar { 	float: right;	border: 1px solid #eee;	padding: 2px; margin-left: 5px; margin-bottom: 5px;	background: #fff;	}


#comments cite{font-weight: bold;	font-style: normal;


font-size: 1.1em	}


#comments cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}


#comments p {	font-weight: normal;	line-height: 1.5em;	text-transform: lowercase;	margin: 10px 5px 10px 0;	}


#comments small.commentmetadata {  background:none;	font-weight: normal;	}


#commentform p {  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	margin: 5px 0;	}


#comments .nocomments {	text-align: center;	margin: 0;	padding: 0;	}


#comments .commentmetadata {	margin: 0;	display: block;	}


#comments .darkcolor {	background-color: #f9f9f9; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}


#comments .count {background:none; line-height:30px; float:left; font-size:36px; color:#ccc; height:37px;  margin-right:5px;}


#comments blockquote { background:none; border-left:#29b0c4 5px solid; padding-left: 15px; color:#aaa; margin:20px 0px 20px 0px;	}






/* Footer */






#footer {font-size:10px; color:#AAAAAA;}


#footer a {font-weight:bold;}


#footer .footer-left{float:left; padding-top:10px;}


#footer .footer-right{
	float: right;
	padding:0px;
	margin:15px 5px 0 0;
	text-align: right;
}


#footer .footer-right ul { list-style-type: none; padding:0px 5px 0px 0px; margin:0px 0px 3px 0px;}


#footer .footer-right ul li {  display: inline; padding:0px; margin:0px; }


#footer .footer-right a img {opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";


filter: alpha(opacity=30)}


#footer .footer-right a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)}
 
 /* sliding boxes */
.boxgrid{ width: 133px; height: 106px; margin:1x; float:left; background:#161613; border: solid 1px #8399AF; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top: 160; left: 0;}
.caption .boxcaption {top: 258px; left: 0px;}

#video_player_container{
						float: left;
                       /* background: url(http://www.thegrio.com/images/video_bg.png) no-repeat 0 0;*/
						height: 102px; width: 160px;					
                                                }

