/*
Theme Name: Pros For Africa
Theme URI: http://urmobile.com
Description: Theme designed for Pros for Africa.
Author: Aaron Sandoval
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h7, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

section{
display: block;
}

/* Start Site Content*/
html{
	background: #000000 url(images/generalbg.png) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	background: url(images/navbg.png) repeat-x;
	letter-spacing: .3;
	text-align: justify;
}
#container{
	width: 960px;
	margin: 0 auto;
}

#subscribe{
	background: url(images/subscribebg.png) no-repeat;
	width: 311px;
	height: 34px;
	overflow: hidden;
	float: right;
	margin: 0 50px 10px 0;
}
#getupdates{
	background: url(images/getupdates.png) no-repeat;
	width: 77px;
	height: 21px;
	float: left;
	margin: 3px 0 0 20px;
}
#subscribe input[type="submit"]{
	background: url(images/subscribebtn.png) no-repeat;
	width: 66px;
	height: 22px;
	border: none;
}
#subscribe input[type="text"]{
	margin: 5px 3px 0 3px;
	width: 120px;
}
#toptag{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;
	text-shadow: 1px 1px 0 #000000;
	float: right;
	margin: 10px 30px 0 0;
}
#logobox{
	background: url(images/logo.png) no-repeat;
	width: 313px;
	height: 120px;
	float: left;
	margin: 0 0 0 -20px;
}
.navdivider{
	background: url(images/nav-divider.jpg) no-repeat;
	width: 3px;
	height: 32px;
	margin: 8px 0 0 -10px;
}
#about{
	background: url(images/aboutus.png) no-repeat;
	width: 92px;
	height: 18px;
	cursor:  pointer;
}
#impact{
	background: url(images/news.png) no-repeat;
	width: 134px;
	height: 18px;
	cursor:  pointer;
	margin: -1px 0 0 -10px;
}
#trips{
	background: url(images/trips.png) no-repeat;
	width: 130px;
	height: 18px;
	cursor:  pointer;
	margin: 0 0 0 -10px;
}
#blog{
	background: url(images/mediabtn.png) no-repeat;
	width: 53px;
	height: 19px;
	cursor:  pointer;
	margin: 0 0 0 -10px;
}

#store{
	background: url(images/store.png) no-repeat;
	width: 53px;
	height: 18px;
	cursor:  pointer;
	margin: 0 0 0 -10px;
}

#givenow{
	background: url(images/givenow.png) no-repeat;
	width: 126px;
	height: 48px;
	cursor: pointer;
	float: left;
	margin: -7px 0 0 -30px;
}

.alignright{
	float: right;
	padding: 10px 0 10px 10px;
}
.alignleft{
	float: right;
	padding: 10px 10px 10px 0px;
}
/* menu::base */
#menu {
    position:relative;
    z-index:100;
    height:43px;
    width: 630px;
	float: left;
	margin: 5px 0 0 -60px;
	}
#menu .menu {
    position:absolute;
    margin-top: -5px;
    padding-left: 40px;
    background: url(images/header.gif) right top no-repeat; 
}
/**
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
**/
#menu a {
    display:block;
    padding:15px 14px 14px 14px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:#fff;
}
#menu li li {
    float:none;
}
#menu div {
    visibility:hidden;
    position:absolute;
    background:url(images/pix.gif);
}
#menu div div {
    margin:-35px 0 0 -1px;
    left:100%;
}
#menu div div div {
    margin:-35px 0 0 -1px;
    left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
.cat-item{
	height: 29px;
	overflow: hidden;
}
.cat-item a{
	color: #3C4955 !important;
	padding: 5px 0 0 0 !important;
}
#menu a {
    text-decoration:none;
    color:#3C4955;/*1*/
    position:relative;
    z-index:77;
}
#menu ul li div{
	margin-top: -5px;
}
#menu ul li div ul li div ul{
	margin-top: -22px;
}
#menu a:hover {
    background:url(images/header.gif) left -43px repeat-x;
    color:#FFF;
}
#menu a:hover span { color:#FFF; }
#menu li.current a {
    background: transparent url(images/header_active.gif) repeat-x;
    color:#fff;
}
#menu li.current span {
    color:#fff;
}
#menu>ul>li:hover>a {
    background:url(images/header.gif) left -43px repeat-x;
    color:#CACFD3;
}
#menu>ul>li:hover>a span { color:#FFF; }
#menu span {
    text-transform:uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing:0.3em;
    text-decoration:none;
    color:#302f2f;
}
#menu li { background: url(images/header.gif) left top no-repeat;}
/* menu::level >= 2 */
#menu ul ul {width: 150px;}
#menu li li{
	  background:#cbcbcb url(images/subnavbg.png) repeat-x;
	  height: 29px;}
