/*   
Theme Name: Humanosphere
Description: KPLU child theme
Author: NPR
Template: argo-foundation 
Version: 1.0

*/

@import url(../argo-foundation/css/960.css?v=1);
@import url(../argo-foundation/css/foundation.css?v=1);

/*.container_12 {
background: #fff url(../argo-foundation/img/dev-images/12_col.gif) repeat-y;
}*/

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('font/carto/cartogothicstd-bold-webfont.eot');
	src: local('☺'), url('font/carto/cartogothicstd-bold-webfont.woff') format('woff'), url('font/carto/cartogothicstd-bold-webfont.ttf') format('truetype'), url('font/carto/cartogothicstd-bold-webfont.svg#webfontCY1NaMzs') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdRegular';
	src: url('font/carto/cartogothicstd-book-webfont.eot');
	src: local('☺'), url('font/carto/cartogothicstd-book-webfont.woff') format('woff'), url('font/carto/cartogothicstd-book-webfont.ttf') format('truetype'), url('font/carto/cartogothicstd-book-webfont.svg#webfontL9op3rra') format('svg');
	font-weight: normal;
	font-style: normal;
}

/************* GLOBAL NAVIGATION ******************/

.global-nav-bg {
background: #034c88 url(img/gnav-bg.png) repeat-x;
padding: 8px 0;
margin-bottom: 10px;
border-bottom: 3px solid #333;
border-top: 1px solid #434343;
}

.global-nav {
height: 45px;
}

.station-home {
text-indent: -10000px;
background: transparent url(img/kplu-logo50.png) no-repeat;
margin: 0 10px 0 0 !important;
border: none !important;
padding-left: 0 !important;
}

.station-home a {
display: block;
width: 50px;
height: 44px;
}

.global-nav a {
color: #fff;
}

.global-nav li {
float: left;
margin: 15px 10px 0 0;
padding-left: 10px;
border-left: 1px solid #fff;
line-height: 1;
}

.global-nav .support a {
background-color: #fff;
font-weight: bold;
color: #03508f;
padding: 3px 5px;
}

.global-nav .support a:hover {
background-color: #fff;
color: #333;
text-decoration: none;
}

.global-nav .network-branding {
top: 5px;
}

/************* BRANDING ******************/

.branding h1 {
margin: 15px 0 0 0;
padding: 0;
text-indent: -10000px;
}

.branding h1 a {
display: block;
width: 457px;
height: 57px;
background: transparent url(img/humanosphere.png) no-repeat;
}

.branding h2 {
font-weight: normal;
font-family: 'CartoGothicStdRegular', Arial, sans-serif;
font-size: 24px;
line-height: 1;
margin: 0 0 0 53px;
color: #999;
padding-bottom: 10px;
}

/************* MAIN NAVIGATION ******************/

#topnav li {
font-size: 19px;
}

#topnav li a {
color: #333;
font-weight: bold;
}

#topnav li:hover a, #topnav li a:hover { 
background-color: #03508f;
color: #fff; 
border-bottom-color: #03508f;
}

#topnav li .sub {
border: 4px solid #03508f;
}

/************* DONT MISS ******************/

#topics-bar li a {
font-weight: bold;
background-color: transparent;
padding: 2px 6px;
color: #03508f;
line-height: 1;
border-right: 1px solid #ddd;
}

#topics-bar li a:hover {
background-color: transparent;
text-decoration: underline;
}

/************* CONTENT WELL ******************/

#content h2 {
font-family: 'CartoGothicStdRegular', Arial, sans-serif;
font-size: 30px;
}

 #content .pull-quote, #site-footer h3 {
font-family: 'CartoGothicStdBold', Arial, sans-serif;
font-style: normal;
}

#content .pull-quote p, #content .pull-quote h6 {
font-style: normal;
font-weight: normal;
color: #666;
}

.category .page-title, .tag .page-title, .page .entry-title {
color: #002a4b;
text-transform: uppercase;
}

#content .labels a {
background-color: #a7b4c0;
color: #fff;
font-weight: bold;
font-size: 11px;
padding: 3px;
margin-bottom: 10px;
}

#content .labels a:hover {
background-color: #002a4b;
text-decoration: none;
}

.post blockquote {
font-style: normal;
border: 1px solid #ddd;
background-color: #eee;
padding: 20px !important;
}

/* Related posts module */

#related-post-nav h4 {
color: #002a4b;
}

#related-post-nav a:hover {
background-color:#d8dee3;
}

#related-post-nav a.selected { 
background-color: #002a4b;
background-image: url("../argo-foundation/img/related-arrow.gif"), -moz-linear-gradient(100% 100% 90deg, #6187a7, #002a4b);
background-image: url("../argo-foundation/img/related-arrow.gif"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002a4b), to(#6187a7));
color:#fff; 
}

/************* TOPIC INDEX ******************/

.tag-letter h3 {
background-color: #a7b4c0;
}

.abc_tags {
border-color: #a7b4c0;
}

.alpha-nav a {
background-color: #a7b4c0;
}

.alpha-nav a:hover {
background-color:  #03508f;
}

/************* SIDEBAR ******************/

#sidebar h3 {
font-family: 'CartoGothicStdRegular', Arial, sans-serif;
font-size: 20px;
color: #002a4b;
}

#sidebar .bio h3 {
text-transform: uppercase;
}

/*most commented*/

.level3 {
background-color: #002a4b;
}

.level2 {
background-color: #6187a7;
}

.level1 {
background-color: #a7b4c0;
}

/* text widget */

.widget_text {
background-color: #eee;
padding: 5px 4px 0 4px;
border: 1px solid #999
}

.widget_text p {
font-size: 12px;
margin-bottom: 5px;
}

.widget_text .widgettitle, #sidebar .widget_text .widget-title {
font-size: 20px;
color: #002A4B;
text-transform: none;
margin-bottom: 5px;
}

/*buttons*/

#sidebar .donate {
background-color: #a7b4c0;
}

#sidebar .donate h3, #sidebar .donate p {
color: #fff;
}

#sidebar .button, #sidebar .donate .button {
background-color: #6187a7;
color: #fff;
}

#sidebar .button:hover, #sidebar .donate .button:hover {
background-color: #002a4b;
}

/*greatest hits */

.widget_nav_menu h2 {
font-family: 'CartoGothicStdRegular', Arial, sans-serif;
font-size: 20px;
color: #002a4b;
}

#menu-greatest-hits li {
font-family: 'CartoGothicStdRegular', Arial, sans-serif;
color: #002a4b;
}

#menu-greatest-hits a {
font-family: Helvetica, Arial, sans-serif;
color: #333;
font-weight: normal;
padding-top: 2px;
}

/************* FOOTER ******************/

#site-footer {
background-color: #a7b4c0;
color: #495662;
}

#site-footer a {
color: #354d62;
}

.must-read-footer li {
border-bottom-color: #ccc;
}

.calendar h5, .calendar li {
color: #667179;
}

.calendar h5, #site-footer .calendar a, #site-footer .calendar li {
background-color: #94a2ae;
}

#site-footer .calendar a:hover {
background-color: #fff;
color: #94a2ae;
}

#site-footer #boilerplate {
border-top-color: #c8d2dc;
}

#site-footer .bio h6 a, #site-footer .about-site h6 a {
color: #fff;
background-color: #94a2ae;
}

#site-footer .bio h6 a:hover, #site-footer .about-site h6 a:hover {
background-color: #fff;
color: #94a2ae;
}

#site-footer .must-read-footer a {
font-weight: bold;
}