/* Changes in original theme are limited to validation.
	My customizations are here, loaded after bootstrap.css
	@media sizes:	column:   ad min sizes:
	     -  767 xs      - 63
	 768 -  991 sm	 64 - 82  rectangle >= col-sm-5	 skyscraper >= col-sm-3
	 992 - 1199 md	 83 - 99  rectangle >= col-md-4  skyscraper >= col-md-4
	1200 -      lg	100 -     rectangle >= col-lg-4  skyscraper >= col-lg-4
		 viewport   width
	banner:      - 499  320px
		 500 - 767  468px
		 768 -      768px
	rectangle:   - 805  300px
		 806 -      336px
	sky:	     - 399  120px
		 400 - 999  160px
		1000 -      300px
	*/

/*%%% Serve my own font file, help with Google pagespeed:
@import "https://fonts.googleapis.com/css?family=Droid+Sans";
 Download that with wget, turn into code. %%%*/
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Droid Sans'), local('DroidSans'), url(http://cromwell-intl.com/fonts/DroidSans.ttf) format('truetype');
}

body {
	background: #e6e6fa;
	color: #000000;
	padding-top: 0px; margin-top: 0px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	margin-left: auto; margin-right: auto; width: 98%;
}
pre,code { font-family: Courier, monospace; text-align: left; }

/* "overflow: auto;" corrects behavior for lists
   to the right of left-floated objects.
   Smaller padding-left aligns better. */
ul,ol { overflow: auto; padding-left: 2em; }
.navbar ul { overflow: visible; }

/* Images always in front (visible) and responsive */
img { z-index: 100; position: relative;
	height: auto; max-width: 100%; }
div { max-width: 100%; }

/* Enforce minimum paragraph & header width. */
p:before { content: ""; width: 8em; display: block; overflow: hidden; }
p { padding-top: 1px; }
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
	content: ""; width: 8em; display: block; overflow: hidden; }
h1,h2,h3,h4,h5,h6 { padding-top: 3px; }
/* Enforce max paragraph width for readability */
p { max-width: 55em; }
ul,ol { max-width: 50em; }
p,ul,ol { margin-left: auto; margin-right: auto; }
pre,table { max-width: 60em; margin-left: auto; margin-right: auto; }
h1,h2,h3,h4,h5,h6 { max-width: 600pt; margin-left: auto; margin-right: auto; }
/* Full-width headers above grids: */
h1.fw,h2.fw,h3.fw,h4.fw,h5.fw,h6.fw { margin-left: 1em; }

/* Table defaults -- this is like the old cellspacing="0" */
table { border-collapse: collapse; border-spacing: 0; text-align: left; margin-bottom: 5px; }
td { vertical-align: top; padding: 5px; }
header, .header {
	background: #c0c0df;
	width: 100%;
	text-align: center;
	/* Order: top, right, bottom, left */
	padding: 0px 5px 0px 5px;
	margin:  0px 0px 5px 0px;
}
header h1, header h2 {
	margin: 4px auto;
	padding: 2px;
	max-width: 728px;
}
header img { border: 1px solid black; }

.centered { text-align: center; }

