/* 
Theme Name: Wateraid Malawi 2
	
/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
aaa
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}figure{position:relative}figure img{width:100%}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}

button, input, select, textarea {
	width:auto;
	overflow:visible;
	margin:0;
	font-size:100%;
	vertical-align:baseline;
}

textarea {
	overflow:auto;
	vertical-align:text-top;
}

/* =Horizontal Rule
-------------------------------------------------------------- */
hr {
	border:none;
	clear:both;
	float:none;
	height:.1em;
	margin:0 0 1.45em;
	width:100%;
}

hr.white{
clear:both;
border:0;
height:4px;
margin:0 0 20px 0;
background:url(img/wdots.gif) repeat-x;
}

hr.space {
	background:#fff;
	color:#fff;
}

div.hr {
	border:none;
	clear:both;
	float:none;
	height:.1em;
	margin:0 0 1.45em;
	width:100%;
}

div.hr.white{
	clear:both;
	border:0;
	height:4px;
	margin:0 0 20px 0;
	background:url(img/wdots.gif) repeat-x;
}

/* =Base
-------------------------------------------------------------- */
html {
	height:100%;
}

body {
	-webkit-font-smoothing:antialiased;
	background:#fff;
	color:#616365;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;

	text-rendering:optimizeLegibility;
}

/* =Typography
-------------------------------------------------------------- */
h3{
    display: inline-block;
}

p {  
    word-wrap:break-word;
}

cite, em, dfn {
	font-style:italic;
}

strong {
	font-weight:700;
}

pre {
	background:#fff;
	margin-top:20px;
	max-width:98%;
	padding-left:1em;
	height:auto;
}

del {
	color:#555;
	text-decoration:line-through;
}

ins, dfn {
	border-bottom:1px solid #ccc;
}

small, sup, sub {
	font-size:85%;
}

abbr, acronym {
	font-size:85%;
	letter-spacing:.1em;
	text-transform:uppercase;
}

a abbr, a acronym {
	border:none;
}

abbr[title], acronym[title], dfn[title] {
	border-bottom:1px solid #ccc;
	cursor:help;
}

sup {
	vertical-align:super;
}

sub {
	vertical-align:sub;
}

.hidden {
  display: none;
  visibility: hidden;
}
.graphic span{
  display: none
}

/* footer */
#footer-wrapper{
max-width: 1110px;
margin: 0 auto ;
position: relative;
color: #fff;
min-height: 221px;
line-height: 1.6em;
}

#footer-wrapper .row{background:url(img/foot.jpg) bottom left no-repeat transparent; height: 211px}	
#footer-wrapper .row hr.first{ margin: 61px 30px 0 17px; width: 95%;}
#footer-wrapper .row hr.second{ margin: 20px 30px 0 17px; width: 95%;}
#footer-wrapper .row div.first{ margin: 61px 30px 0 17px; width: 95%;}
#footer-wrapper .row div.second{ margin: 0px 30px 0 17px; width: 95%;}

#sitemap{
overflow: hidden;
padding: 0.5% 0 1.5% 1.5%;
width: 100%;
}
.company{
overflow: hidden;
padding: 1% 0 0 1.5%;
width: 100%;
}

.sitemap-section{
margin:0 20px 0 0;
float:left;
}
address{font-style: normal}
address a{
color: #fff;
}

#sitemap ul{
display:block;
}

#sitemap ul li{
display:block;
border:0;

}

#sitemap ul li a{
color:#fff;
}
#sitemap ul li a:before{
content:'> ';
}

#sitemap p a{
font-weight:bold;
color: #fff
}

#sitemap hr{
margin-bottom:10px;
}

