.clearfix::after, .news-summary .item::after, #top-nav::after, #features ul li::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.hide {
  display: none;
}
a {
  color: black;
  text-decoration: none;
}
#header *, #footer * {
  line-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* ---------- Header ---------- */

#logo { float: left; margin: 5px 0 0 10px; width:277px; height:93px; }
#logo.de { width:467px; height:93px; }
#logo.fr { width:650px; height:93px; }
#header { background:url(https://s3.amazonaws.com/one.org/images/thrive_dot-line-horiz.gif) left bottom repeat-x; }
#header form { float:right; text-align:right; }
#header p { padding:34px 0 20px 111px; color:#666; }
#header p a { color:#0099ff; font-weight:700; }
#header p span.welcome { color:#000; padding:1px 2px; font-size:1.3em; font-weight:700; }
#header p span.regular a{ font-weight:400; }
#header p span.highlight { background:#ffcc00; }
#header p span.placeholder{ font-size:1.83em; }
  
/* ---------- Top links ---------- */
#top-links { font-size:0.9em; float:right; color:#ccc; margin: 10px 8px 0 0; font: 11px Arial,sans-serif; }
#top-links li { float:left; margin-left:5px; }
#top-links li.sub-site { margin-left:8px; }
#top-links li a { margin-right:5px; }
#top-links li a:hover { border-bottom:2px solid #ff0000; text-decoration:none; color:#000; }
#top-links li.sub-site a { margin-right:8px; }
#top-links li.sub-site a:hover { border-bottom:0; text-decoration:underline; }
#top-links .active { color:#000; font-weight:700; border-bottom:2px solid #ff0000; position:relative; }
#top-links .active:hover { text-decoration:none; }
  
/* ---------- Top nav ---------- */
#nav-wrap { clear: both; background:url(https://s3.amazonaws.com/one.org/images/thrive_dot-line-horiz.gif) repeat-x; font: 12px Arial,sans-serif; }
#top-nav { float:left; padding:11px 0 11px 114px; }
#top-nav li { float:left; text-transform:uppercase; color:#ccc; padding:0 5px; background:url(http://one.org/c/media/img/pipe-light-gray.gif) repeat-y 100% 0; }
#top-nav li.first{ padding-left:0; }
#top-nav li.last{ background:none; }
#top-nav a { position:relative; display:block; float:left; display:inline; font-weight:700; padding:3px 4px 3px; margin:-3px 0;  }
#top-nav a:hover, #top-nav a.current{ color:#000; background:#ffcc00; text-decoration:none; }
#top-nav a.current:hover { text-decoration:none; }
  
/* ---------- Global search box ---------- */
#search-form{ float:right; display:inline; width:220px; }
#search-input { width:150px; margin-top:7px; border:1px solid #999; height:20px; padding:2px; float:left; display:inline; border:1px solid #c3c3c3; background:url(http://one.org/c/media/img/bg-global-search.gif) no-repeat; border-top-color:#7c7c7c; border-bottom-color:#ddd; }
#search-submit { margin:7px 0 0 5px; display:inline; float:left; }
  
/* ---------- Footer ---------- */
#footer { position: absolute; bottom: 0; font-size:0.9em; background:url(https://s3.amazonaws.com/one.org/images/thrive_dot-line-horiz.gif) repeat-x; margin-top:50px; color:#ccc; }
#footer p { position:relative; clear:both; color:#000; background:url(https://s3.amazonaws.com/one.org/images/thrive_dot-line-horiz.gif) repeat-x; padding-top:10px; }
#footer #partners { float:right; }
  
/* ---------- Legal links ---------- */
#legals { float:left; padding:10px 0; }
#legals li { float:left; margin-top:5px; padding-right:5px; }
#legals a { margin-right:5px; }
#legals a.current,
#legals a.current:hover{ color:#999; }
#legals a:hover{ color:#000; }
  
/* ---------- Partner logos ---------- */
#partners li { float:left; display:inline; margin:10px 0 0 20px; height:18px; }
#partners li a { display:block; height:18px; background-image:url(https://s3.amazonaws.com/one.org/images/thrive_partner-logos.gif); text-indent:-9999px; }
#partners .flickr { width:47px; }
#partners .flickr:hover { width:47px; background-position:0 -18px; }
#partners .youtube { width:46px; background-position:-68px 0; }
#partners .youtube:hover { background-position:-68px -18px; }
#partners .myspace { width:68px; background-position:-134px 0; }
#partners .myspace:hover { background-position:-134px -18px; }
#partners .facebook { width:65px; background-position:-222px 0; }
#partners .facebook:hover { background-position:-222px -18px; }
#partners .twitter { width:68px; background-position:-306px 0; }
#partners .twitter:hover { background-position:-306px -18px; }