#cb-top-menu { background-color:rgba(27, 27, 27, 0.95); }

.bt-custom { background:#242424; }
.bt-custom a:hover { text-decoration:underline; }
.bt-custom h1, .bt-custom h2, .bt-custom h3, .bt-custom h1 a, .bt-custom h2 a, .bt-custom h3 a, .bt-custom p { color:#FFF; }
.bt-custom h1 { font-size:3em; }
.bt-custom h2 { margin-bottom:8px; }
.bt-custom h3 { font-size:15px; margin-bottom:0; }
.bt-custom .wrapper { width:90%; margin:0 auto; padding-top:20px; }
.bt-custom .col { float:left; }
.bt-custom .col1 img, .bt-custom .col2 img { width:100%; height:100%; }
.bt-custom .col3 .posts img { width:35%; height:35%; }
.bt-custom .col1 .post { margin-bottom:50px; }
.bt-custom .col-small { width:23%; margin:0 1%; }
.bt-custom .col-large { width:50%; padding:0 1%; border-left:1px solid #454545; border-right:1px solid #454545; }
.bt-custom .byline { margin-bottom:20px; color:#FFF; font-size:0.8em; }
.bt-custom .byline a { color:#e8a62b; }
.bt-custom .sponsor { margin:10px 0; text-align:right; }
.bt-custom .sponsor img { width:auto; height:40px; vertical-align:middle; }
.bt-custom .sponsored { display:block; text-align:right; text-transform:uppercase; font-size:10px; }
.bt-custom li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #454545; }
.bt-custom li img { width:25%; float:left; margin-right:10px; }
.bt-custom p.excerpt { font-size:1.1em;}
.bt-custom .pubdate { font-size:0.9em; color:#FFF;}

.home #cb-content .cb-sidebar { padding:0; }

.simple-links-list li { list-style-type: disc; list-style-position: outside; margin-left:17px; }

#cb-footer .cb-footer-lower .cb-copyright { float:left; width:33%; }
.footer-logo { float:left; width:33%; text-align:center; }
#cb-footer .cb-footer-lower .cb-footer-links { float:left; width:33%; }

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	.bt-custom .col { float:none; width:100%; }
	.bt-custom .col-small { margin:0; }
	.bt-custom .col-large { padding:0; border:none; }
}

/*@media only screen and (min-width: 768px) {
	.bt-custom .col { float:none; width:100%; }
	.bt-custom .col-small { margin:0; }
	.bt-custom .col-large { padding:0; border:none; }
}
*/
@media only screen and (min-width:1024px) {
	.bt-custom .col { float:left; }
	.bt-custom .col-small { width:23%; margin:0 1%; }
	.bt-custom .col-large { width:50%; padding:0 1%; border-left:1px solid #454545; border-right:1px solid #454545; }
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}



.video-responsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.video-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.post-tagline {
	border: solid 3px #efefef;
	padding: 10px;
}
.post-tagline p {
	margin-bottom: 0;
}