/*nav*/
#logo { margin-left: 0.3%; z-index: 5; position: relative; background:url(img/nav/lft.gif) left bottom no-repeat transparent; padding-bottom:19px; width: 400px; height: 107px; }
.nav{z-index:2; list-style:none; position:  absolute; top: 72px; left: 287px;  z-index: 50; width: 825px  }
.nav ul{float:right;padding:0;margin:0; background:url(img/nav/rgt.gif) right 34px no-repeat #fff; }
.nav li{float:left;display:inline;font-weight:bold;margin:0 0 20px; line-height: 34px}
.nav a{position:relative;display:block;color:#000;padding-bottom:15px;margin-bottom:-15px;background:url(img/nav/nav-bg.png) bottom left no-repeat;float:left}
.nav span{min-height:32px;height:auto !important;height:32px;float:left;display:block;border-right:1px dotted #616365;padding:0 31px; font-size: 1.6em}
.nav li.last span, .nav li:last-child span{min-height:32px;height:auto !important;height:32px;float:left;display:block;border-right:none;padding:0 31px;background-color: #ffb612}
.nav .selected a{background-position:bottom center;text-decoration:none;color:#000}

.top-menu {float:right; margin:10px 0 0 0}

#menu-top-menu{float: left}

.head-search{
float:right;
background:url(img/top-nav-bg.gif) center left no-repeat;
padding: 5px 0 0 7px;
}

.head-search div{
/*border-bottom: 1px solid #000;
background-color:#fff;
display: inline-block
padding-top:5px;*/
}

.head-search div #s{
	border:0;
	/*border-bottom:1px solid #000;*/
	position:relative;
	padding:3px 0;
	width:150px;
	font-size:1.4em;
}

.head-search label{
width:60px;
float:left;
font-weight:normal;
font-size:1.4em;
}
.head-search .input-text{
width:130px;
height:19px;
padding:5px;
float:left;
}

.head-search button{
background-color:#fff;
}

.head-search .submit{
width:31px;
height:29px;
margin:0 2px;
float:left;
}
.top-menu ul {float: right;}
.top-menu li {float: left; display:inline;list-style-type:none; margin-right:0px; background:url(img/top-nav-bg.gif) center right no-repeat; padding:0 7px }
.top-menu li a {font-size:1.4em;padding: 6px 8px; color:#616365; border-left:none; display: inline-block;}
.top-menu > ul li.first a { color: #fff; background-color: #009fda;}
.top-menu > ul li.last { background: none}
.top-menu > ul li.selected a { color: #616365; background-color: #ffb612;}
.top-menu li a:hover {color:#333}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  padding: 4px 9px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #000;
  border-bottom: 1px solid #000;
}
.navbar-search .search-query:-moz-placeholder {
  color: #fff;
}
.navbar-search .search-query::-webkit-input-placeholder {
  color: #fff;
}
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
}
#header{
width: 1110px;
margin: 10px auto 0 auto;
position: relative;
}
#main{
padding-left: 5px ;
width: 1110px;
margin: 10px auto ;
}
.container, .page-template-page-minimal-php{font-size: 62.5%; margin-top: 5px}
.news-list{
margin : 10px 0 10px 0
}

.news-list li {
margin : 0 0 10px 0;
padding: 0 0 5px 0;
/*border-bottom:1px dotted #999;*/
background: url("img/dots.gif") repeat-x scroll 0.6% bottom transparent
}
.news-list li.last {
background: none
}

.news-list a{
color: #00338d
}
.news-list li h3{
font-size: 1.8em;
font-weight: 700;
}
.post-meta{
font-size: 1.4em;
font-weight: 700;
color: #222;

}
.post-meta a {
    font-weight: 700;
    color: #00338D
}
#respond { padding:15px 0;}
#respond h3{font-size: 1.8em;}
#respond p{vertical-align: top; clear: both;margin: 10px 0 0 17%; display:block}
#respond .uform, #recaptcha_widget_div{ margin: 0 0 10px 17%; display: block; float: left; }
#respond .uform {font-size:.85em;}
#respond .input-container, .nsu-form .input-container { margin: 10px 0; overflow: hidden;}
#respond hr, hr.dots { background: url("img/dots.gif") repeat-x scroll 0 0 transparent;
    border: 0 none;
    clear: both;
    height: 4px;
    margin: 0 0 10px 0 ;}
#respond label, .nsu-form label { width:17%; vertical-align: top; display: block; float: left; font-size: 1.4em; font-weight: 700}
#respond span {}
#respond .explain {float: left; margin: 0 0 0 17%;}
#respond input,
#respond textarea {background:#FFF; color:#000; border:solid 1px #3C3C3C; width:40%; float: left; margin-bottom: 10px; margin-right: 10px; padding: 3px; font-size: 1.75em}
#respond input#submit {cursor:pointer; width: 193px; border:0; background: #FFF left top no-repeat url("img/form/comment.png"); 
color:#4067B0; font-weight: 400; padding:2px 18px 3px 0px; margin: 10px 0 10px 17%; text-indent: -1000em; overflow: hidden; height: 30px; line-height: 200px; }
#respond .input-checkbox p, .nsu-form .input-checkbox p{vertical-align: top; clear: both;margin: 20px 0 ; display:block}
#respond .input-checkbox input, .nsu-form .input-checkbox input {width: auto !important; background:#FFF; color:#000; border: none; float: left; margin-bottom: 10px; margin-right: 10px; padding: 3px; font-size: 1.75em}
#respond .input-checkbox label, .nsu-form .input-checkbox label {font-weight: 400;width: auto !important;}
#respond .input-checkbox label strong, .nsu-form .input-checkbox label strong  {font-weight: 700}

input#nsu_checkbox{border: none; margin:7px 4px 4px 0; padding: 0;}


.nsu-form .nsu-error { float: left;  margin: 0 0 10px 17%;}
#respond #person_form input, #respond #contact_form input,
#respond #person_form textarea, #respond #contact_form textarea,
.nsu-form input, .nsu-form textarea {background:#FFF; color:#000; border:solid 1px #3C3C3C; width:70%; float: left; margin-bottom: 10px; margin-right: 10px; padding: 3px; font-size: 1.75em}
#respond #person_form input#submit {cursor:pointer; width: 224px; height: 44px; border:0; background: #FFF left top no-repeat url("img/form/submit-button.png"); 
color:#4067B0; font-weight: 400; padding:2px 18px 3px 0px; margin: 10px 0 10px 17%; text-indent: -1000em; overflow: hidden; line-height: 200px; }
#respond #contact_form input#submit {cursor:pointer; width: 224px; height: 44px; border:0; background: #FFF left top no-repeat url("img/butt/submit-button.png"); 
color:#4067B0; font-weight: 400; padding:2px 18px 3px 0px; margin: 10px 0 10px 17%; text-indent: -1000em; overflow: hidden; line-height: 200px; }
.nsu-form .nsu-submit {cursor:pointer; width: 174px; height: 44px; border:0; background: #FFF left top no-repeat url("img/form/getupdates-button.png"); 
color:#4067B0; font-weight: 400; padding:2px 18px 3px 0px; margin: 10px 0 10px 17%; text-indent: -1000em; line-height: 200px; }
#respond #person_form span {margin: 0 0 0 17%; float: left; }
#respond #person_form span.required {float: right; }
#recaptcha-submit-btn-area {height: 53px;}
.media, .single-media{
position: relative;
}
.media img, .media iframe{
margin-left: 0.5%;
}

.single-media img, .single-media iframe{
margin-left: 0.6%
}
.single-media .blogback, .single-media .sticky{
position: absolute;
top: 0;
left: 0;
}
.blogback a {
background: url(img/back.png) left top no-repeat transparent;
display: block;
z-index: 100;
width: 103px;
height:38px
}
.sticky span{
display: none;
}
.sticky a {
background: url(img/follow.png) left top no-repeat transparent;
display: block;
z-index: 100;
width: 731px;
height:43px
}
.news-list li p{
font-size:1.4em
}
.pagination{
margin-left: 0.6%;
display: inline-block;
width: 95%;
background-color:#c9e9f5;
padding: 5px;
font-size: 1.4em;
font-weight: 700
}
.pagination li {
float: left;
margin: 5px 0;
padding: 0 5px
}
.pagination .numeral {
border-right: 1px solid #616365;
}
.pagination .numeral.last {
border-right: none;
}
.pagination .current{
display: inline-block;
text-decoration: underline;
color: #00338d
}
.pagination a{
font-weight: 700;
color: #616365
}

.pagination a.prev span, .pagination a.prev span{display: none}
.pagination a.prev , .pagination a.next {display: block; width:13px; height: 16px; margin: 7px 0 0; text-indent:-9999px;}
.pagination a.prev{background:url(img/nav/pag-left.gif) left bottom no-repeat transparent; float:left;}
.pagination a.next{background:url(img/nav/pag-right.gif) left bottom no-repeat transparent;  float:left;}
.pagination ul{ float:left; }

.widget-wrapper {margin-bottom: 20px}
.widget-wrapper p{
	font-size:1.3em;
	padding-bottom:10px;

/*	margin-top:10px;*/
}
.widget-wrapper h3{
  color: #fff;
  width: 100%;
  line-height: 33px; 
  height: 35px;
  padding: 0 10px;
  text-shadow: 2px 3px 2px #6374AB;
  font-size: 1.6em;
  background: url(img/h/widget.png) left bottom no-repeat transparent
}

.textwidget, #calendar_wrap{
  width: 95%;
  margin-left:  2.5%;
}
/*.sixcol.home{display: inline-block; position: relative;  background: url(img/bck/sm-wave.png) left bottom no-repeat transparent; background-size: 100%; padding: 0  0 162px .3%; max-height: 320px; overflow: hidden }*/

.sixcol.home{display: inline-block; position: relative;  padding: 0  0 0 .3%; overflow: hidden }
.sixcol.home h2 , .sixcol.home strong{color:#00338d; width: 95%;}
.sevencol h2 { color: #00338D; font-size: 1.8em; font-weight: normal;line-height: 1.5em; margin-bottom: 1em;}
.sixcol.home h2{font-size: 2.5em; font-weight: normal; line-height: 1.4em;}
.sixcol.home p{font-size: 1.8em; width: 95%; line-height: 1.4em; margin: 26px 0 9px 0;}
.sixcol.home table{width: 13.45%;}
.sixcol.home td { background: #616365; border: 1px solid #fff; text-align: center; padding: 5px; width: 14.2%; color:#fff; font-size:1.8em;
color:#fff; font-weight: 700;
text-transform:uppercase;}
.sixcol.home .caption{color:#fff; font-size:1.1em; color:#fff; font-weight: 700;}
/*.row .twelvecol.last.info {position: absolute; bottom: 10px; left: 20px; width: 95%}*/
.row .twelvecol.last {width: 99.5%; }
.row .twelvecol.last.info {width: 100%; background: url(img/bck/sm-wave.png) left top no-repeat transparent; background-size: 100%;}
.sixcol.home .twelvecol.last.info{position: absolute; bottom: 0; left: 0;}
.row.header {height: 325px;margin-bottom: 20px;}
.donate {float: left;  margin: 25px 20px 0 20px; height: 45px; width: 187px }
.donate a { height: 100%; width: 100%; display: block; background: url(img/butt/donate.png) left top no-repeat transparent; background-size: 100%; height: 38px; width: 175px;  }
.donate .graphic span{display: none}
.sixcol.home .current-total {float: left; margin : 25px 0 13px 0}
.total caption{caption-side: bottom;font-weight: 700; text-align: left; color:#fff; font-size: 1.1em}
div.social-icons {
    margin: 20px 0 0 0;
    color: #fff;
    font-size: 1.3em;
    padding: 0;
    width: 100%;
}
.social-icons ul{
    list-style: none outside none;   
    text-align: center; 
}
.social-icons li {
    float: left;
    font-size: 1.1em;
    margin: 0 0 0 0;
}

.post{
margin-left: 0.5%;
}
.post h3 {
font-size: 1.4em;
font-weight: 700;
color:#00338d
}
.post h4{
font-size: 1.4em;
font-weight: 700;
color:#00338d
}
.post ol{
list-style: decimal;
width: 95%;
margin: 0 0 0 20px;
font-size: 1.4em;
}
.post ol li{
margin-bottom: 20px;
}
.post ul{
list-style: disc;
width: 95%;
margin: 20px;
font-size: 1.4em;
}

.post ul.news-list{
list-style: none;
width: 95%;
margin: 0;
font-size: 1em;
}
.post ul.meet-the-people-list{
list-style: none;
width: auto !important;
margin: 10px 0 0 0;
font-size: 1em;
}
.share{
clear: both;
background-color: #e6e7e7;
display: inline-block;
margin:10px 0;
padding: 15px
}
.share h3{
color:#222222;
font-size: 1.8em
}
.share ul{list-style: none; margin: 0}
.share li{float: left;margin-right: 5px}
.share .fivecol.last .donate{height: auto; margin: 0;}

.row .ninecol p{
font-size: 1.4em;
margin-bottom: 1.2em
}
h6{
color:#00338d;
font-size: 1.8em;
font-weight: 700
}
.comment .reply a{
color:#00338d;
font-size: 1.4em;
font-weight: 700
}

.comment-author cite{font-size: 1.4em; font-style: normal; font-weight: 700}
.comment-meta a {font-size: 1.4em; color: #616365}

.ninecol h1{
  display:block;
  background: url(img/h/h1.jpg) 0.5% top no-repeat transparent; background-size: 100%;
  font-size: 2.4em;
  color: #fff;
  line-height: 33px; 
  height: 35px;
  padding: 0 10px;
  margin: 0 0 10px 0.5%;
  text-shadow: 2px 3px 2px #6374AB;
}

.ninecol > .post > h2 {
  color: #00338d;
  font-size: 1.8em;
  font-weight: 400
  }

.ninecol .post h1{
font-size: 1.8em;
font-weight: 700;
color: #00338d;
background: none;
margin: 0;
text-shadow: none;
padding: 0;
}

/* calendar widget */
.widget_calendar {float: left; width: 95%;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: left; color: #000; font-size: 1.2em; /*margin-top: 10px; margin-bottom: 15px;*/ font-weight:bold; }
#wp-calendar thead { font-size: 1em; width:100% }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #000; width:100% }
#wp-calendar tbody td { background: #ececec; border: 4px solid #fff; text-align: center; padding:0; margin:0; width:20px; height:30px;/* padding:1.5% 3.5%;*/}
#wp-calendar tbody td  a{ background: #00338d; text-align: center; color:#fff; display:block; padding:4px; font-weight:bold!important;}
#wp-calendar tbody td.pad:hover { background: #fff; color:#fff }
#wp-calendar tbody td:hover { background: #009fda; color:#fff }
#wp-calendar tbody td#today { background: #009fda; color:#fff }
#wp-calendar tbody .pad { background: none; }
#wp-calendar thead #next, #wp-calendar tfoot #next a { font-size: 1em; text-transform: uppercase;  font-weight: 700; text-align: right; }
#wp-calendar thead #prev, #wp-calendar tfoot #prev a   { font-size: 1em; text-transform: uppercase; font-weight: 700;}


.widget-be-part-of-it div{
	background:#c9e9f5;
	display:block;
	width:auto;
	padding:20px 10px;
	margin:-5px 10px 10px 5px;
}

.widget-read-the-blog div{
	display:block;
	width:auto;
	padding:10px 10px;
	margin:-5px 10px 10px 5px;
}
.widget-read-the-blog p{
	padding: 0;
	font-size: 1.3em
}
a.read-it{
	font-weight: 700;
	font-size: 1.4em;
	color: #00338d;
}

.clear{
	clear:both;
}

.widget-be-part-of-it div a.btn-get-updates{
	margin-right: 11px;
	padding: 8px 7px;
	color:#FFFFFF;
	font-weight:bold;
	background:#009fda;
	font-size:1.3em;
	float: left;
	height:52px;
	display:block;
	width: 212px;
	}

.widget-wrapper .sosial{
	display:block;
	margin:6px 0 0 -12px;
	float: left
	}
	
	
.widget-wrapper .sosial li{
	float:left;
}

.widget-who-were-helping div{
	margin: 0 0 0 2.5%;
}

.widget-who-were-helping ul{
	display:block;
	float:left;
	width:96%;
}

.widget-who-were-helping ul li{
	border-bottom:1px dotted #999;
	padding:10px 0;
	vertical-align:top;
	display:block;
	float:left;
	clear:left;
	width:95%;
	}
.widget-who-were-helping ul li:last-child{
	border-bottom:none;
	}	
.widget-who-were-helping ul li img{
	float:left;
	clear:left;
	margin-right:10px;
	}
.widget-who-were-helping ul li a.person{
	font-weight:bold;
	font-size:1.4em;
	line-height: 42px;
	}
.widget-who-were-helping ul li a.arrow{
	padding-left:10px;
	font-weight:bold;
	font-size:1.4em;	
	background:url(img/list-grey-arrow.png) center left no-repeat;		
	}

.widget-tag-cloud .tagcloud{
	width:95%;
	margin: 0 0 20px 2.5%;
	
	
	}

.widget-malawi-twitter-widget div{
	background: #C9E9F5;
    display: block;
    margin: -5px 10px 10px 5px;
    padding: 20px 10px;
    width: auto;	
	}
.widget-malawi-twitter-widget div ul{
	margin:0;
	background:#FFFFFF;
	display:block;
	padding: 5px;
	font-size: 1.2em;
}

.widget-malawi-twitter-widget span.tw-scroll-up, .widget-malawi-twitter-widget  span.tw-scroll-down{
	display:block;
	}

.widget-malawi-twitter-widget span span{
display:none;
	}

.widget-malawi-twitter-widget span.tw-scroll-up{
	border-bottom:2px solid #96c9e6;
	clear:both;
	height:5px;
	background:url(img/tw-arrow-up-inactive.png) top center no-repeat;
	}

.widget-malawi-twitter-widget span.tw-scroll-down{
	border-top:2px solid #007bb2;
	clear:both;
	height:5px;
	background:url(img/tw-arrow-down-active.png) top center no-repeat;
	}


.paginator{
	background:#c9e9f5;
	display:block;
	clear:both;
	padding:13px 0 0 10px;
	height:30px;
	}

.paginator a#prev, .paginator a#next{
	float:left;
	display:block;
	width:20px;
	height:20px;
	
	}	

.paginator a.next{
	background:url(img/page-next-active.png) right center no-repeat;
	}

.paginator a.prev{
	background:url(img/page-prev-active.png) left center no-repeat;
	}
	
.paginator a#prev.last{
	background:url(img/page-prev-inactive.png) left center no-repeat;
	}

.paginator a#next.last{
	background:url(img/page-next-inactive.png) right center no-repeat;
	}
	
.paginator a span{
	display:none;
	}

.paginator li{
	float:left;
	border-right:1px solid #ccc;
	}

.paginator li.last{
	border:none;
	}
.paginator li a{
	display:block;
	padding:1px 8px;
	font-size:1.5em;
	color:#666666;
	}

.paginator li a.current{
	color:#00338d;
	text-decoration:underline;
	}

.donations-footnote{
	clear:both;
	color:#666;
	font-size:.9em;
	padding-top:10px;
	margin:10px 0 0 0.5%;
	}



/*about*/

.widget-donate-widget div{
    background:#C9E9F5;
    display: block;
    margin: -5px 10px 10px 5px;
    padding: 15px 0px;
    width: 228px;
}

.widget-donate-widget div p{
    margin: 0 10px;
    width: auto;
}


a.btn-donate-now{
	background:url(img/butt/donate-small.png) top left no-repeat;
	display:block;
	width:144px;
	height:35px;
	margin-left:65px;
}

a.btn-donate-now span{
	display:none;
}

.read-the-blog div{
    display: block;
    margin: -5px 10px 10px 5px;
    padding: 10px 10px;
    width: auto;
}

.read-the-blog div a{
	font-weight:bold;
	}



/* story so far */

h2.intro{
	color:#00338d;
	font-size:1.8em;
	line-height:25px;
	margin-bottom:20px;
	font-weight:normal;
	}

.ninecol .fivecol.last img{
	border:5px solid #999;
	width: 97%
	}

.ninecol .sevencol h3{
	font-size:1.4em;
	margin-bottom:15px;
	}

p.img-caption{
	font-size:1.2em!important;
	line-height:  1.2em;
	margin-bottom: 0;
	width: 98%;
}

.weekly-story-so-far{
	clear: both;
	width: 100%;
}

.post ul.news-list.weekly-story-so-far{
	width: 100%;

}

.weekly-story-so-far li{
	border-bottom:none;
	padding-bottom:15px;
	background: none
}

.weekly-story-so-far h4{
	font-size:1.3em;
	border-bottom:1px dotted #999;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top: 8px;
	color:#00338D;
	}
	
.weekly-story-so-far h5{
	color:#333;
	font-size:1.5em;
	margin-right:200px;
	}

.weekly-story-so-far p{
	margin-right:200px;
	}
	
.weekly-story-so-far img{
	float:right;
	border:5px solid #999;
	}

.weekly-story-so-far .sosial img{
	float: none;
	border: none;
	}

.weekly-story-so-far .sosial{
	display:block;
	margin:20px 0 0 0;
	list-style: none;
	overflow: hidden;
	width: 80%
	}
	
	
.weekly-story-so-far .sosial li{
	float:left;
}


/* Meet the people*/

.meet-the-people-list{
	display:block;
	border-top:1px dotted #999;
	padding-top:15px;
	margin-left:-10px;
	}
	
.meet-the-people-list li{
	float:left;
	border:5px solid #999;
	width:255px;
	margin: 0 7px 7px 0;
}

.meet-the-people-list li.first{
	clear: both;
}

.meet-the-people-list li.last{
	float:left;
	border:5px solid #999;
	width:255px;
	margin:0 0 7px 0px;
}

.meet-the-people-list img{
	float:left;
	}
	
.meet-the-people-list li p.caption{
	margin:0;
	display:block;
	padding:0;
	float:left;
	clear:left;
	width:100%;
	}
.meet-the-people-list li p.caption a{
	color:#FFFFFF;
	padding:10px;
	display:block;
	background:#00338d;
	font-weight:bold;
	}

.meet-the-people-list li p.caption a:hover{
	background:#ffb612;
	color:#222;
	}


/* Donate */

.donations {
/*padding-left: 3px;*/
}

.donations .sevencol{
padding-left: 5px;
width: 98%;
}
.donations h2{
	font-size:3.5em;
	color:#00338d;
	font-weight:normal;
	line-height:35px;
	width:420px;
	margin-bottom:5px;
	}
	
.donations h3{
	width:420px;
	}	

.donations ul{
	list-style-type:disc;
	margin:auto;
	padding: 0 0 10px 20px;
	}
	
.donations ul li{
	font-size:1.4em;
	}

.large-blue-font{
	float:none;
	margin-right:0;
	font-size:2em!important;
	color:#00338d;
	font-weight:bold;
	line-height:25px;
	margin-top: 20px;
	}

form .large-blue-font{
	float:right;
	margin-right: 37px;
	margin-top: 14px;
	font-size:2.1em!important;
	color:#00338d;
	font-weight:bold;
	line-height:25px;
}

.donations h4{	
	font-size:1.3em;
	color:#333;
	}


/* meet the people DETAILS */

.back-to-people{
	background:#c9e9f5;
	display:block;
	padding:2px 10px;
	}



.people-detials .people-thumbs ul{
	list-style-type:none;
	padding:0 0 0 0;
	margin: 0 0 5px 0;
	display:block;
	width:100%;
	height:110px;
	}

.people-detials .people-thumbs ul li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	display: inline-block;
	width: 72px; height:72px
}

.people-detials .people-thumbs ul li.last{
	float:left;
	margin-right:0;
	margin-bottom:5px;
}

.people-detials .people-thumbs ul li.selected img{
	border:0;
	border:4px solid #ffb612;
	/*margin-top:15px;*/
	}

.people-detials .people-thumbs ul li img{
	border:4px solid #999;
	width: 72px;
	height: 72px;
	}


.people-detials ul{
	list-style-type:none;
	padding:0;
	display: block;
	}

.people-detials li {
	margin-bottom:40px;
	}


.people-detials li h4{
	font-size:1em!important;
	}

.people-detials li p{
	font-size:1em!important;	
	}

.people-detials a{
	color:#00338D;
	font-weight:bold;	
}

.people-detials  .captha h2{
	font-size:2em;
	color:#333;
	font-weight:bold;
	}

.people-detials  .captha label{
	width:70px;
	float:left;
	}

.people-detials  .captha input, .people-detials  .captha textarea{
	width:300px;
	background:none;
	border:1px solid #000;	
	}

.people-detials  .captha textarea{
	height:100px;
	width:319px;
	}

.people-detials  .captha p{	
	margin:10px 0;
	}	

.people-detials  .captha p span{
	font-size:0.8em;
	padding-left:15px;
	}

.people-detials  .captha hr.dots{
	margin:0;
	}

#one-off p.what{
font-size: 1.67em;
margin-bottom:5px;
}
p.what {
font-size:1.67em;
color: #0c5fb5;
font-weight: bold;
margin: 13px 0;
}

.form{ display: block; clear: both; font-size: .9em; width: 100%;}
.last .price-value { display: inline-block; font-size: 1.1em;padding: 9px 0 0 0; width: 111px;}
.price-value { display: inline-block; padding: 9px 0 0 0; width: 99px;}
.row .price-value p{ font-size: 1.1em; line-height: 1em}
.radio-btn { float: left; padding: 25px 4px 0 7px;}
.pound-text { color: #222222; display: block; float: left; font-size: 2.6em; padding: 5px 3px 0; line-height: 60px; font-weight: bold; width: auto !important;}
.textFieldSmall { float: left; font-size: 2.4em; margin-top: 20px !important; padding: 0px 2px !important; width: 45px !important;}
.form form{ display: inline-block; width: 100%; clear:both;}
.poundBox { float: left; width: 106px; display: inline-block; margin-right:10px; clear:none;}
.poundBox.last { margin-right:0px; width: 112px;}
.poundBox .single5{background: url("img/form/small.gif") no-repeat scroll left top transparent;color: #222222; display: inline-block; height: 60px; margin: 0 0 -5px 0; padding: 0; text-decoration: none; text-transform: uppercase; float: left; width: 106px;}
.poundBox .single5.active{ background: url("img/form/small.gif") no-repeat scroll left bottom transparent;}
.poundBox .single6{background: url("img/form/med.gif") no-repeat scroll left top transparent;color: #222222; display: inline-block; height: 60px; margin: 0 0 -5px 0; padding: 0; text-decoration: none; text-transform: uppercase; float: left; width: 106px;}
.poundBox .single6.active{ background: url("img/form/med.gif") no-repeat scroll left bottom transparent;}
.poundBox .single7{ background: url("img/form/large.gif") no-repeat scroll left top transparent; color: #222222; display: inline-block; height: 60px; margin: 0 0 -5px 0;  padding: 0; text-decoration: none; text-transform: uppercase;  float: left; width: 106px;}
.poundBox .single7.active{ background: url("img/form/large.gif") no-repeat scroll left bottom transparent;}
.poundBox .single4{ background: url("img/form/other.gif") no-repeat scroll left top transparent; color: #fff; display: inline-block; height: 60px; margin: 0 0 -5px 0; padding: 0; text-decoration: none; text-transform: uppercase; float: left; width: 106px;}
.poundBox .single4.active{ background: url("img/form/other.gif") no-repeat scroll left bottom transparent; color: #FFFFFF;}

.row {
width: 100%;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {

}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}
.row .sixcol.home {
margin-right: 0;
width: 49.8%;
height: 325px;
overflow: hidden;
}
.row .sixcol.last {
width: 49.4%;
}

.row .sevencol {
/*width: 56.75%;*/
width: 56.11%;
}

.row .top-menu.sevencol {
    float: right;
	margin-right:0;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .ninecol.donations{
margin-right: 3.6%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

/* .fit is the very last item in your grid 
   to keep your columns inline
*/
.fit {
	margin-left:0!important;
	margin-right:0!important;
}

img, object, embed {
	max-width: 100%;
}

img {
	height:auto;
}

/* =Links
-------------------------------------------------------------- */
a {
	color:#06c;
	font-weight:400;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

/* =Forms
-------------------------------------------------------------- */
fieldset {
	border:1px solid #ccc;
	margin:0 0 1.5em;
	padding:1em 2em;
}

legend {
	padding:2px 5px;
}

label {
	display:block;
	font-weight:700;
	padding:2px 0;
}

form div {
	clear:both;
}


input, select {
	cursor:pointer;
}

input:focus, textarea:focus, area:focus {
	background:#fff;
}

input[type='text'], input[type='password'] {
	cursor:text;
}
#footer-wrapper a{color:#fff}

.search-query{
	border:1px solid #FFF;
}

/* Mobile */
/*@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px), only screen and (max-device-width: 480px)  {

	body {
	font-size: 62.5%
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	}
	#header, #main{width: auto;}
	#main {margin-top: 45px; padding-left: 0;}
	#logo {background:none; padding-bottom:0; width: auto}
	.row.header {height: auto;}
	.top-menu{display:none}
	.nav{ background: none; width: 100%; position: absolute; left: 0; top: auto; margin-bottom: 10px; height: auto;}
	.nav ul{float: left; background: none}
	.nav span {padding: 0 10px}
	.nav li:last-child span {padding: 0 10px;}
	.nav { background-color: #009fda; cursor: pointer;}
	.nav li { background: url("img/wdots.gif") repeat-x scroll left bottom #009fda; display: inline-block; float: none; margin: 0; padding: 0 0 10px; width: 100%;}
	.nav li:last-child { background-image: none;}
	.nav li:last-child span { background-color: #009fda; width: 100%;}
	.nav ul { cursor: pointer; display: none; height: auto; position: relative; width: 100%;}
	.nav a { background: none repeat scroll 0 0 transparent; color: #FFFFFF; margin: 0; padding: 0;}
	.nav .selected a { color: #FFFFFF;}
	.nav span { border-right: medium none;}
	.down {float: right; margin: 0 20px 0 0;}
	.nav .down a { background: url("img/nav/down2.gif") no-repeat scroll left bottom #009fda; height: 40px;  width: 275px;}
	.nav .down a span { display: none;}
	.donate {width: 100%; margin: 25px 0 0 0; height: auto}
	.total caption {caption-side:top; color:#00338D; }
	.row .twelvecol.last.info {  width: 95%; display: inline-block; background-position: left bottom; padding-bottom: 40px}
	#sitemap .menu-section{display: none}
	.sixcol.home .twelvecol.last.info{position: relative; bottom: auto; left: 0; margin-top: 9px}

	#sitemap {padding: 0 }
	.fivecol.last{clear: left}
	.row .sixcol.home, .row .sixcol.last {width: auto; height: auto; overflow: visible;}
	.meet-the-people-list li, .meet-the-people-list li.last{width:30%;}
	.people-detials .people-thumbs ul li {width:30%; margin: 0 3% 30px 0;}
	.widget-wrapper h3 {background: none no-repeat scroll left #009FDA; width: 96.5%; }
	.widget-donate-widget div {width: 100%;}
	.widget-donate-widget img {width: 100%}
	#footer-wrapper .row{background:url(img/foot-small.jpg) bottom left no-repeat #009fda; height: 266px}	
	#footer-wrapper .row hr.first{ margin: 58px 30px 0 17px; width: 90%;}
	#footer-wrapper .row hr.second{ margin: 20px 30px 0 17px; width: 90%;}
	.widget-be-part-of-it div, .widget-malawi-twitter-widget div {margin: -5px 0 10px 5px;}
	.ninecol h1{ background: none no-repeat scroll left #009FDA; }
	.donations h2, .donations h3 {width: 100%}
	.sticky{display: none}
	.post {margin-left: 0}.post-ul,.post ul.news-list{width: 100%}
	.single-media img, .media img, .single-media iframe, .media iframe{margin-left:0}
	div.social-icons{width: auto; margin: 20px 0 0 5px;}
	#respond .uform, #recaptcha_widget_div  {margin: 0 0 10px 0}
	#recaptcha_image img, #recaptcha_image{ width: 180px; } 
	.meet-the-people-list li.last{margin: 0 7px 7px 0}	
}	
*/