/* BODY */

body {
	color: #200000;
	background-color: white;
  font-family: 'Helvetica', sans-serif;
  /*
  font-family: 'Merriweather', sans-serif;
  font-family: 'Roboto', 'sans-serif';
  font-family: 'Montserrat', sans-serif;
  font-family: 'Verdana', sans-serif;
  font-family: 'Lato', sans-serif;
  */
  font-size: 16px;
  letter-spacing: 0.25px;
  line-height: 125%;
}
/*
Image credit for the clock layer of the background image:
http://hdwallpapersfactory.com/city/clockwork-watches-clocks-time-desktop-hd-wallpaper-455121/
The formula/code/graph layers are my own.
*/
body.bg-block-formula-code-graph-background {
  background-image: url("/pix/bg-clock-formula-code-graph-je-vis.jpg");
}

h1 {
  font-weight: bold;
  color: maroon;
  font-size: 110%
}
h2 {
  font-weight: bold;
  color: maroon;
  font-size: 105%
}
h3 {
  font-weight: bold;
  color: maroon;
  font-size: 110%
}

/* TEXT */

a:link {
	color: maroon;
}
a:visited {
	color: maroon;
}
a:active {
	color: maroon;
}

.maroon {
  color: maroon;
}
.boldmaroon {
  font-weight: bold;
  color: maroon;
}

.titleinbody {
  font-weight: bold;
  color: maroon;
  font-size: 120%
}

/* BUTTONS */
.toggle-button {
  font-weight: bold;
  color: maroon;
  border: 1px solid #808080;
  padding: 2;
  margin: 2;
  border-radius: 4px;
}
.toggle-button.selected {
  font-weight: bold;
}
.toggle-button.deselected {
  font-weight: normal;
}
.toggle-button:hover {
  background-color: #d8d8d8;
}

button.transparent {
  font-weight: normal;
  border: 0;
  background-color: transparent;
}

/* ERROR-HANDLER */
.error {
  color: red;
  background-color: white;
  padding: 10px;
  margin: 10px;
}