body {
	color: #000;
	font-family: Helvetica, Arial;
	font-size: 16px;
}

ul {
	margin-bottom: 0;
}

ul li {
	padding-bottom: 20px;
}

.header {
	background-color: #FFFFFF;
}

h2.logo {
	color: #334D65;
	font-family: "Oswald", Helvetica;
	font-weight: normal;
	line-height: 40px;
	margin: 18px 0;
	font-size: 34px;
	text-transform: uppercase;
}

img.logo {
	margin: 13px 10px 0 0;
}

h3.logo {
	color: #FFFFFF;
	font-family: "Oswald", Helvetica;
	font-weight: normal;
	line-height: 20px;
	margin: 15px 0;
	font-size: 18px;
	text-transform: uppercase;
}

img.sm-logo {
	margin: 10px 5px 0 0;
}

.nav li {
	padding-bottom: 0;
	font-family: "Oswald", Helvetica;
	font-weight: normal;
	font-size: 15px;
}

.nav li a {
    color: #FFF;
    border-radius: 0;
}

.nav-pills > li.active > a {
	background-color:rgba(0, 0, 0, 0.2);
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color:rgba(0, 0, 0, 0.2);
}

.nav-pills > li.active > a:hover {
    background-color:rgba(0, 0, 0, 0.2);
}

.navbar {
	border-radius: 0;
	margin-bottom: 0;
	min-height: 0;
}

.navbar-default {
	border: none;
	background-color: #334D65;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	border: none;
}

.infobar {
	background-color: #334D65;
}

.infobar p {
	margin: 0;
	line-height: 5px;
}

.navbar-default .navbar-toggle {
    border-color: #FFFFFF;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.content h1 {
	font-size: 45px;
	letter-spacing: -1px;
	font-weight: 700;
	color: #3e3e3e;
}

.content h2 {
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: 700;
	color: #3e3e3e;
}

.content .byline {
	color: #4a4a4a;
	margin: 15px 0 30px;
	padding-bottom: 20px;
	border-bottom: 2px #26B0E4 solid;
}

.content p {
	font-size: 16px;
	color: #191919;
	margin-bottom: 20px;
	line-height: 1.625em;
}

.content p.caption {
	font-size: 14px;
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	margin-bottom: 0;
}

.content a {
	color: #0000FF;
	text-decoration: underline;
}

.content a:hover {
	color: #0000FF;
	text-decoration: underline;
}

.content a.btn {
	color: #FFF;
	text-decoration: none;
}

p.sources {
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
}

.sidebar-title, .bottom-title {
	border-bottom: 1px #eee solid;
	margin: 20px 0;
}

.sidebar h3, .bottom-reco h3 {
	border-bottom: 3px #334D65 solid;
	display: inline-block;
	margin: 0px 0px -2px;
	padding-bottom: 5px;
}

.sidebar .most-popular {
	margin-bottom: 15px;
}

.sidebar .sponsored-text {
	padding: 15px 0 0 55px;
	font-size: 10px;
	color: #999;
}

.bottom-reco .sponsored-text {
	float: right;
	padding: 15px 0 0 15px;
	font-size: 10px;
	color: #999;
}

.bottom-reco h4.most-popular {
	color: #3e3e3e;
	font-weight: 700;
	letter-spacing: -1px;
}

.sidebar h4.most-popular {
	border-bottom: 1px #eee solid;
	padding-bottom: 15px;
	color: #3e3e3e;
	font-weight: 700;
	font-size: 16px;
}

.sidebar .most-popular a:hover,
.bottom-reco h4.most-popular a:hover {
	text-decoration: none;
}

.sidebar h4.most-popular:hover {
	color: #334D65;
}

.content .bottom-reco a {
	text-decoration: none;
}

.static-sidebar, .sticky-sidebar {
  width: 290px;
}

.static-sidebar {
	padding-bottom: 20px;
}

.footer {
	background-color: #555;
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 12px;
	margin-top: 60px;
}

.footer ul li {
	padding: 0 20px;
}

.footer ul li a {
	color: #FFFFFF;
}

.footer ul li a:hover {
	color: #FFFFFF;
}

.sticky-sidebar.affix {
  top: 0;
}

.sticky-sidebar.affix-bottom {
  position: absolute;
  margin-bottom: 100px;
}


@media screen and (max-width: 765px) {
    img.logo {
	    margin: -5px 10px 0 0;
	}
}