/* COLOR SETTINGS */
:root {
	--bg-color: #edf7f9;
	--title-color: #31849B;
	--doj-accent: #d87c31;
	--doj2-accent: #f79646;
	--oj-accent: #fceedb;
	--bl-accent: #edf5f7;
	--lbl-accent: #f9fcfc;
}

/* BODY SETTINGS */
body {
	background-color: var(--bg-color);
	margin: auto;
	width: 1400px;
}
div {
	margin: auto;
}

/* HEADER SETTINGS */
h3 {
	font-size: 30px;
	font-family: Helvetica, sans-serif;
	font-weight: 800;
	margin-bottom: 25px;
	margin-left: 70px;
	color: var(--title-color);
	letter-spacing: -3px;
}
	

/* PARAGRAPH SETTINGS */
p {
	font-size: 16px;
	font-family: Helvetica;
	font-weight: 400;
	margin: 25px 100px 25px 100px;
	line-height: 125%;
}
p.list {
	font-size: 16px;
	font-family: Helvetica;
	font-weight: 400;
	margin: 0 0 10px 0;
}
p.tex {
	margin: 0;
}
strong {
	color: var(--doj-accent);
}
strong.banner {
	color: var(--doj2-accent);
	font-weight: 800;
}
strong.botLinks {
	font-weight: 100;
}

/* ANCHOR SETTINGS */
a {
	color: var(--title-color);
	text-decoration: none;
	font-weight: 600;
}
a.ToC {
	font-weight: 400;
}
a:hover {
	color: var(--doj-accent);
}

/* LIST SETTINGS */
ol {
	padding-left: 130px;
	margin-right: 100px;
	font-family: Helvetica;
}
ul {
	padding-left: 130px;
	margin-right: 100px;
	font-family: Helvetica;
}
ul.secondLevel {
	padding-left: 30px;
	margin-right: 0;
}
ul.ToC {
	font-size: 18px;
	letter-spacing: -1px;
	color: var(--title-color);
}

/* IMAGE SETTINGS */
img {
	display: block;
	margin: auto;
	padding: 20px;
	background: #ffffff;
	border: 30px solid var(--oj-accent);
	border-radius: 15px;
}
img.banner {
	display: block;
	margin: auto;
	padding: 0;
	border: 50px solid var(--oj-accent);
	border-radius: 15px;
}
iframe {
	display: block;
	margin: auto;
	padding: 20px;
	background: #ffffff;
	border: 30px solid var(--oj-accent);
	border-radius: 15px;
}

/* TABLE SETTINGS */
table {
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
	border: 25px solid var(--oj-accent);
}
tr:nth-child(odd) {
	background-color: var(--oj-accent);
}
tr:nth-child(even) {
	background-color: var(--bl-accent);
}
tr {
	border-bottom: 2px solid var(--lbl-accent);
}
tr.noBor {
	border-bottom: 0px;
}
tr.thin{
	height: 2px;
}
th {
	font-family: Helvetica;
	margin: 10px 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-family: Helvetica;
	font-weight: 800;
	letter-spacing: -1px;
	color: var(--title-color);
}
td {
	padding: 10px 25px;
	font-family: Helvetica;
	font-size: 14px;
	text-align: center;
}
td.left {
	text-align: left;
}
td.right {
	text-align: right;
}
td.blank {
	padding: 3px;
}
th.sep, th.Tsep, td.sep {
	border-right: 1px solid black;
}
th.Tsep {
	padding: 0 20px 0 20px;
}
th.DataTitle {
	font-size: 18px;
	padding: 10px 0 20px 0;
}

/* CODE BLOCK SETTINGS */
pre {
	background-color: #e2e2e2;
	margin: 0 100px 0 100px;
	border-radius: 15px;
	padding-left: 30px;
}
pre.li {
	margin: 0 10px 0 10px;
}
code {
	font-size: 16px;
}

/* FOOTER TEXT SETTINGS */
div.botLinks {
	margin: auto;
	display: block;
	width: 125px;
}
h3.botLinks {
	margin: 0 auto;
}
a.botLinks {
	font-size: 30px;
	font-family: Helvetica, sans-serif;
	font-weight: 800;
	margin-bottom: -100px;
	color: var(--title-color);
	letter-spacing: -3px;
}
.footer {
	font-size: 10px;
	font-family: Helvetica;
	letter-spacing: -1px;
	color: #74BED2;
	text-align: center;
	margin: 100px 0 50px 0;
}

/* Pretty printing styles. Used with prettify.js. */
/* Vim sunburst theme by David Leibovic */

div.pp {
	margin: 10px 30px;
}

pre.prettyprint {
	margin: 40px 100px 40px 100px;
	white-space: pre-wrap;
}

/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint {
  background: #e2e2e2;
  font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  border: 0 !important;
}

.pln {
  color: #19171c;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #7e7887;
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
  padding-left: 1em;
  background-color: #efecf4;
  list-style-type: decimal;
}

@media screen {

  /* string content */
  .str {
    color: #2a9292;
  }

  /* keyword */
  .kwd {
    color: #955ae7;
  }

  /* comment */
  .com {
    color: #7e7887;
  }

  /* type name */
  .typ {
    color: #576ddb;
  }

  /* literal value */
  .lit {
    color: #aa573c;
  }

  /* punctuation */
  .pun {
    color: #19171c;
  }
  /* lisp open bracket */

  .opn {
    color: #19171c;
  }

  /* lisp close bracket */
  .clo {
    color: #19171c;
  }

  /* markup tag name */
  .tag {
    color: #be4678;
  }

  /* markup attribute name */
  .atn {
    color: #aa573c;
  }

  /* markup attribute value */
  .atv {
    color: #398bc6;
  }

  /* declaration */
  .dec {
    color: #aa573c;
  }

  /* variable name */
  .var {
    color: #be4678;
  }

  /* function name */
  .fun {
    color: #576ddb;
  }
}