/*
Theme Name: HumanIPO
Theme URI: http://humanipo.com/
Description: Wordpress theme for HumanIPO - African Tech news
Author: Igor Hobotov - HumanIPO
Author URI: http://humanipo.com/
Version: 1.0
Tags: humanipo, africa, tech, news
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block; }
audio,canvas,video{ display:inline-block;*display:inline;*zoom:1; }
audio:not([controls]){ display:none;height:0; }
[hidden]{ display:none; }
html{ font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
html,button,input,select,textarea{font-family:sans-serif; }
body{ margin:0; }
a:focus{ outline:thin dotted; }
a:active,a:hover{outline:0}
h1{ font-size:2em;margin:.67em 0; }
h2{ font-size:1.5em;margin:.83em 0; }
h3{ font-size:1.17em;margin:1em 0; }
h4{ font-size:1em;margin:1.33em 0; }
h5{ font-size:.83em;margin:1.67em 0 }
h6{ font-size:.67em;margin:2.33em 0 }
abbr[title]{ border-bottom:1px dotted; }
b,strong{ font-weight:bold; }
blockquote{ margin:1em 40px; }
dfn{ font-style:italic; }
hr{ -moz-box-sizing:content-box;box-sizing:content-box;height:0; }
mark{ background:#ff0;color:#000; }
p,pre{margin:1em 0; }
code,kbd,pre,samp{ font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em; }
pre{ white-space:pre;white-space:pre-wrap;word-wrap:break-word; }
q{ quotes:none; }
q:before,q:after{ content:'';content:none; }
small{ font-size:80%; }
sub,sup{ font-size:75%;line-height:0;position:relative;vertical-align:baseline; }
sup{ top:-0.5em; }
sub{ bottom:-0.25em; }
dl,menu,ol,ul{ margin:1em 0; }
dd{ margin:0 0 0 40px; }
menu,ol,ul{ padding:0 0 0 40px; }
nav ul,nav ol{ list-style:none;list-style-image:none; }
img{ border:0;-ms-interpolation-mode:bicubic; }
svg:not(:root){ overflow:hidden; }
figure{ margin:0; }
form{ margin:0; }
fieldset{ border:1px solid silver;margin:0 2px;padding:.35em .625em .75em; }
legend{ border:0;padding:0;white-space:normal;*margin-left:-7px; }
button,input,select,textarea{ font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle; }
button,input{ line-height:normal; }
button,select{ text-transform:none; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance:button;cursor:pointer;*overflow:visible; }
button[disabled],html input[disabled]{ cursor:default; }
input[type="checkbox"],input[type="radio"]{ box-sizing:border-box;padding:0;*height:13px;*width:13px; }
input[type="search"]{ -webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; }
button::-moz-focus-inner,input::-moz-focus-inner{ border:0;padding:0; }
textarea{ overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0; }
html, button, input, select, textarea { color:#222; }
body { font-size:1em; line-height:1.4; }
::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }
hr { display:block; height:1px; border:0; border-top: 1px solid #ccc; margin:1em 0; padding:0; }
img { vertical-align: middle; }
fieldset {border:0; margin:0; padding:0; }
textarea { resize:vertical; }
.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	background:#fff;
}

a {
	color:#446ab0;
	text-decoration:none;
}
a:hover {
	color:#2f4470;
	text-decoration:underline;
}

.page-container {
	text-align:center;
}
.page {
	text-align:left;
	background:#fff;
	padding:0 2.5%;
}


h3.page-title {
	color:#484848;
	background:#f1f1f1;
	border-bottom:1px solid #ececec;
	font-size:14px;
	font-family:Arial, sans-serif;
	line-height:1em;
	padding:6px 8px;
	margin:0 0 16px;
	text-transform:uppercase;
}

/* ==========================================================================
   BLOCK
   ========================================================================== */
