/* Reds: F81818, B60E0E, 780606, 3F0202 */
   

body {
  margin: 0;
  background-color: #000;
  background-image: url("images/redsilk.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
  font-family: Courier New, monospace;  
  text-align: center;
  cursor: url("images/cursorDefault.png"), auto;
}

p{
 padding-left: 16px;
 padding-right: 16px;
}

a {
  cursor: url("images/cursorScroll.png"), auto;
}

a:link{
 color: #FFFFFF; 
}

a:hover{
 color: #FFFFFF;
 background-color: #F81818;
 /*font-weight: bold;*/ 
 padding: 16px;
}

a:visited{
  color: #FFFFFF;
}

h1{
  font-size: 3em;
  font-weight: bold; 
  color: #FFFFFF;
  font-family: Copperplate, Copperplate Gothic Light, serif; 
  text-align: center; 
  margin: 0;
}

h2{
  font-size: 1.3em;
  font-family: Copperplate, Copperplate Gothic Light, serif;
  text-align: center;
  font-weight: lighter;
  background-color: #780606;
  border-bottom: 4px double #000;
  padding: 15px;
  margin: 0;
}

nav{
    background-color: #000;
    padding: 2%;
    text-align: center;
}

nav ul{
  list-style-type: none; 
  line-height: 240%;
  font-size: 1.3em;
}

.gif {
  display: inline-block;
  text-align: center;
}

.centered_image{
  display: block;
  margin: auto;
}

.full_width{
 width: 50%;
}

.header_underline{
  display: block;
  margin: auto;
  width: 50%;
}

.intro{
  text-align: left;
}

.deco_block{
  /*display: block;*/
  background-image: url("images/swirlblack.jpg");
  width: 100%;
  height: 160px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.deco_block2{
  /*display: block;*/
  background-image: url("images/skulls.gif");
  width: 100%;
  height: 160px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.deco_block3{
  /*display: block;*/
  background-image: url("images/skulls.gif");
  width: 100%;
  height: 24px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header{
  /*background-color: rgb(182, 14, 14, 0.2);*/ /*Fourth value specifies opacity 0.0 is transparent, 1.0 is fully opaque*/
  padding: 32px;
  text-shadow: 4px 4px #B60E0E;
  font-size: 1.8em;
}

.row{
  width: 80%;
  margin: auto;
}

.column{
  float: left;
  width: 60%;
  padding-left: 24px; 
  padding-right: 24px;
  text-align: left;
}

.single_column{
  width: 80%;
  margin: auto;
  text-align: left;
}

/*These columns are on the writing page for displaying haiku*/
.right_column{
  float: right;
  width: 45%;
  padding-right: 4%
}

.left_column{
  float: left;
  width: 45%;
  padding-left: 4%;
}

/*Clear the damn float*/
.row::after{
  content: "";
  display: table;
  clear: both; 
}

#left_column{
  font-weight: bold;
  text-align: left;
  float: left;
  width: 12%;
  height: 100%;
  padding-left: 40px;
  padding-right: 15px;
  overflow: hidden;
}

#image_column{
 float: left;
 width: 16%;
 height: 100%;
 text-align: center;
 background-color: rgb(0, 0, 0, 1);
 overflow: hidden;
}

#ButtonRow li{
  list-style: none; 
  display: inline;