#menu li li a {
    position:static;
    background:#cbcbcb url(images/subnavbg.png) repeat-x;
    height: 29px;
    white-space:normal;
    text-align: center;
    color:#302f2f;
    padding:0;
	text-transform:none;
	width: 100%;
}
#menu li.current li a {
    background: none;
    color:#FFF;
}
#menu li.current li span {
    color:#FFF;
}
#menu li li a:hover { background:#b6b6b6 url(images/subnavbg.png) repeat-x; height: 29px;}
#menu li li a span { color:#302f2f; padding: 8px;	}
#menu li li a:hover span { color:#333; }
#menu li li a.parent span{background:transparent url(images/arrow.png) no-repeat scroll right 50%; z-index:10;  }

#menu li li span {
    display:block;
    text-transform:none;
    padding:0px 25px 0px 0px;
    font-size:11px;
    letter-spacing: 0;
}
/** END MENU **/
#bottomtag{
	text-align: center;
	clear: both;
	float: right;
	width: 500px;
	font-size: 14px;
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000;
	margin: -30px 100px 0 0;
	font-weight: bold;
}
.yellowtxt{
	font-size: 16px;
	font-weight: bold;
	color: #e8ed64;
}


/** FOOTER **/
#footer {
	background: url(images/footerbg.png) repeat-x;
	height: 76px;
	margin: 20px 0 0 0;
	clear: both;
}

#footer .footer-col1, .footer-col2, .footer-col3 {
	float: left;
	width: 111px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343434;
	font-weight: bold;
	padding-top: 10px;
}
#footer .footer-col1
{
width: 180px;	
padding-left: 22px;
}
.footer-col2 
{
	margin-left:46px;	
}
.footer-col3
{
	margin-left:27px;
}
#footer .footer-col1 a, .footer-col2 a, .footer-col3 a {
	text-decoration: none;
	color: #343434;
	font-weight: bold;
}
a.footer-link-red
{
	color:#a41111;
}
#vipaccess{
	background: url(images/vip-access.png) no-repeat;
	height: 55px;
	width: 130px;
	cursor: pointer;
	float: left;
	margin: -20px 0 0 100px;
}
.footer-logo{
	background: url(images/footer-logo.png) no-repeat;
	width: 157px;
	height: 62px;
	cursor: pointer;
	float: left;
}
#footercontainer{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#main{
	background: #ffffff;
	width: 855px;
	padding: 10px;
	margin: 30px auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
#sidebarhome{
	background: #202020 url(images/nexttripbg.png) no-repeat top center;
	width: 265px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.days-counter, .hours-counter, .mins-counter{
	float:  left;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
}
.days-counter{
	margin: 46px 0 0 43px;
}
.hours-counter{
	margin: 46px 0 0 45px;
}
.mins-counter{
	margin: 46px 0 0 53px;
}
#lastnew{
	color: #ffffff;
	width: 235px;
	margin: 120px 0 0 20px;
}
#notice{
	color: #ffffff;
	width: 235px;
	margin: 120px 0 0 20px;
}
#noticetittle{
	background: url(images/uganda-map.png) no-repeat top right;
	font-size: 18px;
	font-weight: bold;
	height: 67px;
}
#noticedate{
	font-size: 16px;
}
#noticeinfo{
	font-size: 14px;
	color: #666565;
	padding-top: 20px;
}
#noticelearnmore{
	background: url(images/learnmorebtn.png) no-repeat;
	width: 210px;
	height: 57px;
	cursor: pointer;
	margin: 30px auto 50px;
}
.post-categories a, .post-categories{
	font-size: 16px;
	color: #949494;
	font-weight: bold;
	text-decoration: none;
}
h2, h2 a{
	font-weight: bold;
	font-size: 22px;
	color: #202020;
	text-decoration: none;
	text-align:left;
}
.homebanner img{
width: 265px;
height: 127px;
}
#homefounders{
	width: 265px;
	float: left;
	margin: 10px;
}
#homeresentnews{
	width: 265px;
	float: left;
	margin: 10px 10px 10px 13px;
}
.entry{
	color: #949494;
	font-size: 12px;
}
/** SLIDE **/
.slider-wrap{
	background: #333333;
	width: 553px;
	float: left;
	margin: 0 10px 10px 10px;
}
#slidermessage{
	font-size: 14px;
	color: #ffffff;
	padding: 10px;
}
.thumb{
float: left;
margin: 0;
padding: 0;
}
#thumbnails{
width: 540px;
margin: 0 auto;
}
/*
	Featured Content Slider
	by: Chris Coyier
*/
					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*