.block {
	margin-bottom:16px;
}
.block .block-titlebox {
	padding:0 0 5px;
	border-bottom:4px double #e4e4e4;
}
.block .block-titlebox h3 {
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:1.1em;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

.block h1 {
	font-size:32px;
	color:#484848;
	line-height:1.1em;
	margin:0 0 16px;
}
.block.single-page {
	margin:0 0 32px;
}
.block.single-page p {
	margin:0 0 16px 0;
}
.block.single-page h3 {
	margin:0 0 16px;
	padding:0;
	color:#484848;
	line-height:1.1em;
}
.block.contacts h3 {
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:1.1em;
	margin:0 0 8px;
	padding:0 0 5px;
	border-bottom:4px double #e4e4e4;
	text-transform:uppercase;
}
.block.contacts p {
	font-size:14px;
	line-height:1.55em;
	margin:0 0 8px;
}
.block.contacts p+h3 {
	margin-top:16px;
}

/* ==========================================================================
   BLOCK Green
   ========================================================================== */
.block.green { }
.block.green .block-titlebox {
	padding:6px 8px;
	border-bottom:1px solid #7bb42c;
	background:#93c02f;
}
.block.green .block-titlebox h3 {
	color:#fff;
	font-size:14px;
	line-height:1em;
	margin:0;
	padding:0;
	text-transform:uppercase;
	text-shadow:0 1px 1px rgba(0,0,0,.22);
}
/* ==========================================================================
   BLOCK Advert
   ========================================================================== */
.block.advert {

}
.block.advert .block-titlebox {
	border-bottom:1px solid #f4f4f4;
	padding:0 0 2px;
	margin:0 0 5px;
}
.block.advert .block-titlebox h4 {
	color:#b9b9b9;
	font-size:9px;
	font-weight:300;
	letter-spacing:.25ex;
	margin:0;
	text-transform:uppercase;
}
.block.advert .block-content {
	text-align:center;
}
.block.advert .block-content a {
	display:inline-block;
}

/* ==========================================================================
   BLOCK light-small
   ========================================================================== */
.block.light-small {

}
.block.light-small .block-titlebox {
	border-bottom:2px solid #f2f2f2;
	padding:0 0 2px;
	margin:0 0 5px;
}
.block.light-small .block-titlebox h4 {
	color:#222;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
}
.block.light-small .block-content {
	
}
.block.light-small ul.news.small {
	
}
.block.light-small ul.news.small li {
	padding:6px 0;
}
.block.light-small ul.news.small li .msg h3 {
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
	margin:0;
}

/* ==========================================================================
   BLOCK Lightbox
   ========================================================================== */
.block.lightbox {
	padding:12px;
	background:#f8f8f8;
	border-bottom:1px solid #f4f4f4;
}
.block.lightbox .block-titlebox {
	border:none;
	padding:0;
	margin:0 0 8px;
}
.block.lightbox .block-titlebox h3 {
	color:#999;
	font-size:12px;
	font-weight:normal;
	text-shadow:0 1px rgba(255,255,255,.9);
}
.block.lightbox .block-content {

}

.info {
	color:#999;
}
p {
	padding:0;
	margin:0 0 8px 0;
}
/* ==========================================================================
   General form & input design
   ========================================================================== */

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], textarea {
	
	/* override */
	-webkit-background-clip: border-box;
	-moz-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-origin: border-box;
	-moz-background-origin: border-box;
	background-origin: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	outline:none;
	outline-width:0;
	border:none;
	border-width:0;
	
	display:inline-block;
	
	font: 16px/26px Helvetica, "Helvetica Neue", Arial;
	color:#0f0f0f;
	line-height:1.2em;
	font-size:14px;
	background:#fff;
	border:1px solid #522a27;
	padding:4px 8px;

	-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.22), 0 1px 1px rgba(255,255,255,.44);
	-moz-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.22), 0 1px 1px rgba(255,255,255,.44);
	box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.22), 0 1px 1px rgba(255,255,255,.44);
	
	vertical-align:middle;
	width:100%;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.button {
	/* override */
	-webkit-background-clip: border-box;
	-moz-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-origin: border-box;
	-moz-background-origin: border-box;
	background-origin: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	outline:none;
	outline-width:0;
	border:none;
	border-width:0;
	
	display:inline-block;
	
	background: #93c02f;
	background: -moz-linear-gradient(top,  #93c02f 0%, #66aa2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93c02f), color-stop(100%,#66aa2a));
	background: -webkit-linear-gradient(top,  #93c02f 0%,#66aa2a 100%);
	background: -o-linear-gradient(top,  #93c02f 0%,#66aa2a 100%);
	background: -ms-linear-gradient(top,  #93c02f 0%,#66aa2a 100%);
	background: linear-gradient(to bottom,  #93c02f 0%,#66aa2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c02f', endColorstr='#66aa2a',GradientType=0 );

	
	-webkit-box-shadow:inset 0px 1px 0 rgba(255, 255, 255, 0.44), 0 1px 2px rgba(0,0,0,.44);
	-moz-box-shadow:inset 0px 1px 0 rgba(255, 255, 255, 0.44), 0 1px 2px rgba(0,0,0,.44);
	box-shadow:inset 0px 1px 0 rgba(255, 255, 255, 0.44), 0 1px 2px rgba(0,0,0,.44);
	
	border:1px solid #449000;
	
	color:#fff;
	
	font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size:14px;
	font-weight:bold;
	
	line-height:1em;
	
	text-shadow:0 1px 2px rgba(0,0,0,.55);
	text-align:center;
	
	padding:5px 10px;
	
	vertical-align:middle;
}
.button:hover, .button:visited {
	text-decoration:none;
	color:#fff;
}
.button:active {
	background: #66aa2a; /* Old browsers */
	background: -moz-linear-gradient(top,  #66aa2a 0%, #93c02f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66aa2a), color-stop(100%,#93c02f));
	background: -webkit-linear-gradient(top,  #66aa2a 0%,#93c02f 100%);
	background: -o-linear-gradient(top,  #66aa2a 0%,#93c02f 100%);
	background: -ms-linear-gradient(top,  #66aa2a 0%,#93c02f 100%);
	background: linear-gradient(to bottom,  #66aa2a 0%,#93c02f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66aa2a', endColorstr='#93c02f',GradientType=0 );
	
	-webkit-box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0,0,0,.44);
	-moz-box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0,0,0,.44);
	box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0,0,0,.44);
}
/* ==========================================================================
   Form design
   ========================================================================== */
.edit {

}
.edit label {
	font-size:12px;
	line-height:1.1em;
	color:#666;
	display:inline-block;
}
.edit .element+.element {
	margin:8px 0 0 0;
}
.edit .checker {
	display:inline-block;
	vertical-align:middle;
}
.edit .checker+.checker {
	margin:0 0 0 5px;
}
.edit .checker label {
	vertical-align:middle;
}
/* ==========================================================================
   Search form
   ========================================================================== */
.search-form input {
	vertical-align:middle !important;
}
.search-form .button {
	font-size:14px;
	padding:5px 10px;
	width:23%;
	float:right;
}
.search-form input[type="search"] {
	width:75%;
	float:left;
}
/* ==========================================================================
   News list
   ========================================================================== */
ul.news {
	list-style:none;
	margin:0;
	padding:0;
}
ul.news li {
	padding:8px 0;
	overflow:hidden;
}
ul.news li.sponsored {
	padding:8px 12px !important;
	background:#fffde5;
}
ul.news li:first-child {
	padding-top:0;
}
ul.news li+li {
	border-top:1px solid #f4f4f4;
}

ul.news li.sponsored+li {
	border-top:1px solid #fff9b0;
}
ul.news li .news-image {
	float:left;
	margin:0 12px 0 0;
	/* Override on bigger screen */
	width:20%;
}
ul.news li .news-image a {
	display:inline-block;
	border-bottom:2px solid transparent;	
}

ul.news li .news-image a img {
	width:100%;
	max-width:220px;
	height:auto !important;
}

ul.news li .news-image a:hover {
	border-bottom-color:#93c02f;
}
ul.news li .info {
	font-size:12px;
}
ul.news li .msg { }
ul.news li .msg h3 {
	font-size:16px;
	line-height:1.2em;
	margin:0 0 8px;
}
ul.news li .msg .excerpt {
	font-size:12px;
	line-height:1.45em;
	margin:0;
}
ul.news li .msg .excerpt .read-more {
	white-space:nowrap;
	display:inline-block;
}
ul.news li .msg .info {
	margin:0;
}

/* ==========================================================================
   Featured list - mobile
   ========================================================================== */
ul.featured {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:2px solid #e4e4e4;
}
ul.featured li {
	padding:16px 0;
	overflow:hidden;
}
ul.featured .info { font-size:12px; margin:0 0 8px; }
ul.featured li:first-child { padding-top:0; }
ul.featured li+li { border-top:1px solid #f4f4f4; }
ul.featured li .news-image {
	float:left;
	margin:0 12px 0 0;
	/* Override on bigger screen */
	width:30%;
}
ul.featured li .news-image a {
	display:inline-block;
	border-bottom:2px solid transparent;	
}
ul.featured li .news-image a img {
	width:100%;
	max-width:220px;
	height:auto !important;
}
ul.featured li .msg h2 {
	font-size:16px;
	line-height:1.2em;
	margin:0 0 8px;
}
ul.featured li .excerpt {
	font-size:12px;
	line-height:1.45em;
}


/* ==========================================================================
   News list small
   ========================================================================== */
ul.news.small { }
ul.news.small li {
	padding:12px 0;
}
ul.news.small li .news-image {
	/* Override on bigger screen */
	width:55px;
}
ul.news.small li .msg h3 {
	font-size:14px;
	line-height:1.3em;
	margin:0 0 5px;
}
ul.news.small li.list-separator {
	border:none;
	padding:6px 0;
	margin:6px 0 0 0;
}
ul.news.small li.list-separator h4 {
	font-size:12px;
	line-height:1em;
	margin:0;
	text-transform:uppercase;
}
ul.news.small li.list-separator h4 a {
	color:#222;
}

/* ==========================================================================
   Header
   ========================================================================== */

header {
	margin:0 0 16px;
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
	border-top:4px solid #93c02f;
}
footer .menus {
	padding:28px 0;
}
footer .menus .footer-menu {
	margin:0 0 12px;
}
footer .menus .footer-menu h3 {
	font-size:12px;
	line-height:1.1em;
	margin:0 0 5px;
	padding:0 0 5px;
	border-bottom:1px solid #e4e4e4;
	text-transform:uppercase;
}
footer .menus .footer-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
footer .menus .footer-menu ul li {
	font-size:13px;
	line-height:1.5em;
}

/* ==========================================================================
   Main menu
   ========================================================================== */
.main-menu {
	background:#93c02f;
}  
.main-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.main-menu ul li {
	
}
.main-menu ul li+li {
	border-top:1px solid #e4e4e4;
}
.main-menu ul li a {
	font-size:16px;
	line-height:1em;
	background:#f1f1f1;
	color:#636363;
	display:block;
	padding:8px 12px;
	text-shadow:0 1px 1px #fff;
}
.main-menu ul li a:hover {
	background:#e9e9e9;
	color:#333;
	text-decoration:none;
}
.main-menu ul li.current-menu-item a, .menu ul li a:active {
	color:#fff;
	background:#93c02f;
	text-shadow:0 1px 1px rgba(0,0,0,.22);
}
.main-menu .menu-icon { }
.main-menu .menu-icon a {
	color:#fff;
	display:block;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.1em;
	padding:8px 14px;
	text-shadow:0 1px 1px rgba(0,0,0,.22);
	text-transform:uppercase;
}
.main-menu .menu-icon a:hover {
	text-decoration:none;
}
.main-menu .menu-wrapper {
	display:none;
}

/* ==========================================================================
   Paginator
   ========================================================================== */
.paginator {
	padding:16px 0;
	text-align:center;
}
.paginator .page-link {
	display:inline-block;
}
.paginator .page-link+.page-link {
	margin:0 0 0 8px;
}
.paginator .page-link.next { }
.paginator .page-link.prev { }
.paginator .page-link a {
	font-size:16px;
	line-height:1em;
	background:#f1f1f1;
	color:#636363;
	display:inline-block;
	padding:8px 12px;
	text-shadow:0 1px 1px #fff;
}
.paginator .page-link a:hover {
	background:#e9e9e9;
	color:#333;
	text-decoration:none;
}
.paginator .page-link a:active {
	color:#fff;
	background:#93c02f;
	text-shadow:0 1px 1px rgba(0,0,0,.22);
}

/* ==========================================================================
   Logobar
   ========================================================================== */
.logobar {
	margin:5px 0;
}
.logobar .logo {
	height:55px;
	text-align:center;	
}
.logobar .logo a {
	height:55px;
	width:250px;
	display:inline-block;
	background:#fff url(img/humanipo-logo.png) scroll no-repeat 50% -90px;
	margin:0 auto;
}

/* ==========================================================================
   Banners
   ========================================================================== */
.banner { }
.banner a {
	display:inline-block;
}
.banner a img {
	width:100%;
	height:auto !important;
}
.banner.bnr-728 a img {
	max-width:728px;
	max-height:90px;
}

/* ==========================================================================
   Topbar
   ========================================================================== */
.topbar {
	border-bottom:1px solid #e4e4e4;
	padding:5px 0;
}
.topbar .top-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.topbar .top-menu ul li {
	float:left;
}
.topbar .top-menu ul li a {
	font-size:12px;
	padding:5px;
	display:block;
}
.search-link {
	float:right;
	display:inline-block;
}
.search-link a {
	font-size:12px;
	padding:5px;
	display:block;
}
.search {
	display:none;
}

/* ==========================================================================
   Article
   ========================================================================== */
.article {
	margin:0 0 16px 0;
}
.article .info {
	color:#999;
	font-size:12px;
	line-height:1.1em;
}
.article-titlebox {
	margin:0 0 16px 0;
}
.article-titlebox h1 {
	color:#484848;
	font-size:24px;
	line-height:1.2em;
	margin:0 0 8px;
}
.article-image {
	max-width:50%;
	float:left;
	margin:0 16px 12px 0;
}
.article-image img {
	width:100%;
}
.article-image .info {
	margin:8px 0 0 0;
}
.article-content { }
.article-content p {
	margin:0 0 16px 0;
}
.article-content .excerpt { }
.article-content .excerpt p {
	font-weight:bold;
}
.article-titlebox .social {
	padding:0 0 8px;
	border-bottom:2px solid #ececec;
}
.article-content .social {
	padding:8px 0 0 0;
	border-top:2px solid #ececec;
}

/* ==========================================================================
   Social
   ========================================================================== */
.social {
	vertical-align:middle;
}
.social .twitter, .social .facebook, .social .linkedin, .social .google-plus {
	display:inline-block;
	font-size:12px;
	line-height:1em;
	min-width:90px;
	vertical-align:middle;
}
.facebook-box .block-content {
	text-align:center;
}
.facebook-box .block-content .fb-like-box {
	margin:0 auto;
}

.web-only {
	display:none;
}
.mobile-only {
	display:block;
}
/* ==========================================================================
   Image list
   ========================================================================== */
ul.image-list {
	list-style:none;
	margin:0;
	padding:0;
}
ul.image-list .item {
	overflow:hidden;
	padding:1%;
}
ul.image-list .item .image {
	float:left;
	margin:0 16px 0 0;
}
ul.image-list .item .image a {
	display:inline-block;
	width:128px;
}
ul.image-list .item .image a img {
	vertical-align:top;
	width:100%;
	height:auto !important;
}
ul.image-list .item .msg {

}
ul.image-list .item .msg h3 {
	font-size:16px;
	line-height:1.1em;
	margin:0 0 8px;
}
ul.image-list .item .msg p {
	font-size:14px;
	line-height:1.1em;
	margin:0 0 8px;
}

.fb-comments, .fb-comments iframe[style] { width:100% !important; }
.fb-comments span, .fb-comments iframe span[style] { width:100% !important; }

/* ==========================================================================
   Tags
   ========================================================================== */
.tags {
	color:#999;
	overflow:hidden;
	margin:0 0 8px 0;
	vertical-align:middle;
	font-size:12px;
	line-height:1em;
}
.tags .tag {
	color:#666;
	display:inline-block;
	padding:4px 6px;
	font-size:11px;
	line-height:1em;
	background:#f0f0f0;
	margin:0 2px 2px 0;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	text-decoration:none;
	text-shadow:0 1px rgba(255,255,255,.8);
}
.tags .tag:hover {
	color:#222;
}

.images-full img {
	width:100%;
	height:auto !important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 480px) {
	
	/* Override banner bnr-728
	.logobar .banner {
		display:none;
	} */

	/* TODO: Modify fonts sizes to be a bit smaller on smaller screens */
	
}

@media only screen and (min-width: 480px) {
	
	/* Override page padding */
	.page {
		padding:0 4%;
	}
	
}
@media only screen and (max-width: 768px) {
	/* Override - hide excerpt in small screens */
	ul.news li .msg .excerpt {
		display:none;
	}
	ul.featured li .excerpt {
		display:none;
	}
}

@media only screen and (min-width: 768px) {

	.page {
		width:720px;
		margin:0 auto;
		padding:0 10px;
	}
	/* Override Footer menu to float */
	footer .menus .footer-menu {
		margin:0;
		float:left;
		width:23.5%;
	}
	footer .menus .footer-menu+.footer-menu {
		margin:0 0 0 2%;
	}
	/* Override logo, banner bnr-728 */
	.logobar .logo {
		float:left;
	}
	.logobar .banner {
		display:block;
		float:right;
	}
	/* Override Image List */
	ul.image-list li {
		float:left;
		width:50%;
		margin:0 0 16px 0;
	}
	.article-content .block {
		float:left;
		margin:0 12px 12px 0;
		width:300px;
	}
}

@media only screen and (min-width: 1000px) {

	.page {
		width:980px;
		margin:0 auto;
		padding:0 10px;
	}
	.leftside {
		float:left;
	}
	.rightside {
		float:right;
	}
	.half {
		width:48.979592%;
	}
	.narrow {
		width:30.612245%;
	}
	.wide {
		width:67.346939%;
	}
	
	/* Override MAIN MENU */
	.main-menu {
		border-bottom:2px solid #93c02f;
		background:transparent;
	}
	
	.main-menu .menu-wrapper {
		display:block;
	}
	.main-menu .menu-icon {
		display:none;
	}
	.main-menu ul li {
		float:left;
	}
	.main-menu ul li+li {
		border:none;
		margin:0 0 0 1px;
	}
	/* Override logo */
	.logobar {
		margin:8px 0;
	}
	.logobar .logo {
		height:90px;
		text-align:center;	
	}
	.logobar .logo a {
		height:90px;
		width:250px;
		display:inline-block;
		background:#fff url(img/humanipo-logo.png) scroll no-repeat 50% 0;
		margin:0 auto;
	}
	/* Override news list */
	ul.news li .msg { 
		overflow:hidden;
	}
	ul.news li .msg h3 {
		font-size:18px;
	}
	ul.news li .news-image {
		width:24%;
	}
	ul.news li {
		padding:16px 0;
	}
	
	/* Override search */
	.search-link {
		display:none;
	}
	.search {
		display:block;
	}
	
	/* OVERRIDE the FEATURED list */
	ul.featured {
		list-style:none;
		margin:0;
		padding:0;
		border:none;
	}
	ul.featured li {
		padding:0;
		float:left;
	}
	ul.featured li.big {
		width:66.212121%;
		margin:0 10px 0 0;
		max-height:290px;
	}
	ul.featured li.small {
		width:32.121212%;
		max-height:140px;
	}
	ul.featured li.small+li.small { margin:10px 0 0 0; }
	ul.featured li+li { border:none; }
	ul.featured li .relative { position:relative; }
	ul.featured li .news-image {
		float:none;
		width:100%;
		height:auto !important;
	}
	ul.featured li .news-image a {
		display:block;
		border:none;
		background:#93c02f;
	}
	ul.featured li.big .news-image a { min-height:290px; }
	ul.featured li.small .news-image a { min-height:140px; }
	ul.featured li .news-image a img {
		width:100%;
		max-width:437px;
		height:auto !important;
	}
	ul.featured li .msg {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		padding:12px 8px 8px 8px;
		
		background:#000;
		background:-moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.44) 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.44)));
		background:-webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.44) 100%);
		background:-o-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.44) 100%);
		background:-ms-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.44) 100%);
		background:linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.44) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#70000000',GradientType=0 );
	}
	ul.featured li .msg h2 { margin:0; text-shadow:0 1px 4px rgba(0,0,0,.44); }
	ul.featured li .msg h2 a { color:#fff; text-decoration:none; }
	ul.featured li.big .msg { padding:16px; }
	ul.featured li.big .msg h2 { font-size:32px; }
	ul.featured li .info {
		margin:0;
		color:#fff;
		color:rgba(255,255,255,.88);
		text-shadow:0 1px 4px rgba(0,0,0,.44);
	}
	ul.featured li.small .info { display:none; }
	ul.featured li .excerpt { display:none; }

	/* OVERRIDE Article */
	.article {
		margin:0 0 16px 0;
	}
	.article-titlebox h1 {
		font-size:42px;
		line-height:1.15em;
	}
	/* OVERRIDE web/mobile */
	.web-only {
		display:block;
	}
	.mobile-only {
		display:none;
	}
	
}

