/**********
 * Bootstrap modifiers
 *********/

/***** used by SpanTip
 */

a {
	color: #337ab7;
}

a:focus, a:hover{
	color: #ff6;
	
		background-color: #337ab7;
		text-decoration: none;
	
}

.btn a:focus, .btn a:hover, .panel-heading a:focus, .panel-heading a:hover {
	background-color: transparent;	
}

.b-tip {
	border-bottom: 3px dotted #fa0;
	background-color: transparent;	
}

.sidebar-module-inset .b-tip {
	border-bottom: 2px dotted #ff0;
}

a.b-tip:hover {
	text-decoration: none;
	color: inherit;
	background-color: transparent;
}


.tooltip-inner {
	font-family: Helvetica, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #7fffff;
	background-color: #555555;
	
		border: 1px solid #4cc;
	
	border-radius: 1
	max-width: 300px;
	padding: 3px 8px;
	text-align: left;
	line-height: 1.2;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #4cc
}

.tooltip code {
	padding: 1px 3px;
}

.tooltip-inner blockquote {
	color: #add;
}


/***** used by SpanPop
 */

.b-pop {
	border-bottom: 3px solid #fa0;
}

a.b-pop:hover {
	text-decoration: none;
	color: #fa0;
}

.popover-title {
	display: block;
}


.popover-content {
	font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 1.2;
	background-color: #fff;
}


/**********
 * Fonts
 *********/

