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

body {
	padding-top:78px;
	background:#fdffea;
	color:#382820;
	margin:auto;width:98%;
}
@media print {
	a,a:visited{color:#888;background:#eee;border-bottom:1px dotted #bbb;}
	/* Omit ads in print version */
	.adsbygoogle{display:none !important;}
}
pre,code{font-family:Courier,monospace;text-align:left;color:#382820;}
code{font-size:0.95rem;}

/* "overflow: auto;" corrects behavior for lists to right of fl.
   Smaller padding-left aligns better. */
ul,ol{overflow:auto;padding-left:2rem;}
.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:9rem;display:block;overflow:hidden;}
@media(min-width:767px){p:before{content:"";width:11rem;display:block;overflow:hidden;}}
p{padding-top:0.7rem;padding-bottom:0.4rem;}
h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{
	content:"";width:6rem;display:block;overflow:hidden;}
h1,h2,h3,h4,h5,h6{padding-top:3px;}
/* Enforce max paragraph width for readability */
p{max-width:55rem;}
ul,ol{max-width:50rem;}
p,ul,ol{margin:auto;}
table{max-width:60rem;margin:auto;}
/* to make a table auto-scroll: <div class="scrolled"><table></table></div> */
div.scrolled{display:block;overflow:auto;margin:auto;}
pre{max-width:50rem;margin:auto;}
h1,h2,h3,h4,h5,h6{max-width:600pt;margin:auto;}
/* Full-width headers above grids: */
h1.fw,h2.fw,h3.fw,h4.fw,h5.fw,h6.fw{margin-left:1rem;}

/* 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;}

/* Table-like displays, div and nav */
.tabled{display:table;max-width:50rem;margin:auto;padding:10px;}

header{
	color:#d4f2ac;
	background:#382820;
	background-image:url(/pictures/camouflage-desert-108x90.jpg);
	width:100%;
	text-align:center;
	/* Order: top, right, bottom, left */
	padding:0;
	margin:0px 0px 5px 0px;
}
header h1,header h2{
	margin:4px auto;
	padding:2px;
	max-width:728px;
	background:#382820;
	color:#fdffea;
}
header img{border:1px solid black;}

.centered{text-align:center;}

.bordered{background:#e8f0d0;}
.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;}
img.captioned{margin-bottom:0;padding-bottom:0;}
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);}
.camo{background-image:url(/pictures/camouflage-desert-108x90.jpg);}

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;}
.vmiddle{vertical-align:middle;}
.highlighter{background:yellow;}
.underlined{text-decoration:underline;}
.strikethrough{text-decoration:line-through;}

/* Keep text within buttons */
.btn{white-space:normal;margin-bottom:2px;}

/* Floated buttons are higher than following paragraphs, without this: */
.btn.fr{margin-top:12px;}
.btn.fl{margin-top:12px;}

.max40{max-width:40%;}
.max45{max-width:45%;}
.max48{max-width:48%;}
.max50{max-width:50%;}
/* width >50% prevents flow */
.fl{float:left;margin-right:1rem;}
.fr{float:right;margin-left:1rem;}
.clfl{clear:left;padding-top:10px;float:left;margin-right:1rem;}
.crfr{clear:right;padding-top:10px;float:right;margin-left:1rem;}
.cl{clear:left;padding-top:10px;}
.cr{clear:right;padding-top:10px;}
.cb{clear:both;padding-top:10px;}
.cl0{clear:left;}
.cr0{clear:right;}
.cb0{clear:both;}

button a,a{
	color:#10b040;
}
button a:hover,a:hover{
	color:#088030;
	background:#c0ffe0;
	text-decoration:none;
}

.navtable{
	margin-left:0;
	padding:2px;
	background:#adf;
	text-align:center;
	width:164px;
	border:1px solid black;
}
/* for HTML 5 on old browsers */
header,section,footer,aside,nav,article,figure{display:block;}

