/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;} 
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/**************************************************************************************/
a											{ color:#000; text-decoration:none; outline:0 none;}
a:hover										{ text-decoration:none;}
h1											{ font-size:24px;}
h2											{ font-size:22px;}
h3											{ font-size:18px;}
h4											{ font-size:16px;}
h5											{ font-size:14px;}
h6											{ font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{ }
body										{ color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.flt_Lt										{ float:left;}
.flt_Rt										{ float:right;}
.clear										{ clear:both; font-size:1px; line-height:1px; display:block;}
.last										{ margin:0 !important;}
.noBg										{ background:none !important;}
.noPadding									{ padding:0 !important;}
.noBorder									{ border:0 !important;}		
/* ---------------------------------------------------------------------------------*/


/* ----------------------- layout ----------*/
.wrapper									{ margin:0 auto; background:url(../images/wrapperBg.jpg) repeat-x top; padding:19px 0 0 0}
.container									{ margin:0 auto; width:980px; }
/*-------------------------------------------*/

/* ------------------------- HEADER HERE -------------------*/
.header										{ background:url(../images/headerBg.jpg) no-repeat left top; height:109px; padding:0 36px 0 26px }
.logo										{ padding:12px 0}
.topnav										{ background:url(../images/topnavBg.gif) no-repeat left top; width:223px; height:24px; padding:12px 0 0 0 }
.topnav	ul									{ text-align:center; }
.topnav	ul li								{ display:inline; background:url(../images/topnavSeperator.jpg) no-repeat right center; padding-right:11px; margin-right:8px }
.topnav	ul li a								{ padding:0; margin:0; color:#4c4c4c;}
.topnav	ul li a:hover, .topnav	ul li a.active	{ color:#6c3636;}
/* ---------------------------------------------------------*/


/* ------------------------- NAVIGATION HERE ---------------*/
.nav										{ background:url(../images/navBg.jpg) repeat-x scroll center top; clear: both; height:43px; padding:2px 18px 2px 25px }
ul.navigation								{ }
ul.navigation li							{ display:inline-block; float:left; background:url(../images/navDivider.jpg) no-repeat right top; padding-right:27px; margin-right:25px}
ul.navigation li a							{ display:inline-block; min-width:95px; text-align:center; font-size:14px; line-height:18px; color:#e5e5e5; height:29px; padding:14px 0 0;}
ul.navigation li a:hover, ul.navigation li a.active 			{ font-weight:bold; color:#ffffff; border-bottom: 4px solid maroon}

.suggestBtn									{ background:url(../images/suggest_Btn.jpg) no-repeat left top; width:135px; height:30px; margin:6px 20px 0 0; }
.suggestBtn a								{ display:block; width:135px; height:24px; margin:0; font-size:14px; font-weight:bold; color:#fff; text-align:center; padding:6px 0 0 }

.searchBox									{ width:218px; padding:9px 0 0}
.searchBox .inputBox						{ background:url(../images/searchBoxBg.jpg) no-repeat left top; width:195px; height:26px;}
.searchBox .inputBox input					{ background:none; border:0; width:187px; padding:3px 4px; font-size:12px; line-height:18px; color:#535252;}
.searchBox .submit_btn						{ background:url(../images/submit_btn.jpg) no-repeat right top; width:23px; height:26px;}
.searchBox .submit_btn input				{ background:none; border:0; width:23px; height:26px; cursor:pointer;}
/* ---------------------------------------------------------*/


/* ------------------------ MIAN CONTENT HERE --------------*/
.main_content								{ border:1px solid #fff; border-bottom:0; background:#f8f8f8 url(../images/maincontentBg.jpg) repeat-x top; padding:10px 0 0  }
.bannercontainer							{ padding:0 17px 20px;}
p.bannerinfo								{ width:550px; font-size:15px; line-height:22px; color:#5b5b5b; padding:0 0 0 5px}
p.bannerinfo a								{ font-weight:bold; color:#5b5b5b;}
.banner										{ background:url(../images/bannerBg.png) no-repeat left top; width:919px; height:318px;position:relative; padding:13px}

.bannerText									{ background:url(../images/What-we-do-section.gif) no-repeat left top; width:309px; height:340px; position:absolute; right:13px; bottom:11px; padding:12px 0 0 10px; z-index:8000;}
.bannerTextTitle							{ background:url(../images/bannertxtTitle.gif) no-repeat left top; width:100%; height:50px; padding:0 0 0 0;}	
.bannerTextTitle h3							{ font-size:19px; line-height:20px; padding:20px 0 0; text-transform:uppercase; text-align:center; color:#fff;}
.bannerText p								{ width:200px; margin:0 auto; padding:30px 30px 15px; text-align:center; font-weight: bold; font-size:16px; line-height:26px; border-bottom:1px solid #656565; color:#e8e8e8;  }
.subscribeBtn2								{ background:url(../images/subscribe_home.png) no-repeat left top; width:204px; height:47px; margin:257px auto 0; padding-right: 50px;}
.subscribeBtn2 a								{ display:block; width:204px; height:27px; padding:10px 0; text-transform:uppercase; font-size:22px; color:#fff; text-align:center}

.textContainer								{ width:937px; border:1px solid #e2e3e3; border-bottom:0; margin:20px auto 0; background:#fff; }
.sidebar									{ width:187px; height:100%; border-right:1px solid #e2e3e3; border-left:1px solid #e2e3e3; margin:0 0 0 -1px}
.sidebartitle								{ background:url(../images/sidebarTitle.jpg) repeat-x top; height:30px; width:auto; padding:8px 0 0 0}
.sidebartitle h4							{ padding:0 0 0 10px; color:#fff; line-height:22px;}
.sidebar h6									{ font-size:12px; padding:2px 0; line-height:22px; color:#632d2d; border-bottom:1px solid #eaeaea; margin:0 10px;}
.sidebar p									{ font-size:13px; padding:2px 10px; line-height:22px; color:#494949; }
.sidebar p a								{ font-size:13px; color:#494949; margin:0 4px }
.sidebar p a:hover							{ text-decoration:underline; }
ul.sidenav									{ padding:5px 9px;}
ul.sidenav li								{ background:url(../images/border.png) no-repeat bottom; padding:1px 3px; }
ul.sidenav li a								{ background:url(../images/sideBarnav_bullet.jpg) no-repeat left 5px; padding:0 0 0 14px; color:#5f5f5f; font-size:13px; line-height:27px; }
ul.sidenav li a:hover, ul.sidenav li a.active { background:url(../images/sideBarnav_bullet_active.jpg) no-repeat left 5px; font-weight:bold; color:maroon; }

.colRt										{ width:722px; padding:21px 0 21px 24px}
ul.videoList								{ }
ul.videoList li								{ display:inline-block; float:left; width:145px; margin-right:32px; min-height: 240px; padding:0 0 10px 0}
ul.videoList li	.imgcontent					{ padding:0 0 4px 0; }
ul.videoList li	img							{ border:1px solid #ebebeb;}
ul.videoList li h4							{ font-size:12px; padding:2px 0; color:#494949;}
ul.videoList li p							{ font-size:12px; line-height:17px; padding:0 0 4px; color:#494949;}
a.views										{ display:block; font-style:italic; font-size:11px; line-height:15px; color:#6f3838; margin-bottom:2px}
a.views:hover								{ text-decoration:underline;}
a.comments									{ display:block; background:url(../images/ico_comment.jpg) no-repeat left 3px; font-size:11px; line-height:15px; color:#6f3838; padding:0 0 0 13px;}
a.comments:hover							{ text-decoration:underline;}
/* ---------------------------------------------------------*/


/* ------------------ FOOTER HERE --------------------------*/
.footer										{ height:153px; background:url(../images/footerBg.jpg) no-repeat left top; padding:17px;font-size:12px; line-height:18px;  }
.aboutText									{ width:380px; margin:0 13px 0 0;}
.aboutText h3								{ font-size:19px; line-height:18px; color:#5a5a5a;background:url(../images/aboutTitle.png) no-repeat left bottom; padding:12px; margin-bottom:12px;}
.aboutText img.imgcontent					{ border:1px solid #ffffff; float:left; margin:0 9px 9px 13px; }
.aboutText p								{ color:#5a5a5a}

.connectText								{ width:195px; margin:0 0 0 13px;}
.connectText h3								{ font-size:19px; line-height:18px; color:#5a5a5a;background:url(../images/aboutTitle.png) no-repeat left bottom; padding:12px; margin-bottom:12px;}
ul.social									{ }
ul.social li								{ margin:0 0 5px 0 }
ul.social li a								{ display:block; color:#5a5a5a }
ul.social li a span							{ display:inline-block; width:42px; cursor:pointer;}
ul.social li a em							{ display:inline-block; cursor:pointer; }

.projectText								{ width:320px; }
.projectText h3								{ font-size:19px; line-height:18px; color:#5a5a5a;background:url(../images/aboutTitle.png) no-repeat left bottom; padding:12px; margin-bottom:12px;}
.projectText h3 a								{ font-size:19px; line-height:18px; color:#5a5a5a; padding:12px; margin-bottom:12px; text-decoration: none; }
ul.charityList								{ }
ul.charityList li							{ margin:0 12px 11px 0; display:inline-block; float:left; }
ul.charityList li a							{ display:block; width:88px; height:21px; color:#5a5a5a; text-align:center; line-height:18px; font-size:12px; padding:4px 0 0 0; color:#737373; background:#fff; border:1px solid #d4d4d4; }
ul.charityList li a:hover					{ background:#713a3a; color:#fff; }

.footerBottom								{ padding:5px 0 65px; font-size:12px; line-height:22px;}
ul.footernav								{ }
ul.footernav li								{ display:inline-block; float:left; background:url(../images/footerNav_bullets.gif) no-repeat right 8px; padding:0 15px 0 6px; margin-right:4px; }
ul.footernav li a							{ color:#5a5a5a; font-size:12px; line-height:22px;}
ul.footernav li a:hover						{ text-decoration:underline;}
.copy										{ color:#5a5a5a; padding:0 4px 0 0}
.copy a										{ font-weight:bold; color:#713a3a;}
.copy a:hover								{ text-decoration:underline;}
/* ---------------------------------------------------------*/

/* ------------------ INNER 1 HERE --------------------------*/
.pagination									{ padding:0 0 0 22px}
.pagination ul								{ }
.pagination ul li							{ float:left; background:url(../images/pagination_bullet.png) no-repeat right 7px; padding:0 12px 0 0; margin-right:4px  }
.pagination ul li a							{ color:#5b5b5b; font-size:14px; line-height:22px;}
.pagination ul li a:hover					{ color:#6c3636; } 
.pagination ul li a.active 					{ color:#6c3636; font-weight:bold }

.textContainerIn							{ width:909px; border:1px solid #e2e3e3; border-bottom:0; margin:20px auto 0; background:#fff; padding:20px 25px; }
.colLt										{ width:685px}
.textContainerIn .sidebar 					{ width:187px; height:100%; border:1px solid #e2e3e3; border-top:0; margin:0 0 0 -1px}
.keyword									{ }
.keyword a									{ margin:0 !important; padding:0; color:#494949; }

.title										{ background:url(../images/TitleBorder.jpg) repeat-x bottom; margin-bottom:28px; padding:10px 0 20px 0; }
.title h2									{ font-weight:normal; color:#6c3636;}
ul.AllvideoList								{ border-bottom:1px solid #dcdcdc;}
ul.AllvideoList li							{ margin-bottom:30px;}
ul.AllvideoList li .AllvideoListTxt			{ width:335px; }
.AllvideoListTxt h4							{ font-size:14px; line-height:17px; padding:2px 0; color:#494949;}
.AllvideoListTxt p							{ font-size:12px; line-height:17px; padding:0 0 4px; color:#494949;}
.AllvideoListTxt .imgcontent				{ display:inline-block; width:145px; }
.AllvideoListTxt .text						{ width:190px; }
.thumbnail { position: relative; width: 100%;}
.thumbnail .overlay { background-image: url('http://www.karmatube.org/pics/icons/audio.png'); position: absolute; z-index: 1; top: 63px; left: 107px; width: 24px; height: 24px; }
.thumbnail .overlay_home { background-image: url('http://www.karmatube.org/pics/icons/audio.png'); position: absolute; z-index: 1; top: 66px; left: 120px; width: 24px; height: 24px; }

.pageNumber									{ padding:9px 0; }
.pageNumber ul								{ }
.pageNumber ul li							{ display:inline-block; float:left; padding:0; margin-right:6px;}
.pageNumber ul li a							{ display:inline-block; width:15px; height:15px; font-size:12px; font-weight:bold; text-align:center; background:#dcdcdc; color:#fff; }
.pageNumber ul li a:hover, .pageNumber ul li a.active { background:#6c3535; color:#fff; }

ul.watchmore								{ margin-right:50px}
ul.watchmore li							{ margin-bottom:0px; font-size:12px; line-height:17px; }
ul.watchmore li h6 a						{ font-size:14px; background:#dcdcdc; color:#6b6b6b; display:inline-block; padding:3px 6px }
ul.watchmore li h6 a:hover, ul.watchmore li h6 a.active { background:#6c3535; color:#fff; }
/* ---------------------------------------------------------*/


/* ------------------ INNER 2 HERE --------------------------*/
.colLft										{ width:640px; z-index: 100;}
.banner2									{ }
.banner2 .videoContainer					{ position:relative }
.banner2 .videoContainer img.video			{ border:1px solid #eaeaea}
.banner2 .videoContainer .playBtn			{ display:block; position:absolute; left:45%; top:70%}
.videoName 									{ padding:5px 0; margin:10px 0 0 }
.videoName a								{ font-size:22px; color:#6c3636; }
.videoName ul li							{ display:inline-block; float:left; margin-right:6px}
.videoName p								{ font-size:12px; line-height:17px; padding:10px 0 }
.tab										{ background:url(../images/tabBg.jpg) repeat-x top; width:100%; height:23px; padding:5px 0 4px 0 }
.tab p {color: #fff; font-style: italic; font-weight: normal; text-align: right; padding: 3px 5px 0 0; font-size: 11px}
.tab ul										{ }
.tab ul li									{ display:inline-block; float:left; background:url(../images/tabDivider.jpg) no-repeat right top; padding:2px 18px 5px 13px}
.tab ul li a 								{ font-size:11px; color:#fff; text-decoration:underline}
.tab ul li a.tab1							{ background:url(../images/ico1.png) no-repeat left top; padding:0 0 0 21px }
.tab ul li a.tab1:hover, .tab ul li a.tab1.active { background:url(../images/ico1_act.png) no-repeat left top; }
.tab ul li a.tab2							{ background:url(../images/ico2.png) no-repeat left top; padding:0 0 0 23px }
.tab ul li a.tab2:hover, .tab ul li a.tab2.active { background:url(../images/ico2_act.png) no-repeat left top; }
.tab ul li a.tab3							{ background:url(../images/ico3.png) no-repeat left top; padding:0 0 0 19px }
.tab ul li a.tab3:hover, .tab ul li a.tab3.active { background:url(../images/ico3_act.png) no-repeat left top;}
.tab ul li a.tab4							{ background:url(../images/ico4.png) no-repeat left top; padding:0 0 0 23px }
.tab ul li a.tab4:hover, .tab ul li a.tab4.active { background:url(../images/ico4_act.png) no-repeat left top; }
.tab ul li a:hover, .tab ul li a.active 							{ color:#feaaaa; text-decoration:none}
ul.commentList								{ padding:15px 0; border-bottom:1px solid #dcdcdc;}
ul.commentList li							{ padding-bottom:23px;}
ul.commentList li .imgContent				{ width:60px; height:50px; background:#dcdcdc; margin:0 11px 0 0}
ul.commentList li .commentListtxt			{ width:560px; }
ul.commentList li .commentListtxt h6		{ color:#6c3636; line-height:16px; }
ul.commentList li .commentListtxt p			{ font-size:12px; line-height:16px; color:#494949; padding:5px 0}
ul.commentList li .commentListtxt span		{ margin-right:7px}

.RtSidebar									{ width:241px ; }
.RtSidebarTop								{ padding:7px; width:227px; background:url(../images/top_sidebar2.jpg) repeat-y left top; margin-bottom:27px; }
.RtSidebarTop .sidebartitle					{ height:48px; background:url(../images/Bethechange2.png) no-repeat center; border-bottom:1px solid #4a4a4a; padding:0; margin:0 }
/* .RtSidebarTop .sidebartitle					{ height:48px; background:#636262 url(../images/rtsidebarTitleBg.jpg) repeat-x top; border-bottom:1px solid #4a4a4a; padding:0; margin:0 } 
.RtSidebarTop .sidebartitle h4				{ font-size:28px; padding:13px 0 0; text-align:center; color:#fff; line-height:22px;} */
ul.changeList								{ padding:15px 7px 0}
ul.changeList li							{ border-bottom:1px solid #888888; background:url(../images/wh_arrow.gif) no-repeat left 2px; padding:0 0 15px 18px; margin-bottom:15px; font-size:13px; line-height:15px; color: #fff;}
ul.changeList li a							{ font-size:13px; line-height:15px; color:#CCCCCC; font-weight: normal; text-decoration: underline;}
/* .changeBtn									{ background:url(../images/changeBtn.png) no-repeat left top; width:220px; height:67px; margin:4px auto;} */
.changeBtn									{ width:220px; height:67px; margin:4px auto;}
.changeBtn a								{ display:block; width:220px; height:47px; text-align:center; color:#fff; line-height:24px; padding:10px 0  }
.changeBtn a em								{ display:block; font-size:21px; font-weight:bold; text-transform:uppercase;font-family:'Arial Black', Gadget, sans-serif; cursor:pointer }
.changeBtn a span							{ display:block; font-size:15px; cursor:pointer}
.related_video								{ height:530px; width:239px; border:1px solid #eaeaeb; overflow:auto }
.related_video ul							{ padding:0 10px}
.related_video ul li						{ background:url(../images/TitleBorder.jpg) repeat-x bottom; padding:15px 0; }
.related_video ul li .imgContent			{ width:57px}
.related_video ul li .imgContent img		{ border:1px solid #eaeaea;}
.related_video ul li .related_videotxt		{ width:135px}
.related_videotxt h6						{ font-size:13px; color:#713a3a; padding:0 0 5px 0}
.related_videotxt p							{ font-size:12px; line-height:16px; color:#494949; padding:0 0 5px 0;}
.pledge_video ul li .pledge_videotxt		{ width:155px}
.pledge_videotxt h6						{ font-size:11px; color:#713a3a; padding:0 0 5px 0}
.pledge_videotxt p							{ font-size:12px; line-height:16px; color:#494949; padding:0 0 5px 0;}
/* ---------------------------------------------------------*/


/* ------------------ INNER 3 HERE --------------------------*/
.aboutInfo									{ }
.aboutInfo .about_Img						{ width:237px; }
.aboutInfo .about_Img img					{ border:1px solid #eaeaea; }
.aboutInfo .about_text						{ width:665px; }
.about_text_title							{ border-bottom:3px solid #e7e7e7; padding:0 0 7px; margin-bottom:5px}
.about_text_title h6 a						{ font-weight:normal; font-size:12px; color:#494949}
.about_text_title span						{ font-style:italic; font-size:11px; color:#6c3636; }
.aboutInfo .about_text p					{ font-size:12px; line-height:17px; padding:7px 0 13px; color:#494949;}

ul.peopleList								{ width:395px; margin-right:50px}
ul.peopleList li							{ margin-bottom:20px; font-size:12px; line-height:17px; }
ul.peopleList li h6 a						{ font-size:14px; background:#dcdcdc; color:#6b6b6b; display:inline-block; padding:3px 6px }
ul.peopleList li .imgcotainer				{ width:105px; }
ul.peopleList li .imgcotainer img			{ border:3px solid #dbdbdb; }
ul.peopleList li .peopleListTxt				{ width:290px;}
ul.peopleList li .peopleListTxt b			{ color:#764343;}
ul.peopleList li .peopleListTxt p a			{ color:#6c3636; text-decoration:underline;}
/* ---------------------------------------------------------*/


/* ------------------ INNER 4 HERE --------------------------*/
p.subscribeNote								{ font-size:16px; font-weight:bold; color:#666666; line-height:17px; padding-bottom:15px; margin-top:10px}

.contactform								{ background:#e7e7e7; padding:7px 0; margin-bottom:10px}
.contactform ul								{ }
.contactform ul li							{ display:inline-block; padding:10px 23px 10px 21px; float:left; background:url(../images/contactformDivider.jpg) no-repeat right top;}
.contactform ul li p						{ font-size:12px; font-weight:bold; line-height:17px; color:#6c3636; padding-bottom:5px}
.contactform ul li .inputBox				{ background:#fff; border:1px solid #dedcdc; width:286px; height:27px; margin-top:4px }
.contactform ul li .inputBox input			{ background:none; border:0; width:270px; height:21px; font-size:11px; line-height:17px; color:#959090; padding:3px 8px 0 2px; font-size: 14px; font-weight: normal }
.contactform ul li .inputBtn				{ background:url(../images/inputbtnBg.jpg) no-repeat left top; width:185px; height:57px;}
.contactform ul li .inputBtn input			{ background:none; border:0; width:185px; font-size:16px; line-height:18px; color:#fff; text-align:center; padding:18px 0; font-weight:bold; cursor:pointer; }

.waysList									{ background:url(../images/TitleBorder.jpg) repeat-x bottom; padding:15px 0; }
.waysList ul								{ }
.waysList ul li								{ display:inline-block; float:left; margin-bottom:13px }
.waysList ul li .txt						{ width:440px; }
.waysList ul li .imgContent					{ width:102px; }
.waysList ul li .waysListtxt				{ width:315px; }
.waysList ul li .waysListtxt .suggest		{ width:175px; margin-bottom:8px; background:#e7e7e7; }
.waysList ul li .waysListtxt .suggest a		{ display:block; font-size:14px; line-height:17px; color:#764343; padding:4px 9px }
.waysList ul li .waysListtxt p				{ font-size:12px; line-height:20px; color:#494949; padding:8px 0 12px }
p.skillText									{ padding:16px 0 0; color:#6b6b6b; font-size:14px; line-height:18px;}

#sharethis{ width:130px; height:39px; clear:both; float:right; text-align:center; margin:0px; }
#sharethis img{ margin:4px 2px 0 2px; }
/* ---------------------------------------------------------*/


.loader { display: none; font-size: 13px; font-weight: bold; position: absolute; padding-top:80px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); text-align: center; opacity:0.5;filter: alpha(opacity=50) ; text-decoration: none; text-align: center;}
.loader { background:#999999; color:#FFFFFF; text-shadow: #fff 0px 0px 20px; }
loader label{ border:solid #66FF00 1px; }