.bordered { background: #d6d6ff; }
.bordered, .canvased, .paper, table.bordered td { border: 1px solid black; }
p.bordered, p.canvased, p.paper { padding: 5px; }
img.bordered { margin-top: 3px; margin-bottom: 10px; }
div.bordered, div.canvased, div.paper, pre.bordered, pre.canvased, pre.paper {
	z-index: 0; position: relative;
	padding: 2px 5px 2px 5px;
}
.canvased { background-image: url(/pictures/canvas.png); }
.paper { background-image: url(/pictures/paper.png); }

p.caption {
	z-index: 101; position: relative;
	background: #c0c0c0;
	font-size: 80%;
	padding: 1px 2px 1px 2px;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: left;
}
.textleft { text-align: left; }
.textright { text-align: right; }

.max40 { max-width: 40%; }
.max45 { max-width: 45%; }
.max48 { max-width: 48%; }
.max50 { max-width: 50%; }
.max55 { max-width: 55%; }
.max60 { max-width: 60%; }
.max100 { max-width: 100%; }
.fl { float: left; margin-right: 2em; }
.fr { float: right; margin-left: 2em; }
.clfl { clear: left; padding-top: 10px; float: left; margin-right: 20px; }
.crfr { clear: right; padding-top: 10px; float: right; margin-left: 20px; }
.cl { clear: left; padding-top: 10px; }
.cr { clear: right; padding-top: 10px; }
.cb { clear: both; padding-top: 10px; }

a { color: #3377f0; }
a:hover { background: #d6d6ef; }
a.next	{
	color: #000050;
	background: #ffe49c;
}
a.next:hover	{
	color: #500000;
	background: #ffff00;
}
/* for HTML 5 on old browsers */
header,section,footer,aside,nav,article,figure { display: block; }

/* Google responsive ads */
/* Start banner at 310px, 320px banner needs about 330px viewport */
.responsive-banner { width: 310px; height: 100px; }
@media(min-width: 500px) { .responsive-banner { width: 468px; height: 60px; } }
@media(min-width: 767px) { .responsive-banner { width: 728px; height: 90px; } }
.responsive-rectangle { width: 300px; height: 250px; }
@media(min-width: 806px) { .responsive-rectangle { width: 336px; height: 280px; } }
.responsive-skyscraper { width: 120px; height: 600px; }
@media(min-width: 400px) { .responsive-skyscraper { width: 160px; height: 600px; } }
@media(min-width: 1000px) { .responsive-skyscraper { width: 300px; height: 600px; } }

/* Changes to the "spacelab" theme */

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .container .jumbotron {
    padding-right: 30px;
    padding-left: 30px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 50px;
    margin-top: 5px;
  }
}

container { padding-left:0; padding-right:0; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #88bb88;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: #000030; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }
h5 { font-size: 9pt; }
h6 { font-size: 8pt; }
@media (min-width: 400px) {
  h1 { font-size: 18pt; }
  h2 { font-size: 17pt; }
  h3 { font-size: 16pt; }
  h4 { font-size: 14pt; }
  h5 { font-size: 12pt; }
  h6 { font-size: 10pt; }
}
@media (min-width: 767px) {
  h1 { font-size: 24pt; }
  h2 { font-size: 22pt; }
  h3 { font-size: 20pt; }
  h4 { font-size: 16pt; }
  h5 { font-size: 14pt; }
  h6 { font-size: 12pt; }
}

.container { width: 100%; padding-right: 0; padding-left: 0; }

.featurebox { max-width: 50%; }
@media (max-width: 767px) {
	.featurebox { max-width: 100%; }
	.container { padding: 0; }
}

/* For 340px Android viewport:
	Reduce minimum paragraph & header minimum width.
	Reduce leftnav* width. */
@media (max-width: 340px) {
	p:before { content: ""; width: 110px; display: block; overflow: hidden; }
	p { padding-top: 1px; }
	h1:before, h2:before, h3:before, h4:before {
		content: ""; width: 110px; display: block; overflow: hidden; }
	h1, h2, h3, h4 { padding-top: 2px; }
	.navtable { width: 132px; padding: 1px; }
	.navimg { width: 130px; }
}

.dropdown li { border-bottom: 1px solid #ccc; }

.btn { padding:6px; margin-top:4px; }
.btn-warning {
	color: #ffffff;
	background-color: #c45500;
	border-color: #c45500;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #9b4e00;
	border-color: #874300;
}
.btn-warning,
.btn-warning:hover {
	background-image: -webkit-linear-gradient(#ef8c11, #c46500 50%, #b05a00);
	background-image: linear-gradient(#ef8c11, #c46500 50%, #b05a00);
	background-repeat: no-repeat;
	border: 1px solid #914900;
	/* filter: none; */
}

/* Add "steam" button type */
/* original lines 2598-2642 */
.btn-steam {
  color: #ffd70f;
  background-color: #7b4335;
  border-color: #7b4335;
}

.btn-steam:hover,
.btn-steam:focus,
.btn-steam:active,
.btn-steam.active,
.open .dropdown-toggle.btn-steam {
  color: #ffd70f;
  background-color: #6b3325;
  border-color: #6b3325;
}

.btn-steam:active,
.btn-steam.active,
.open .dropdown-toggle.btn-steam {
  background-image: none;
}

.btn-steam.disabled,
.btn-steam[disabled],
fieldset[disabled] .btn-steam,
.btn-steam.disabled:hover,
.btn-steam[disabled]:hover,
fieldset[disabled] .btn-steam:hover,
.btn-steam.disabled:focus,
.btn-steam[disabled]:focus,
fieldset[disabled] .btn-steam:focus,
.btn-steam.disabled:active,
.btn-steam[disabled]:active,
fieldset[disabled] .btn-steam:active,
.btn-steam.disabled.active,
.btn-steam[disabled].active,
fieldset[disabled] .btn-steam.active {
  background-color: #7b4335;
  border-color: #7b4335;
}

.btn-steam .badge {
  color: #7b4335;
  background-color: #ffd70f;
}

/* original lines 7546-7553 */
.btn-steam,
.btn-steam:hover {
  background-image: -webkit-linear-gradient(#904050, #7b4335 50%, #603020);
  background-image: linear-gradient(#904050, #7b4335 50%, #603020);
  background-repeat: no-repeat;
  border: 1px solid #603020;
  /* filter: none; */
}