/*
	SLIDER
*/		
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 553px; height: 329px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 553px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/slide/messagebg.png); padding: 10px; height: 60px; 
											  margin-top: -80px; position: relative; z-index: 9999; color: white; font-size: 24px; font-weight: lighter; font-style:italic;}
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; }

/** PAGES **/

#sidebar{
	background: #ffffff url(images/nexttripbg.png) no-repeat top center;
	width: 265px;
	float: left;
}
a{
text-decoration: none;
color: inherit;
}
.sidebarbanner img{
width: 265px;
height: 127px;
margin: 20px 0 10px 0;
}
#lastnew{
margin: 0;
}
#sidebarlearn{
	background: url(images/sidebarlearnmore.png) no-repeat;
	width: 143px;
	height: 46px;
	cursor: pointer;
	margin: 90px auto 0;
}

#pagecontent{
	float:right;
	width: 535px;
	margin: 10px;
	color: #585858;
	font-size: 12px;
}
h1{
	font-size: 38px;
	font-weight: bold;
	color: #202020;
}
.nocomments{
	display: none;
}
.entry-content{
	margin: 10px 0 0 0;
}
#founderslist img{
	width: 36px;
	height: 31px;
	margin: 4px;
	vertical-align: middle;
}
#founderslist ul li{
	background: #c2c2c2 url(images/foundbg.png) repeat-x;
	width: 265px;
	color: #463e3e;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	height: 40px;
	overflow: hidden;
}
#founderslist a{
	text-decoration: none !important;
} 
#founderslist{
	margin: 0 0 20px 0;
}

.readmore a{
	font-size: 12px !important;
	color: #463e3e;
	font-weight: normal;
	text-decoration: underline;
}
.postcontainer{
overflow:hidden;
width:880px;
}
.singlepost{
width: 265px !important;
float: left;
margin: 30px 0 0 10px;
overflow: hidden !important;
min-height: 350px;
}
.entry-content{
width: 500px;
}
.entry-title{
width: 500px;
}
#submit{
	background: url(images/submit.png) no-repeat;
	width: 157px;
	height: 48px;
	border: none;
	cursor: pointer;
}
#commentarea{
	margin: 20px 0 0 0;
}
.logoinfo{
	display:none;
padding-top:10px;
}
.logo{
	cursor:pointer;
margin: 10px 0 10px 0;
}
#lastnew .category, #lastnew h2{
  text-align: center !important;
	width: 265px;	
}
#lastnew .entry{
	width: 265px;
}
.ngg-gallery-thumbnail{
	width: 110px !important;
	height: 90px !important;
}
.ngg-gallery-thumbnail-box{
	width: 110px !important;
	height: 90px !important;
	float: left; !important;
}
.ngg-navigation{
	clear: both;
}
.navigation{
	margin: 0 30px 0 0;
	font-size: 12px;
}
.singlepost h2{
	text-align: left;
}
.entry-title{
	text-align: left;
}
.entry-content ul{
	list-style-type: disc !important;
	list-style-position: outside;
	margin-left: 15px;
}
.impact_li ul li{
	padding-top: 7px;
}