/* Google responsive ads */
/* Ad sizes: https://support.google.com/adsense/answer/6002621?hl=en */
.top-banner{width:100%;height:90px;margin:auto;}
/* responsive includes old responsive-rectangle and responsive-banner */
.responsive{width:100%;height:310px;padding:0;margin-bottom:10px;}
@media(min-width:768px){.responsive{width:100%;height:320px;padding:0;margin-bottom:10px;}}
@media(min-width:976px){.responsive{width:100%;height:250px;margin:auto;padding:0;margin-bottom:10px;}}
.skyscraper{width:100%;height:310px;padding:0;margin:0 auto 10px auto;}
@media(min-width:400px){.skyscraper{width:300px;height:605px;margin:0 auto 10px auto;}}
@media(min-width:1000px){.skyscraper{width:340px;height:720px;margin:0 auto 10px auto;}}

/* 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;
	}
}

/* Limit dropdown menu width, from http://jsfiddle.net/KyleMit/6cu8f43m/ */
.dropdown{position:static;}
.dropdown > .dropdown-menu {
	left: auto;
	position: absolute;
}
dropdown > .dropdown-menu > li > a {
	white-space: normal;
}
/* My own size limiting */
div.dropdown-menu { max-width:60%; }
.dropdown-header { margin:2px; padding:0; white-space: normal;
	font-size:0.7rem; }
.dropdown-item { margin:2px; padding:0; white-space: normal;
	border-bottom: 1px solid #88a; border-right: 1px solid #88a;
	font-size:0.7rem; }
@media (max-width:575.98px) {
	.dropdown-item {
		padding: 0.1rem 0.2rem 0.1rem 0.2rem;
		font-size: 0.8rem;
	}
	.dropdown-header {
		padding: 0.1rem 0.2rem 0.1rem 0.2rem;
		font-size: 0.8rem;
	}
	.nav-link {
		color:#a0ffa0;
		padding: 0 0.2rem 0 0.2rem;
		font-size: 0.8rem;
	}
	.nav-item {
		padding: 0.1rem 0.2rem 0.1rem 0.2rem;
		font-size: 0.8rem;
	}
}

.row { margin:auto; }
table { font-size: 100%; }

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

body{font-size:12pt;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#382820;}
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;}
}
.navbar{font-size:16px;}
.navbar-brand{font-size:18px;}
.dropdown-menu{font-size:14px;}
@media(min-width:1024px){
	.navbar{font-size:18px;}
	.navbar-brand{font-size:20px;}
	.dropdown-menu{font-size:16px;}
}


/* 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;}
}

/* No left/right padding for col-12, and little padding for col-1 through
   col-11, on small displays */
@media(max-width:767px) {
 .col-12 {padding-left:0;padding-right:0;}
 .col-1 {padding-left:5px;padding-right:5px;}
 .col-2 {padding-left:5px;padding-right:5px;}
 .col-3 {padding-left:5px;padding-right:5px;}
 .col-4 {padding-left:5px;padding-right:5px;}
 .col-5 {padding-left:5px;padding-right:5px;}
 .col-6 {padding-left:5px;padding-right:5px;}
 .col-7 {padding-left:5px;padding-right:5px;}
 .col-8 {padding-left:5px;padding-right:5px;}
 .col-9 {padding-left:5px;padding-right:5px;}
 .col-10 {padding-left:5px;padding-right:5px;}
 .col-11 {padding-left:5px;padding-right:5px;}
}

.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;
}

.navbar-inverse{
	text-shadow:0 -1px 0 rgba(0,0,0,0.3);
	background-image:-webkit-linear-gradient(#277c34,#224e37 50%,#1f4832);
	background-image:linear-gradient(#277c34,#224e37 50%,#1f4832);
	background-repeat:no-repeat;
	border:1px solid #347855;
}

/* Limit dropdown menu width, from http://jsfiddle.net/KyleMit/6cu8f43m/ */
.dropdown{position:static;}
.dropdown > .dropdown-menu {
	left: auto;
	position: absolute;
}
dropdown > .dropdown-menu > li > a {
	white-space: normal;
}