@font-face {
	font-family: 'Exo2';
	src: url('..//fonts/Exo2-Medium.eot');
	src: local('☺'), url('..//fonts/Exo2-Medium.woff') format('woff'), url('..//fonts/Exo2-Medium.ttf') format('truetype'), url('..//fonts/Exo2-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Exo2';
	src: url('..//fonts/Exo2-MediumItalic.eot');
	src: local('☺'), url('..//fonts/Exo2-MediumItalic.woff') format('woff'), url('..//fonts/Exo2-MediumItalic.ttf') format('truetype'), url('..//fonts/Exo2-MediumItalic.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Exo2-SemiBold';
	src: url('..//fonts/Exo2-SemiBold.eot');
	src: local('☺'), url('..//fonts/Exo2-SemiBold.woff') format('woff'), url('..//fonts/Exo2-SemiBold.ttf') format('truetype'), url('..//fonts/Exo2-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Exo2-SemiBoldItalic';
	src: url('..//fonts/Exo2-BoldItalic.eot');
	src: local('☺'), url('..//fonts/Exo2-SemiBoldItalic.woff') format('woff'), url('..//fonts/Exo2-SemiBoldItalic.ttf') format('truetype'), url('..//fonts/Exo2-SemiBoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Exo2';
	src: url('..//fonts/Exo2-Bold.eot');
	src: local('☺'), url('..//fonts/Exo2-Bold.woff') format('woff'), url('..//fonts/Exo2-Bold.ttf') format('truetype'), url('..//fonts/Exo2-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Exo2';
	src: url('..//fonts/Exo2-BoldItalic.eot');
	src: local('☺'), url('..//fonts/Exo2-BoldItalic.woff') format('woff'), url('..//fonts/Exo2-BoldItalic.ttf') format('truetype'), url('..//fonts/Exo2-BoldItalic.svg') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Alien-double';
	src: url('../fonts/alien_double.eot');
	src: local('☺'), url('../fonts/alien_double.woff') format('woff'), url('../fonts/alien_double.ttf') format('truetype'), url('../fonts/alien_double.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Glass_TTY_VT220';
	src: url('../fonts/Glass_TTY_VT220.eot');
	src: local('☺'), url('../fonts/Glass_TTY_VT220.woff') format('woff'), url('../fonts/Glass_TTY_VT220.ttf') format('truetype'), url('../fonts/Glass_TTY_VT220.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'IM_FELL_English_SC';
	src: url('../fonts/IMFeENsc29P.eot');
	src: local('☺'), url('../fonts/IMFeENsc29P.woff') format('woff'), url('../fonts/a IMFeENsc29P.ttf') format('truetype'), url('../fonts/IMFeENsc29P.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'IM_FELL_English_Roman';
	src: url('../fonts/IMFeENrm29P.eot');
	src: local('☺'), url('../fonts/IMFeENrm29P.woff') format('woff'), url('../fonts/a IMFeENrm29P.ttf') format('truetype'), url('../fonts/IMFeENrm29P.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EnglishTowne-Medium';
	src: url('../fonts/EnglishTowne.eot');
	src: local('☺'), url('../fonts/EnglishTowne.woff') format('woff'), url('../fonts/EnglishTowne.ttf') format('truetype'), url('../fonts/EnglishTowne.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu-Medium';
	src: url('../fonts/Ubuntu-M.eot');
	src: local('☺'), url('../fonts/Ubuntu-M.woff') format('woff'), url('../fonts/Ubuntu-M.ttf') format('truetype'), url('../fonts/Ubuntu-M.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RingbearerMedium';
	src: url('../fonts/Ringbearer.eot');
	src: local('☺'), url('../fonts/Ringbearer.woff') format('woff'), url('../fonts/Ringbearer.ttf') format('truetype'), url('../fonts/Ringbearer.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SpecialElite';
	src: url('../fonts/SpecialElite.eot');
	src: local('☺'), url('../fonts/SpecialElite.woff') format('woff'), url('../fonts/SpecialElite.ttf') format('truetype'), url('../fonts/SpecialElite.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Trek';
	src: url('../fonts/TrekClassicCredits.eot');
	src: url('../fonts/TrekClassicCredits.eot?#iefix') format('embedded-opentype'), url('../fonts/TrekClassicCredits.woff') format('woff'), url('../fonts/TrekClassicCredits.ttf') format('truetype'), url('../fonts/TrekClassicCredits.svg#TrekClassicCredits') format('svg');
	font-weight: normal;
	font-style: normal;
}


/**********
 * Background
 *********/

.banner-bkg-image {
	background-image: url('../img/BoxPressThemes/BradleyTheme/BannerImage.png');
	background-repeat: no-repeat;
	
	/* THIS MAKES IT STRETCH TO FIT */
	background-size: 100% auto;
	
}

.banner-bkg-texture {
	background-image: url('../img/BoxPressThemes/BradleyTheme/BannerTexture.png');
	/* SPECIAL FOR WHEELS */
	
}
.body-bkg-color {
	background-color: #1c4157;
}
.body-bkg-texture {
	background-image: url('../img/BoxPressThemes/BradleyTheme/BodyTexture.png');
}
.body-bkg-image {
	background-image: url('../img/BoxPressThemes/BradleyTheme/BodyImage.png');
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100%;
	background-attachment: fixed;
}
.body-bkg-fixed {
	background-attachment: fixed;
}


/**********
 * Responsive bits
 *********/

.blog-title {font-size: 43.58974358974359px;}
.blog-description {font-size: 17.74193548387097px;} /* 17px */
.col-pad, .col-cards { margin: 0 20px; }

@media (max-width:600px) {
	.blog-title {
		margin-top: 8px;
		font-size: 34px; /* Prior to 2020.10.30 was /9 */
	}
	.blog-description {
		display: none !important;
	}
}

@media (min-width:768px) {
	.blog-title {font-size: 52.30769230769231px;}
	.blog-description {font-size: 20px;} /* 22px */
.col-pad, .col-cards { margin: 0; }
}

@media (min-width:992px) {
	.blog-title {font-size: 65.38461538461539px;}
	.blog-description {font-size: 26.19047619047619px;} /* 26px */
}


/**********
 * Globals
 *********/

html {font-size: 16px;}

body {
	
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	color: #444;
	-webkit-font-smoothing: subpixel-antialiased;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'Exo2-SemiBold', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #404858;
	margin-bottom: 0.6em;
	margin-top: 0.6em;
	display: table;
	line-height: 1.3;
}

/***** in case heading colors are ON
 */
.well h3, .sidebar-module h5, .code-note h3 {
	background: transparent;
	padding: 0;
}

/***** used by TOC
 */
.well h3 {
	margin-top: 0;
}

.trunc-post h2, .code-note h2, .code-note h3, .code-note h4, .code-note h5, .code-note h6 {
	background: transparent;
	padding: 0;
}

.sitemap ul {
	font-size: 11px;
	line-height: 1.1;
	padding-left: 12px;
}

/* This kills vertical gap in comparison with About box */
article > header > h1, .h1 {
	margin-top: 0;
}

.titlenum {
	margin-right: 1em;
	padding-right: 0.2em;
}

.titlenum-circle {
	padding: 0.1em 0.2em;
	display: block; /* Not needed? */
	margin-right: 0.5em;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 100%;
	font-size: 80%;
	color: #678;
}

h1, .h1 {
	
		// padding: 0 6px;
			
	font-size: 2.2em;
}

h2, .h2 {
	
		// padding: 0 6px;
			
	font-size: 1.8em;
}

h3, .h3 {
	
		// padding: 0 6px;
			
	font-size: 1.6em;
}

h4, .h4 {
	
		// padding: 0 6px;
			
	font-size: 1.4em;
}

h5, .h5 {
	
		// padding: 6px 6px;
			
	font-size: 1.25em;
}

h6, .h6 {
	
		// padding: 0 6px;
			
	font-size: 1.1em;
}

/* For chunky background effect. */
h1 span {
	
		
			color: #6f6;
		
		
			padding: 4px 0 4px;
			background-color: #000;
			box-shadow: -15px 0 0 #000, 15px 0 0 #000;
			-webkit-box-shadow: -15px 0 0 #000, 15px 0 0 #000;
			-moz-box-shadow: -15px 0 0 #000, 15px 0 0 #000;
		
	
}

h2 span {
	
		
			color: #fff;
		
		
			padding: 4px 0 4px;
			background-color: #486375;
			box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
			-webkit-box-shadow: -15px 0 0 #486375, 15px 0 0#486375;
			-moz-box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
		
	
}

h3 span {
	
		
			color: #fffb7f;
		
		
			padding: 4px 0 4px;
			background-color: #486375;
			box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
			-webkit-box-shadow: -15px 0 0 #486375, 15px 0 0#486375;
			-moz-box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
		
	
}

h4 span {
	
		
			color: #96fb7d;
		
		
			padding: 4px 0 4px;
			background-color: #486375;
			box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
			-webkit-box-shadow: -15px 0 0 #486375, 15px 0 0#486375;
			-moz-box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
		
	
}

h5 span {
	
		
			color: #7fffe6;
		
		
			padding: 4px 0 4px;
			background-color: #486375;
			box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
			-webkit-box-shadow: -15px 0 0 #486375, 15px 0 0#486375;
			-moz-box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
		
	
}

h6 > span {
	
		
			color: #b1c1ff;
		
		
			padding: 4px 0 4px;
			background-color: #486375;
			box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
			-webkit-box-shadow: -15px 0 0 #486375, 15px 0 0#486375;
			-moz-box-shadow: -15px 0 0 #486375, 15px 0 0 #486375;
		
	
}

/* Special flush-left settings for floating pad (when there is background color/texture/image) and when using the CARD export option. */
.article-card .post-title {
	
	margin-left: 0;
	
}

.col-pad .post-title {
	
	margin-left: 0;
	
}

.article-card h1 span {
			box-shadow: -25px 0 0 #000, 15px 0 0 #000;
			-webkit-box-shadow: -25px 0 0 #000, 15px 0 0#000;
			-moz-box-shadow: -25px 0 0 #000, 15px 0 0 #000;
}

/**********
 * NAVBAR
 *********/

.blog-navbar {
	font-family: 'Ubuntu-Medium';
	background-color: #005;
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	background-color: rgba(64, 66, 95, 0.85);
}

.navbar-default .navbar-nav .blog-nav-item {
	color: #6e0;
}

/*
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #000;
}
*/

.navbar-default .navbar-nav .blog-nav-item:hover,
.navbar-default .navbar-nav .blog-nav-item:focus {
	color: #ffffff;
	
		background-color: #6c0;
	
}


/**********
 * Blog name and description
 *********/

.blog-header {
	padding: 20px 20px;
	
		background-color: #404858;
	
}

.blog-title {
	font-family: 'Trek', Helvetica, Arial, sans-serif;
	
		font-weight: bold;
	
	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0;
	color: #000;
	
		text-shadow: 1px 1px 50px #fb8;;
	
	line-height: 0.9;
}

.blog-title:before {
	content: "Year Zero\: The Dashboard";
}

.lead-box {
	margin: 0 -10px;
}

.blog-description {
	margin: 0.8em 10px 0px; /* Prior to 2020.10.30: 1.2em */
	
		font-family: 'Glass_TTY_VT220', Helvetica, Arial, sans-serif;
	
	color: #fc0;
	/* 
		font-weight: bold;
	 */
	
			text-shadow: 0px -24px 3px #8f0;
	
}

.blog-description:before {
	content: "Streamlined Visual Index and Navigator";
}


/**********
 * Main column and sidebar layout
 *********/

.main-container {
	margin-top: 30px;
}

.col-main {
	
	font-size: 16px;
	line-height: 1.5;
	background-color: #fff;
}

 

.col-pad {
	padding-top: 15px;
	/* This crap is necessary to prevent collapse when shrinks to col-sm for some unknown reason. */
	padding-bottom: 1px;
	margin-bottom: 30px;
	border: 10px solid #88a;
	background-color: rgba(226, 228, 245, 1);
}

.col-cards {
	padding: 0;
	background-color: transparent;
}

.col-sidebar {
	color: #fff;
}

/* Sidebar modules for boxing content */

.about-blurb {
	font-size: 90%;
}

.sidebar-module {
	padding: 15px;
	margin: 0 -15px 15px;
}

.sidebar-module-inset {
	padding: 15px;
	background-color: #485060;
	border-radius: 4px;
	border: 2px solid #000;
}

.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
	margin-bottom: 0;
}

.sidebar-module h5 {
	margin-top: 0;
	padding: 0;
	color: #bcd;
}

.sidebar-module a {
	color: #adf;
}

.glass a {
	color: #ffd;
}

.sidebar-module a:focus, .sidebar-module a:hover {
	text-decoration: none;
	color: #000;
	
		background-color: #fc0;
	
}

.glass a:focus, .glass a:hover {
	color: #000;
}

.sidediv {
	font-size: 90%;
	margin-bottom: 15px;
	border: 1px solid #e3e3e3;
	padding: 15px;
}

hr.cat-note {
	margin-top: 10px;
	/* height: 8px;
	   background: #000;
	   box-shadow: inset 6px 11px 4px -8px #485060; */
}


/**********
 * Blog posts
 *********/

.top-header {
	margin-bottom: 2em;
}

.post-main {
	//margin-bottom: 30px;
	background-color: transparent;
}

/* Spacing between lis in body text. */
.post-main ul li, .post-main ol li {
	margin-bottom: 0.6em;
	margin-top: 0.6em;
}

/* Need to use ol to perfect-indent numbered headings. */
.post-main header ol, .post-main header ol li {
	margin: 0 0 0 0.4em;
	// list-style-type:decimal-leading-zero;
}

 

 

.article-card {
	padding: 25px;
	background-color: rgba(226, 228, 245, 1);
	opacity: 1;
	border: 10px solid #88a;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.6);
	margin-bottom: 30px;
}

 


 


.splash-card {
	padding: 25px;
	background-color: rgba(51, 51, 102, 0.7843137254901961);
	border: 6px solid #6f6;
	box-shadow: 20px 20px 14px rgba(85, 85, 119, 0.8);
	margin-bottom: 30px;
}

.post-title {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	line-height: 1.15;
			margin-left: 15px;
	
	
		font-family: 'Glass_TTY_VT220', Helvetica, Arial, sans-serif;
	
}

.splash-card .post-title {
		color: #6f6;
}

.trunc-post {
	font-size: 90%;
}

.trunc-title {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	line-height: 1.1;
}

.subpost-title {
	// display: table;
}

.post-meta {
	margin-bottom: 20px;
	margin-top: 20px;
	color: #777;
}

.post-subtitle {
	font-family: 'Ubuntu-Medium', Helvetica, Arial, sans-serif;
	color: #777;
	font-size: 1.1em;
	line-height: 1.2;
	margin-bottom: 1.2em;
}

.post-drill {
	font-family: 'Ubuntu-Medium', Helvetica, Arial, sans-serif;
	color: #444;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.2;
	margin-bottom: 1.2em;
	padding-left: 6px;
}

.undertitle {
	margin-bottom: 20px;
}


/**********
 * TOC
 *********/

.main-toc {
	font-size: 14px;
	line-height: 1.1em;
	margin-bottom: 60px;
}

.post-toc {
	margin-bottom: 40px;
	background-color: rgba(255, 255, 255, 0.92);
	border: 1px solid #e3e3e3;	
	box-shadow: none;
}

/*
.cat-toc {
	font-size: 14px;
	margin-bottom: 40px;
	border: 1px solid #005;
}
*/

.main-toc > a {
	font-weight: bold;
}

.main-toc ul, .panel-links ul {
	list-style-type: none;
}

.post-toc ul {
	list-style-type: inherit;
}

.li-audio-yes:before {
	content: "\e035";
	font-family: 'Glyphicons Halflings';
	float: left;
	margin-left: -25px;
	margin-top: -3px;
	color: #333;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 2px;
}

.li-audio-no:before {
	content: "\e035";
	font-family: 'Glyphicons Halflings';
	float: left;
	margin-left: -24px;
	margin-top: -2px;
	color: #ccc;
	padding: 2px;
}


.li-inlink:before {
	content:"\e131";
	font-family: 'Glyphicons Halflings';
	float: left;
	margin-left: -20px;
	color: #888;
}

.li-outlink:before {
	content:"\e132";
	font-family: 'Glyphicons Halflings';
	float: left;
	margin-left: -20px;
	color: #888;
}

.li-norm:before {
	content: "\29bf";
	float: left;
	margin-left: -20px;
	color: #888;
}

.main-toc h3, .main-toc h5 {
	margin-top: 0;
	margin-bottom: 0.4em;
	padding: 0;
	background: transparent;
}

.main-toc > hr {
	margin-top: 0.4em;
}

.cat-note-toc h3, .cat-note-toc h5 {
	/* margin: 0;
	   color: #485060; */
}

.main-toc ul, .main-toc ol {
	padding-left: 0;
	margin-top: 0.5em;
	margin-left: 20px;
	margin-bottom: 0.5em;
}

/* The ".main-toc li" is for perfect indent in the ToC */ 
.main-toc ul li, .main-toc ol li {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.categories-toc ul, .categories-toc ol {
	border: none;
	margin-bottom: 1.5em;
}


/**********
 * Archive
 *********/

.archive {
	margin-bottom: 0;
	border: none;
}

.archive ul {
	margin-left: 20px;
}


/**********
 * Pager
 *********/

.pager > li > a {
	font-size: 12px;
	width: 80px;
}

.pager li > a:focus, .pager li > a:hover {
	color: #23527c;
	background-color: #eee
}


/**********
 * Footer
 *********/

.blog-footer {
	padding: 12px;
	color: #999;
	text-align: center;
	background-color: #f9f9f9;
	border-top: 1px solid #e5e5e5;
	margin-top: 30px;
}

.blog-footer p:last-child {
	margin-bottom: 0;
}

.blog-footer-img {
	background-color: #ffe;
}