@media only screen and (min-width: 1140px) {
	
	.page {
		width:1080px;
		margin:0 auto;
		padding:0 20px;
	}
	
	.narrow {
		width:30.445556%;
	}
	.wide {
		width:66.666667%;
	}
	
	
	/* Override the featured list */
	ul.featured li.big {
		width:66.666667%;
		max-height:320px;
	}
	ul.featured li.small {
		width:31.944444%;
		max-height:155px;
	}
	ul.featured li.big .news-image a { min-height:320px; }
	ul.featured li.small .news-image a { min-height:155px; }
	ul.featured li .news-image a img { max-width:480px; }

}

/* ==========================================================================
   Hack the Firefox
   ========================================================================== */
@-moz-document url-prefix() {

    .search-form .button {
		font-size:14px;
		padding:4px 10px;
		width:23%;
		float:right;
	}
	
	.menu ul li a {
		font-family:"Arial", sans-serif;
	}
	
	input[type="text"], input[type="password"], input[type="search"], input[type="email"] textarea {
		font-family:"Arial", sans-serif;
	}

}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix:before,
.clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print{
	*{ background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited{ text-decoration:underline; }
	a[href]:after{content:" (" attr(href) ")"; }
	abbr[title]:after{content:" (" attr(title) ")"; }
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{ content:""; }
	pre,blockquote{ border:1px solid #999;page-break-inside:avoid; }
	thead{ display:table-header-group; }
	tr,img{ page-break-inside:avoid; }
	img{ max-width:100% !important; }
	@page{ margin:0.5cm; }
	p,h2,h3{ orphans:3;widows:3; }
	h2,h3{ page-break-after:avoid;}
}