#article {
  padding: 0 10px 15px;
}

#article ol,
#article ul {
  padding-left: 2em;
}

body {
  padding-top: 0;
}

nav {
  position: relative;
  margin-top: 0 !important;
}

nav ul li {
  float: none;
  display: block;
  border-right: none;
  padding-left: 10px;
  padding-bottom: 0;
}

nav li:hover > ul {
  position: relative;
  width: auto;
}

nav ul ul li:hover > ul {
  top: auto;
  right: auto;
}

nav > ul {
  display: none;
}

nav > input:checked + ul {
  display: block;
}

nav ul ul {
  padding-top: 0;
}

nav ul ul li a:before,
nav ul ul li div:before {
  content: '\0027A5\0000A0';
  display: inline;
}

/*BEGIN* Indentation for 3rd-level-menus */
nav ul ul ul li a:before,
nav ul ul ul li div:before {
  content: '\0000A0\0000A0\0000A0\0000A0\0027A5\0000A0';
}
/*END* Indentation for 3rd-level-menus */

nav > label,
nav ul li ul {
  display: block;
}

.info-text {
  max-width: 100%;
}

/*
.info-box.bronze {
  border-color: #6A5448;
}
.info-box.bronze div div {
  background-color: #6A5448;
}
.info-box.graphit {
  border-color: #556270;
}
.info-box.graphit div div {
  background-color: #556270;
}
.info-box.dust {
  border-color: #9E5E6F;
}
.info-box.dust div div {
  background-color: #9E5E6F;
}
.info-box.blue {
  border-color: darkblue;
}
.info-box.blue div div {
  background-color: darkblue;
}
.info-box.red {
  border-color: darkred;
}
.info-box.red div div {
  background-color: darkred;
}
.info-box.lime {
  margin: 1em;
}
.info-box.lime,
.info-box.green {
  border-color: darkgreen;
}
.info-box.lime div div,
.info-box.green div div {
  background-color: darkgreen;
}
.info-box.lilac {
  border-color: #6B006B;
}
.info-box.lilac div div {
  background-color: #6B006B;
}
*/

.info-box.bronze,
.info-box.bronze div div {
  background-color: wheat;
}

.info-box.bronze div a.link {
  background-color: #B07060;
}

.info-box.graphit,
.info-box.graphit div div {
  background-color: lavender;
}

.info-box.graphit div a.link {
  background-color: #95A2B0;
}

.info-box.dust,
.info-box.dust div div {
  background-color: #E8B7B1;
}

.info-box.dust div a.link {
  background-color: #9E5E6F;
}

.info-box.blue,
.info-box.blue div div {
  background-color: #BECFFE;
}

.info-box.blue div a.link {
  background-color: #6B9AC6;
}

.info-box.red,
.info-box.red div div {
  background-color: #EFBBB2;
}

.info-box.red div a.link {
  background-color: #DF7972;
}

.info-box.green,
.info-box.green div div {
  background-color: #92E2A3;
}

.info-box.green div a.link {
  background-color: #52A263;
}

.info-box.lilac,
.info-box.lilac div div {
  background-color: khaki;
}

.info-box.lilac div a.link {
  background-color: #CB40AB;
}

.info-box.lime {
  margin: 1em;
  border-color: darkgreen;
}

.info-box.lime div div {
  background-color: darkgreen;
}

.info-box.bronze,
.info-box.graphit,
.info-box.dust,
.info-box.blue,
.info-box.red,
.info-box.green,
.info-box.lilac {
  border: none;
}

.info-box.bronze div,
.info-box.graphit div,
.info-box.dust div,
.info-box.blue div,
.info-box.red div,
.info-box.green div,
.info-box.lilac div {
  margin: 0px;
}

