/* document-specific CSS for http://davidkimball.com/maps/ai/ */
body {
	padding-top: 50px; /* 50px padding at top to accommodate top navbar */
	margin: 0;
	background-color: #cfd3b8;
	background-image: url("../backgrounds/green_cup_dcr5655U.png"); /* URL is relative to THIS CSS DOCUMENT, not the html file */
	background-repeat: repeat;
	background-attachment: fixed;
}
.navbar-inverse {
	background-image: linear-gradient(to bottom, #5d90d4 0px, #3574c9 100%);
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
	color: #d6e3f4;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
	background-image: linear-gradient(to bottom, #152e50 0px, #1b3a64 100%);
}
.dropdown-menu {
	background-color: #eaf1fa;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
header {
	text-align: center;
}
main.container {
	max-width: 46em;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.date_time {
	font-style: italic;
	font-size: smaller;
}
.jumbotron {
	margin-bottom: 0;
	background-color: #b3c0b6;
	background-image: url("../backgrounds/burgundy_cartographer_dcr504U.png"); /* URL is relative to THIS CSS DOCUMENT, not the html file */
	background-repeat: repeat;
	color: #aaa;
}
section {
	background-color: #ffffff;
	max-width: 100%;
	margin: 0;
	padding: 0.5em 1em 1.25em 1em;
	border-radius: 6px;
}
@media (min-width: 768px) { /* more horizontal padding for larger screens */
	section {
		padding-left: 2em;
		padding-right: 2em;
	}
}
footer {
	background-color: #b3c0b6;
	padding-top: 1em;
	background-image: url("../backgrounds/burgundy_cartographer_dcr504U.png"); /* URL is relative to THIS CSS DOCUMENT, not the html file */
	background-repeat: repeat;
	color: #aaa;
}
footer div {
	padding: 0.5em 0;
}
.spacer {
	height: 50px; /* puts an ugly 50px space between sections to avoid fixed top navbar covering the beginnings of sections when linked to */
}
aside.panel {
	margin: 2em 0;
}
@media (min-width: 768px) { /* more horizontal spacing for larger screens */
	aside.panel {
		margin-left: 1em;
		margin-right: 1em;
	}
}
@media (max-width: 768px) { /* smaller list indentation for smaller screens */
	ul, ol {
		padding-left: 1.25em; /* not sure what the default value is - varies by browser? bootstrap doesn't seem to set it */
	}
}
figure {
	padding: 1em 0;
}
figcaption {
	font-size: smaller;
	font-style: italic;
	padding: 1em 0;
}
@media (min-width: 768px) { /* more horizontal spacing for larger screens */
	figure {
		padding-left: 1em;
		padding-right: 1em;
	}
	figcaption {
		padding-left: 1em;
		padding-right: 1em;
	}
}
/*
code {
	background-color: #ffffcc;
	color: #cc3300;
	font-weight: bolder;
}
kbd {
	background-color: #ffffcc;
	padding: 0 0.25em 0 0.25em;
}
*/
.pointyBracketed { /* this is used for text like "<Clipping Path>" */
	background-color: #595959; /* gray like Layers panel row */
	color: #ffffff;
	text-decoration: underline;
	font-size: smaller;
	padding: 0 2px;
}
.pointyBracketed:before {
	content: "\003C"; /* less-than sign */
}
.pointyBracketed:after {
	content: "\003E"; /* greater-than sign */
}

/* the numbers in the first column of these 3 special tables */
table.lpButtons td:first-child, table.lpContents td:first-child, table.lpColumns td:first-child {
	display: inline-block;
	margin: 0.125em 0.5em 0.125em 0;
	padding: 0;
	width: 2em;
	height: 2em; 
	line-height: 2em;
	border-radius: 50%;
	background-color: #5d5d5d; /* gray - to mimic background in image */
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	text-shadow: 1.5px 2px 1px rgba(0, 0, 0, 1);
	font-size: 1.5em;
	font-style: normal;
}
table.lpButtons td:first-child {
	color: #d9d900; /* yellow text - to mimic labels in image */
}
table.lpContents td:first-child {
	color: #ff6666; /* red text - to mimic labels in image */
}
table.lpColumns td:first-child {
	color: #00dd00; /* green text - to mimic labels in image */
}
a.definitionLink, a.definitionLink:link, a.definitionLink:visited, a.definitionLink:hover, a.definitionLink:focus, a.definitionLink:active {
	/* for links that point to a definition of a term */
/*
	text-decoration: none;
	border-bottom: 1px dashed #aaa;
*/
	color: inherit;
}

/* The following represent Adobe Illustrator, InDesign, and Photoshop fake css "icons", */
/* which you can use by putting the text "Ai" or "Id" or "Ps" in an abbr tag with the */
/* corresponding class attribute and a title attribute containing e.g. "Adobe Illustrator" (etc.) */
.icon-dk-ai {
	display:inline-block; 
	text-decoration: none; 
	color:#ff7d00; 
	font-size:18px; 
	border:2px solid #ff7d00 !important; /* to override abbr tag css */
	background-color:#260000; 
	padding:0 6px 0 5px;
}
.icon-dk-id {
	display:inline-block; 
	text-decoration: none; 
	color:#ff4293; 
	font-size:18px; 
	border:2px solid #ff4293 !important; /* to override abbr tag css */
	background-color:#260000; 
	padding:0 6px 0 6px; 
}
.icon-dk-ps {
	display:inline-block; 
	text-decoration: none; 
	color:#2bcbf8; 
	font-size:18px; 
	border:2px solid #2bcbf8 !important; /* to override abbr tag css */
	background-color:#260000; 
	padding:0 3px 0 3px;
}
.icon-dk-am {
	display:inline-block; 
	text-decoration: none; 
	font-stretch: condensed;
	color:#305c8a; 
	font-size:18px; 
	border:2px solid #305c8a !important; /* to override abbr tag css */
	border-radius:50%;
	background-color:#85cb59; 
	padding:0 2px 0 2px;
}

/* The following are custom panels based on bootstrap's .panel-info etc. */
/* "Note" panel */
.panel-dknote {
  border-color: #887549;
}
.panel-dknote > .panel-heading {
  color: #463c25;
  background-color: #b9a77e;
  border-color: #887549;
}
.panel-dknote > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #887549;
}
.panel-dknote > .panel-heading .badge {
  color: #ffffff;
  background-color: #887549;
}
.panel-dknote > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #887549;
}
.panel-dknote .panel-heading .panel-title:before { /* puts an icon before title */
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e086"; /* info-sign icon */
	padding-right: 0.5em;
}
/* "Tip" panel */
.panel-dktip {
  border-color: #ab614a;
}
.panel-dktip > .panel-heading {
  color: #64392b;
  background-color: #ce9d8d;
  border-color: #ab614a;
}
.panel-dktip > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ab614a;
}
.panel-dktip > .panel-heading .badge {
  color: #ffffff;
  background-color: #ab614a;
}
.panel-dktip > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ab614a;
}
.panel-dktip .panel-heading .panel-title:before { /* puts an icon before title */
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e006"; /* star icon */
	padding-right: 0.5em;
}
/* "Technique" panel */
.panel-dktechnique {
  border-color: #ba8032;
}
.panel-dktechnique > .panel-heading {
  color: #6a491c;
  background-color: #dbb077;
  border-color: #ba8032;
}
.panel-dktechnique > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ba8032;
}
.panel-dktechnique > .panel-heading .badge {
  color: #ffffff;
  background-color: #ba8032;
}
.panel-dktechnique > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ba8032;
}
.panel-dktechnique .panel-heading .panel-title:before { /* puts an icon before title - copy of glyphicon CSS */
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e233"; /* education icon */
	padding-right: 0.5em;
}

/* end of custom panel section */

.hideMe { /* this css class is added by Javascript code when the user minimizes a Section */
	display: none;
}
aside.dcrOnly { 
	/* stuff that is only relevant to DCR agency staff, like references to file locations etc. */
	background-color: #b3c0b6;
	border: 3px solid #7f5d62;
	background-image: linear-gradient(to bottom, #b3c0b6 0px, #d3e0d6 100%);
}