@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic|Roboto+Condensed:400,400italic,700,700italic&subset=latin,latin-ext,cyrillic);

/* RESET */
article, aside, figure, footer, header, main, nav, section {display:block;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, nav, section {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
button::-moz-focus-inner {border:0; padding:0;}
img, iframe {display:block;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
input, input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea { -webkit-appearance:none; -moz-appearance:none; border-radius:0; }
html { -webkit-text-size-adjust: 100%; }
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* END RESET */


/* CLEARING */
.cleared:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cleared {display:inline-block;}
/* Hides from IE-mac \*/
* html .cleared {height:1%;}
.cleared {display:block;}
/* End hide from IE-mac */
/* END CLEARING */


body {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#666;
	background:#000000;
	visibility:visible !important;
}
h1, h2, h3, h4, h5, h6, b, strong {
	font-weight:700;
}
a {
	text-decoration:none;
	color:#0066b2;
}
a:hover {
	color:#267dbd;
}
img {
	max-width:100%;
	height:auto !important;
}
.wrapper {
	max-width:1172px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}


/* HEADER */
header, .content, footer {
	overflow:hidden;
}
header {
	border-bottom:10px solid #0066b2;
    /* background:url(../images/texture2017b.jpg) center top no-repeat #000; */
     
}
header .logo {
	display:block;
	max-width:210px;
	padding:5px 0;
}
/* search */
header form {
	height:30px;
	overflow:hidden;
	padding:0 75px 0 0;
	margin:0 0 20px;
	position:relative;
}
header form input.text {
	display:block;
	width:100%;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:6px;
	background:#fff;
}
header form input.submit {
	display:block;
	width:75px;
	height:31px;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	background:#0066b2;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
}
header form input.submit:hover {
	background:#267dbd;
}
/* navigation */
header a.nav-toggle {
	display:block;
	width:35px;
	height:35px;
	background:url(../images/nav-toggle.png) no-repeat;
	position:absolute;
	top:20px;
	right:10px;
}
header nav {
	display:none;
/*	background:#867530;*/
	background:#002244;
}
header nav ul {
	margin:0 -10px;
}
header nav ul li {
	border-bottom:1px solid #000;
}
header nav ul li a {
	display:block;
	height:40px;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;
	line-height:40px;
	text-transform:uppercase;
	color:#fff;
	padding:0 10px;
}
header nav ul li a:hover, header nav ul li.active a {
	color:#fff;
	background:#264360;
}
/* END HEADER */


.content {
	padding:20px 0 0;
	background:#000;
}
.main {
	padding:0 0 10px;
}
.grid h1 {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:32px;
	color:#fff;
	padding:3px 0 0;
	margin:0 0 17px;
}
.grid .row {
	clear:both;
	display:none;
}
.grid .item {
	margin:0 0 10px;
}
.grid .item a {
	display:block;
	padding:10px;
	background:#fff;
	position:relative;
}
.grid .item a img {
	border:1px solid #666;
	margin:0 0 4px;
}
.grid .item a h2 {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:23px;
	color:#000;
	margin:0 0 8px;
}
.grid .item a p.type, .article p.type {
	width:100%;
	margin:0;
	position:absolute;
	top:5px;
	left:-5px;
}
.grid .item a p.type span, .article p.type span {
	display:block;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	line-height:14px;
	text-transform:uppercase;
	color:#fff;
	padding:5px;
	background:#0066b2;
	position:absolute;
	top:0;
	left:0;
}
/*.grid .item a p.type span.featured {
	background:#3e3217;
}*/
.grid .item a p.type span.closed, .article p.type span.closed {
	background:#c00;
	left:auto;
	right:0;
}
.grid .item a p.type span.featured + span.channel {
	top:29px;
}
.grid .item a p {
	font-size:13px;
	line-height:20px;
	color:#000;
}
.grid .item a p.author, .article p.author {
	font-size:11px;
	line-height:19px;
	color:#555;
}
.grid .item a p.author {
	padding:4px 0 5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 4px;
}
.grid .item a p.author time, .article p.author time {
	text-transform:uppercase;
}



.grid .item a:hover img {
	opacity:0.85;
}
.grid .item a:hover h2 {
	color:#404040;
}
.grid .item a:hover p.type span {
	background:#267dbd;
}
.grid .item a:hover p.type span.featured {
	background:#5b513a;
}
.grid .item a:hover p.type span.closed {
	background:#c00;
}
.grid .item a:hover p {
	color:#404040;
}
.grid .item a:hover p.author {
	color:#808080;
}


/* pagination */
p.pagination {
	clear:both;
	height:50px;
	position:relative;
}
p.pagination a {
	display:block;
	height:40px;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	line-height:40px;
	text-transform:uppercase;
	color:#fff;
	padding:0 10px;
	background:#0066b2;
	position:absolute;
	top:0;
}
p.pagination a:hover {
	color:#fff;
	background:#267dbd;
}
p.pagination a.prev {
	left:0;
}
p.pagination a.next {
	right:0;
}



/* articles */
.article {
	padding:20px;
	margin:0 0 10px;
	background:#fff;
	position:relative;
}
.article.page {
	padding:20px 20px 1px;
}
.article .image {
	margin:0 0 24px;
}
.article .image img {
	border:1px solid #666;
}
.article h1, .article h2, .article h3 {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	color:#000;
	padding:22px 0 0;
}
.article h1 {
	line-height:28px;
	margin:0 0 15px;
}
.article.page h1 {
	margin:0 0 22px;
}
.article h2, .article h3 {
	font-size:20px;
	line-height:24px;
	color:#000;
	padding:0;
	margin:0 0 6px;
}
.article .grab-bag h2, .article .grab-bag h3, .article .grab-bag h4 {
	margin:0 0 24px;
}
.article h2 {
	line-height:27px;
}
.article h3 {
	font-size:18px;
	color:#555;
}
.article p, .article ul, .article ol {
	line-height:24px;
	color:#000;
	margin:0 0 24px;
}
.article ul, .article ol {
	list-style-type:disc;
	padding:0 0 0 25px;
}
.article ol {
	list-style-type:decimal;
}
.article blockquote {
	padding:24px 0 1px 24px;
	border-left:5px solid #ccc;
	margin:0 40px 24px;
}
.article blockquote p, .article blockquote ol, .article blockquote ul {
	font-style:italic;
	color:#555;
}
.article a {
	text-decoration:underline;
}
.article a:hover {
	text-decoration:none;
}
.article .embed-media {
	clear:both;
	max-width:700px;
	overflow:hidden;
	margin:0 auto 24px;
}
.article .embed-image {
	clear:both;
	max-width:700px;
	margin:0 auto 24px;
}
.article .grab-bag .embed-image {
	max-width:100%;
}
.article .embed-image img {
	border:1px solid #666;
	margin:0 auto;
}
.article .embed-image figcaption, .article .embed-media figcaption {
	font-size:12px;
	font-style:italic;
	line-height:16px;
	text-align:center;
	padding:5px 0;
}
.article .list-item h2 + .embed-media, .article .list-item h2 + .embed-image, 
.features h2 + .embed-media, .features h2 + .embed-image, 
.article h2 + .embed-media, .article h2 + .embed-image, 
.features h3 + .embed-media, .features h3 + .embed-image, 
.article h3 + .embed-media, .article h3 + .embed-image {
	margin:18px auto 24px;
}
.article .list-item-last {
	margin:0 0 -24px;
}
.song-of-the-day .article .embed-media {
	max-width:700px;
	overflow:hidden;
}
.article .bio {
	clear:both;
	padding:20px 20px 15px;
	margin:34px 0 0;
	background:#eee;
}
.article .bio h2 {
	font-size:20px;
	line-height:24px;
	margin:-6px 0 16px;
}
.article .bio img {
	border:1px solid #666;
	margin:0 0 5px;
}
.article .bio h3 {
	font-size:18px;
	margin:4px 0 9px;
}
.article .bio p {
	font-size:12px;
	line-height:20px;
	margin:0;
}
.article .desc {
	padding:14px 0 0;
	border-top:1px solid #ccc;
	margin:20px 0 -5px;
}
.article .desc p {
	font-size:12px;
	line-height:20px;
	color:#555;
	margin:0;
}
.article .post-info {
	padding:2px 0 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
}
.article .post-info p.author {
	line-height:22px;
	margin:0 0 4px;
}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices, .stButton .stButton_gradient {
	height:22px !important;
}
.article .post-info .sharing .st_fblike_hcount > span {
    margin:-6px 0 0 !important;
    top:7px !important;
}
#disqus_thread {
	padding:23px 0 0;
}


/* SIDEBAR */
.sidebar h2 {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	color:#fff;
	padding:10px;
	margin:0 0 1px;
	background:#0066b2;
}
.sidebar ul {
	margin:0 0 20px;
}
.sidebar ul li {
	margin:0 0 1px;
}
.sidebar ul li a {
	display:block;
	height:70px;
	overflow:hidden;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	line-height:17px;
    color:#fff;
	padding:0 81px 0 10px;
	background:#333;
	position:relative;
}
.sidebar ul li a:hover {
    color:#ddd;
	background:#222;
}
.sidebar ul li a img {
	border-left:1px solid #000;
	position:absolute;
	top:0;
	right:0;
}
.sidebar ul li a:hover img {
	opacity:0.75;
}
.sidebar ul li.ad {
	padding:0;
}
.sidebar ul li.ad a {
	height:auto;
	padding:0;
}
.sidebar ul li.ad a img {
	border:none;
	position:relative;
	top:auto;
	right:auto;
}
.sidebar ul li.ad a:hover img {
	opacity:1;
}
.sidebar ul li a span.align {
	display:table-cell;
	height:70px;
	vertical-align:middle;
	cursor:pointer;
}
.sidebar ul li a p {
	font-size:11px;
	line-height:15px;
	text-transform:uppercase;
	color:#bbb;
	margin:0;
}
.sidebar ul li  a h3 {
	font-weight:400;
}
.sidebar ul li a h3 span {
	color:#666;
}
.sidebar ul li.all {
	margin:0;
}
.sidebar ul li.all a {
	height:auto;
	padding:5px 0 0;
	background:none;
}
.sidebar ul li.all a:hover {
	text-decoration:underline;
}
.sidebar .social {
	height:32px;
	margin:0 0 20px;
}
.sidebar .social li {
	display:inline;
	float:left;
	margin:0 10px 0 0;
}
.sidebar .social li a {
	width:32px;
	height:32px;
	padding:0;
	background:none;
}
.sidebar .social li a img {
	border:none;
}
.sidebar .ad {
	display:block;
	padding:0 0 20px;
}
/* END SIDEBAR */


/* FOOTER */
footer {
	padding:20px 0;
	border-top:10px solid #0066b2;
	margin-bottom:90px;
}
footer .ad, header .ad {
	display:block;
	margin:0 0 20px;
}
footer p {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
    text-align:right;
}
footer a:hover {
	text-decoration:underline;
}
/* END FOOTER */

.st_twitter_hcount .stArrow {
	display:none !important;
}

@media screen and (min-width:400px) {
	.st_twitter_hcount .stArrow {
		display:inline-block !important;
	}
}
@media screen and (min-width:500px) {
	.article .image {
		float:right;
		width:42%;
		max-width:350px;
		margin:0 0 24px 24px;
		position:relative;
		top:7px;
	}
	.article .bio img {
		float:left;
	}
	.article .bio h3 {
		margin:-6px 0 9px 122px;
	}
	.article .bio p {
		margin:0 0 0 122px;
	}
}
@media screen and (min-width:600px) {
	.grid {
		margin:0 -10px 0 0;
	}
	.grid .row2 {
		display:block;
	}
	.grid .item {
		float:left;
		width:50%;
		padding:0 10px 0 0;
	}
	.grid .item a {
		height:345px;
	}
	p.pagination a.next {
		right:10px;
	}
}
@media screen and (min-width:765px) {
	header {
		border:none;
	}
	header .logo {
		max-width:310px;
	}
	header form {
		width:35%;
		padding:0 75px 0 15px;
		margin:0;
		position:absolute;
		top:20px;
		right:10px;
	}
	header .ad {
		max-width:60%;
		margin:0;
		position:absolute;
		top:70px;
		right:10px;
	}
	header a.nav-toggle {
		display:none;
	}
	header nav {
		display:block !important;
/*		border-bottom:10px solid #705a29;*/
		border-bottom:10px solid #0066b2;

	}
	header nav ul {
		text-align:center;
	}
	header nav ul li {
		display:inline;
		border:none;
	}
	header nav ul li a {
		display:inline-block;
		padding:0 12px;
	}
	.main {
		float:left;
		width:65%;
		padding:0 10px 10px 0;
	}
	.sidebar {
		float:right;
		width:35%;
		padding:0 0 0 10px;
	}
	footer .ad {
		float:right;
		max-width:75%;
		margin:0;
	}
}
@media screen and (min-width:900px) {
	.article .post-info {
		padding:10px 0;
		position:relative;
	}
	.article .post-info p.author {
		margin:0;
	}
}
@media screen and (min-width:950px) {
	.grid h1 {
		font-size:40px;
		line-height:40px;
		padding:1px 0 0;
		margin:0 0 11px
	}
	.article h1 {
		font-size:40px;
		line-height:40px;
		padding:22px 0 0;
		margin:0 0 16px;
	}
	.article.page h1 {
		margin:0 0 24px;
	}
	.article h2, .article h3 {
		font-size:28px;
		line-height:normal;
	}
	.article h2 {
		line-height:31px;
	}
	.article h3 {
		font-size:24px;
		line-height:27px;
	}
}
@media screen and (min-width:1015px) {
	.main {
		width:70%;
	}
	.sidebar, header form {
		width:30%;
	}
	.grid .row2 {
		display:none;
	}
	.grid .row3 {
		display:block;
	}
	.grid .item {
		width:33.33%;
	}
	.article .post-info .sharing {
		position:absolute;
		top:10px;
		right:-6px;
	}
}
@media screen and (min-width:1060px) {
	header .ad {
		max-width:75%;
	}
}
@media screen and (min-width:1125px) {
	header nav ul {
		margin:0 0 -10px;
	}
	header nav ul li a {
		height:50px;
        font-size:15px;
        padding:0 20px;
/*		border-bottom:10px solid #705a29;*/
		border-bottom:10px solid #0066b2;

	}
	header nav ul li a:hover, header nav ul li.active a {
		border-bottom:10px solid #267dbd;
	}
}


/* RETINA GRAPHICS */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	header a.nav-toggle {
		background-image:url(../images/nav-toggle@2x.png);
		background-size:35px 35px !important;
	}
}
/* END RETINA GRAPHICS */



/* GOOGLE WEB FONT FIX */
body {
	-webkit-animation-delay:0.5s;
	-webkit-animation-name:fontfix;
	-webkit-animation-duration:0.5s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes fontfix {
	from { opacity:1; }
	to { opacity:1; }
}
/* GOOGLE WEB FONT FIX */