/*
 0   0   0    Black #000000
 255 255 255  White #ffffff
 65  0   82   Purple.1 #410052
 91  0   128  Purple.2 #5b0080
 130 0   206  Purple.3 #8200ce
 230 155 255  Purple.4 #e69bff
 0   44  90   Blue.1 #002c5a
 0   63  128  Blue.2 #003f80
 0   97  196  Blue.3 #0061c4
 167 210 255  Blue.4 #a7d2ff
 78  0   20   Red.1 #4e0014
 128 0   24   Red.2 #800018
 194 0   24   Red.3 #c20018
 255 127 151  Red.4 #ff7f97
 61  66  0    Yellow.1 #3d4200
 123 128 0    Yellow.2 #7b8000
 209 214 0    Yellow.3 #d1d600
 250 255 191  Yellow.4 #faffbf
 37  34  38   Grey.1 #252226
 71  68  72   Grey.2 #474448
 124 121 125  Grey.3 #7c797d
 189 186 190  Grey.4 #bdbabe
*/
body {
   font-family: tahoma, helvetica, arial, sans-serif;
   font-size: 10pt;
   background-color: #000000;
   color: #bdbabe;
   background-image: url('./images/background-red.png');
}

h1,h2 {
   font-family: impact, serif;
   color: #c20018
}

h3,h4 {
   font-family: arial, sans-serif;
   color: #c20018
}

table,p,div {
   font-size: 10pt;
}

.logo {
   max-width: 400px;
   max-height: 200px;
}

.center {
   margin-left: auto;
   margin-right: auto;
}

.page-width {
   width: 800px;
}

.left-side {
   width: 520px;
}

.right-side {
   width: 280px;
}

.section {
   border: 2px dotted #800018;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   background-image: none;
   background-color: black;
   vertical-align: top;
   background-image: none;
}

.small-pic {
   max-width: 240px;
   max-height: 160px;
   margin: 5px;
}

.large-pic {
   max-width: 480px;
   max-height: 320px;
   margin: 5px;
}

.separator {
   height: 21px;
   width: 794px;
   margin-left: auto;
   margin-right: auto;
   border: 2px dotted #800018;
   background-image: url('./images/rough-guitars-red.png');
}

.article {
   border: 1px dotted #474448;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
   background-image: none;
   background-color: black;
   padding-left: 10px
}

.centered-content {
   text-align: center;
   vertical-align: center;
}

.date {
   color: #ffffff;
   font-style: italic;
}

.profile-pic {
   max-width: 300px;
   max-height: 300px;
}

.merchandise-pic {
   margin: 20px;
   padding: 20px;
   max-width: 300px;
   max-height: 240px;
   max-width: 300px;
}

.price {
   color: #ffffff;
   font-style: italic;
}

a {
   color: #bdbabe;
}

.nav-bar {
   margin-top: 5px;
   margin-bottom: 5px;
}

.nav-button {
   font-family: impact, serif;
   font-size: 20px;
   padding-left: 10px;
   padding right: 10px;
   color: #c20018;
   text-align: center;
}

a.nav-button:visited {
   color: #c20018;
}

a:visited {
   color: #bdbabe;
}