.right-float-box {
  float: right;
  max-width: 300px;
  margin: auto;
  margin: 50px;
  margin-top: 0px;
}

.left-float-box {
  float: left;
  max-width: 300px;
  margin: auto;
  margin: 50px;
}

.highlight1 {
  color: white;
  background-color: red;
  padding: 2px;
}

.highlight2 {
  color: white;
  background-color: purple;
  font-weight: bolder;
  font-size: 40pt;
  padding: 2px;
}

.highlight3 {
  background-color: greenyellow;
  font-size: 30pt;
  padding: 2px;
}

.highlight4 {
  background-color: greenyellow;
  font-size: 30pt;
  padding: 10px;
  margin-bottom: 15px;
}

p {
  text-align: center;
  font-size: 20pt;
}

.caption {
  font-size: 12pt;
}

ul {
  font-size: 20pt;
}

h1 {
  text-align: center;
  font-size: 30pt;
}

h2 {
  text-align: center;
}

.alert {
  text-align: center;
  background-color: yellow;
  max-width: 400px;
  padding: 20px;
  margin: auto;
  margin-top: 20px;
  border: 3px dashed orange;
}

form {
  text-align: center;
}

ul.centered {
  max-width: 600px;
  margin: auto;
  margin-bottom: 20px;

}

img.icon-left {
  float:left;
}

img.icon-right {
  float:right;
}

h1 img.icon-left {
  width:100px;
  height:100px;
}

h1 img.icon-right {
  width:100px;
  height:100px;
}

.alert img.icon-left {
  width:50px;
  height:50px;
}

.alert img.icon-right {
  width:50px;
  height:50px;
}

.footnote {
  padding: 50px;
  font-size: 14pt;
}

body.beautiful-horse {
  background-image: url("beautiful-horse.jpg");
}

body.strange-horse {
  background-image: url("horse.jpg");
}

.white-on-black {
  background-color: black;
  color:white;
}

.linux-tip-of-the-day {
  width: 50%;
  min-width: 300px;
  margin: 0 auto;
  text-align: center;
}

.hover-flip:hover {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}