.info-box.bronze div div,
.info-box.graphit div div,
.info-box.dust div div,
.info-box.blue div div,
.info-box.red div div,
.info-box.green div div,
.info-box.lilac div div {
  color: black;
  font-size: 1.17em;
  padding: 1.6ex 1.7em 0.8ex;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.info-box.bronze div p,
.info-box.graphit div p,
.info-box.dust div p,
.info-box.blue div p,
.info-box.red div p,
.info-box.green div p,
.info-box.lilac div p {
  padding: 0px;
}

.info-box div a.link {
  width: 100%;
  color: white;
  border: none;
  margin: 0px auto;
  text-align: right;
  padding-right: 2em;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
}

.info-box div a.link:after {
  content: "\0000A0>>";
}

.info-box div a.link:hover {
  color: #000080;
}

.info-box p > span {
  margin: 0 2em;
  display: block;
}

/*
.info-box {
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
.info-box div div {
-webkit-border-radius: 5px 10px 0 0;
-moz-border-radius: 5px 10px 0 0;
border-radius: 5px 10px 0 0;
}
.info-box p {
-webkit-border-radius: 0 0 10px 5px;
-moz-border-radius: 0 0 10px 5px;
border-radius: 0 0 10px 5px;
}
.info-box.bronze p {
background-color: #E0E0A0;
}
.info-box.graphit p {
background-color: #D5E2F0;
}
.info-box.blue p {
background-color: #CEDFFE;
}
.info-box.red p {
background-color: #FFDBD2;
}
.info-box.green p {
background-color: #B2F2C3;
}
.info-box.lilac p {
background-color: #FFD560;
}
*/

.info-box {
  margin: 1em 0;
}

.info-box,
.tiles div {
  min-width: 230px;
  max-width: 100%;
  padding: 0;
}

.tiles div {
  margin: 1em 0;
  text-align: left;
  border: none;
  width: 100%;
}

.tiles div.tile-footer a,
.tiles div a.link {
  width: 100%;
  color: white;
  margin: 0px auto;
  text-align: right;
  padding-right: 2em;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  border: none;
}

.tiles div.tile-footer a:after,
.tiles div a.link:after {
  content: " >>";
}

.tiles div.tile-footer a:hover,
.tiles div a.link:hover {
  color: #000080;
}

.tiles div.tile-1 {
  background-color: #92E2A3;
}

.tiles div.tile-1 a {
  background-color: #52A263;
}

.tiles div.tile-2 {
  background-color: #EFD37F;
}

.tiles div.tile-2 a {
  background-color: #CF932F;
}

.tiles div.tile-3 {
  background-color: #EFBBB2;
}

.tiles div.tile-3 a {
  background-color: #DF7972;
}

.tiles div.tile-4 {
  background-color: #BECFFE;
}

.tiles div.tile-4 a {
  background-color: #6B9AC6;
}

.tiles div.tile-footer {
  background-color: lightgray;
}

.tiles div.tile-footer a {
  background-color: gray;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: 10px;
  display: block;
  font-weight: bold;
}

.tiles div.tile-footer p {
  display: block;
}

.show,
.footnote:target {
  display: block !important;
}

.footnote {
  display: none;
}

.whitebordered {
  margin: 2em auto;
}

.svg-area {
  display: block;
}

.code-area,
.code-table div {
  margin-left: 0;
  margin-right: 0;
}

table.enumeration {
  margin-left: 0;
}

.do-show {
  display: inherit !important;
}

@media (max-width: 372px) {
  .thumbnail-325 { width: 262px; }
  .thumbnail-325 img { width: auto; }
  .thumbnail-325 span.tag { margin-left: 8ex; margin-right: 8ex; }
  .thumbnail-325 span.undo-lf { position: relative; top: -3.4ex; margin-bottom: 0; }
}

@media (max-width: 558px) {
  .gallery div.wide { width: 238px; height: 218px; }
  .gallery div.wide div { width: 220px; height: 110px; }
  .gallery div.wide span.tag { padding: 0.2ex 1.5ex; margin: 1ex; }
}

@media (min-width: 558px) {
  .gallery div.wide { width: 492px; height: 293px; }
  .gallery div.wide div { width: 474px; height: 224px; }
  .gallery div.wide img { width: auto; }
  .gallery div.wide span.tag { margin: 0.5ex 2em 0.5ex 0; }
}

@media screen {
  .gradient-area { text-align: center; }
  .gradient-area p { max-width: 700px; }
  .gradient-area > div { display: inline-block !important; }
}

@media print {
  .tiles div.tile-footer { border: 1px solid black !important; }
}