@import url("bootstrap.min.css");

/*
   =======================================
 * Stylesheet to create OKFN branded sites
 * Built upon Bootstrap V2 (default)
 * Written by Sam Smith
 * =======================================
 */


/* Bootstrap Customisation */
/* ======================= */

.navbar-inner {
    border-radius: 0px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.btn-primary {
  background-color: #2b7d78;
  background-image: -moz-linear-gradient(top, #2b8271, #2b7682);
  background-image: -ms-linear-gradient(top, #2b8271, #2b7682);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b8271), to(#2b7682));
  background-image: -webkit-linear-gradient(top, #2b8271, #2b7682);
  background-image: -o-linear-gradient(top, #2b8271, #2b7682);
  background-image: linear-gradient(top, #2b8271, #2b7682);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8271', endColorstr='#2b7682', GradientType=0);
  border-color: #2b7682 #2b7682 #184249;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* Not modified, but ie seems to not render radius without it */
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #2b7682;
}
.btn-primary:active, .btn-primary.active {
  background-color: #1e535c \9;
}

.btn-info {
  background-color: #232323;
  background-image: -moz-linear-gradient(top, #333333, #232323);
  background-image: -ms-linear-gradient(top, #333333, #232323);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#232323));
  background-image: -webkit-linear-gradient(top, #333333, #232323);
  background-image: -o-linear-gradient(top, #333333, #232323);
  background-image: linear-gradient(top, #333333, #232323);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#232323', GradientType=0);
  border-color: #232323 #232323 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* Not modified, but ie seems to not render radius without it */
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #232323;
}
.btn-info:active, .btn-info.active {
  background-color: #333333 \9;
}

input:focus, textarea:focus {
  border-color: rgba(43, 130, 113, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 130, 113, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 130, 113, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 130, 113, 0.6);
}

.nav-list .active > a, .nav-list .active > a:hover {
  background-color: #2B8271;
}

.navbar .brand {
  padding: 0px 10px 0px 0px;
	margin:0px;
	line-height:40px;
}
.navbar .brand img {
	display: block;
  float: left;
  margin-right: 12px;
  margin-top: 4px;
	height:30px;
}

.navbar .dropdown-menu {
	margin-top: 0px;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #333333;
	border-style:none;
}
.navbar .dropdown-menu a {
  color: #999999;
}
.navbar .nav > li > a:hover {
  background-color: #333333;
}
.navbar .dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #1F1F1F;
}
.navbar .dropdown-menu:after,
.navbar .dropdown-menu:before {
  display: none;
}

.navbar .nav {
  float: right;
	margin:0px;
}
/*
.carousel-control { /*compensate for opensans
    font-size: 44px;
    line-height: 27px;
}
*/

/* Main CSS */
/* ======== */
html {
  background: #222222;
}
body {
  background: #fff;

}
a {
  color: #3e8f80;
}
a:hover {
  color: #1f4840;
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
header,
.strapline {
	font-family:OpenSansLight, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 {
	line-height: 26px;
	font-weight:700;
}
h3 {line-height: 23px;}
h4 {line-height: 19px;}
h5 {line-height: 16px;}
h6 {line-height: 16px;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

ul.xoxo {
  list-style-type: none;
  margin-left: 0;
}
ul.xoxo ul li {
  padding-bottom: 4px;
}


.box {
  background-color: #FFF;
  border: 1px solid #dee0df;
  margin: 0px 4px 8px 4px;
  position: relative;
}
.box .padder {
  padding: 10px;
}
.box.black {
  background: #353535;  /* Old browsers */
  background: -moz-linear-gradient(top, #353535 0%, #202020 100%);  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #202020));  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #353535 0%, #202020 100%);  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #353535 0%, #202020 100%);  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #353535 0%, #202020 100%);  /* IE10+ */
  background: linear-gradient(top, #353535 0%, #202020 100%);  /* W3C */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#353535', endColorstr='#202020', GradientType=0);  /* IE6-9 */
  border: 1px solid #202020;
  color: #FFF;
}
.box.black h1,
.box.black h2,
.box.black h3,
.box.black h4,
.box.black h5,
.box.black h6 {
  color: #FFF;
}


/* Layout */
/* ====== */

/* Header */
header {
  margin-bottom: 15px; /* CSS Dropdown menu */
	margin-top:25px; /* for topbar */
	color:#FFF;
}
.topbar {
	font-size: 11px;
	height: 25px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background-attachment: scroll;
	background-color: #060606;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.topbar > .padder {
	width:940px;
	height: 25px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.topbar ul {
	float:right;
	cursor: pointer;
  height: auto;
  line-height: 1;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.topbar a {
    color: #EEEEEE;
    padding: 3px 15px;
    text-decoration: none;
}
.topbar ul li a {
    display: block;
}
.topbar .social {
	float:right;
	padding:4px 5px 0px 5px;
}
.topbar .social > span {
	display:inline-block;
	width:20px; /* Hide text */
	overflow:hidden;
}
header .search-form {
  display: none;
}
header li.dropdown:hover .dropdown-menu {
  display: block;
}

header .dropdown-toggle:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #FFFFFF;
	content: "↓";
	display: inline-block;
	height: 0;
	margin-left: 4px;
	margin-top: 8px;
	opacity: 0.5;
	text-indent: -99999px;
  vertical-align: top;
  width: 0;
}

.strapline {
  color: #555;
  text-shadow: 2px 2px #eee;
  margin-bottom: 15px;
}
.strapline > .inner {
  border: 2px dotted #aaa;
  border-left: none;
  border-right: none;
  background: url('http://assets.okfn.org/web/images/header-strapline.png') left no-repeat;
  padding: 10px 0 10px 100px;
  line-height: 26px;
  font-size: 21px;
}

/* Main Content */
#content {
  display: inline-block;
  width: 680px;
	zoom:1; *display: inline; /* fix inline-block for ie7 */
}

#content h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}
#content h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
#content h3 {
  margin-top: 20px;
  margin-bottom: 7px;
}
#content h4 {
  margin-top: 20px;
  margin-bottom: 5px;
}
#content h5 {
  margin-top: 20px;
  margin-bottom: 5px;
}
#content h6 {
  margin-top: 20px;
  margin-bottom: 5px;
}

/* Sidebar */
#sidebar {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  margin-left: 16px; /* 4px Hack to avoid whitespace glitch between inline-block elements */
	zoom:1; *display: inline; /* fix inline-block for ie7 */
}


/* Footer */
footer {
  background: #222222 url('http://assets.okfn.org/web/images/footer-watermark.png') top right no-repeat;
  margin-top: 50px;
  padding: 0;
}
footer > .inner {
  background: url('http://assets.okfn.org/web/images/footer-bevel.png') top repeat-x;
  padding: 10px 0 30px 0;
  color: #C0C0C0;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  min-height: 190px;
	font-size:11px;
}
footer > .inner a {
	color: #C0C0C0;
}
footer > .inner a:hover {
  color: #FFF;
}
footer > .inner a:hover {
  text-decoration: underline;
}
footer > .inner p {
  margin-bottom: 4px;
}
footer > .inner h1,
footer > .inner h2,
footer > .inner h3 {
  color: #C0C0C0;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  padding-bottom: 4px;
}
footer li {
	line-height:14px;
}
footer .widget-area {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 300px;
}