:root {
  --theme-color-logo: #d2232a;
  --theme-color: #aa1d22;
  --theme-color-darker: #991a1e;
}

A:link, A:visited, A:active {
	color: var(--theme-color);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

ul {
  list-style-type: disc;
}

A:hover { color:  var(--theme-color-darker); }

h1 { color: var(--theme-color); font-size: 2em; font-weight: 400; }
h2 { color: var(--theme-color); padding-top: 15px; font-size: 1.4em; letter-spacing: 0.03em; font-weight: 300; font-weight: bold; }
h3 { color: var(--theme-color); padding-top: 15px; font-size: 1.2em; letter-spacing: 0.03em; font-weight: 300; font-weight: bold; }

h1, h2, h3 { font-family: verdana; word-wrap: break-word; }


#header h1 { font-size: 3em; padding: 20px 0 0 0; margin: 0 0 20px 0; }
@media only screen and (max-width: 925px) { #header h1 { line-height: 1em; }}

#header h2 { font-family: 'Muli', sans-serif; font-size: 0.8em; letter-spacing: 0.2em; text-transform: uppercase; padding: 0 0 10px 0; margin: 0; padding-left: 10px; }

banner {
    width: 100%;
    height: auto;
}

.empty {
clear:both;
}

#comiccon {
  border-collapse: collapse;
  width: 100%;
}

#comiccon td, #comiccon th {
  border: 1px solid #ddd;
  padding: 8px;
}

#comiccon tr:nth-child(even){background-color: #f2f2f2;}

#comiccon tr:hover {background-color: #ddd;}

#comiccon th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #00b7c2;
  color: white;
  font-size: 1.15em;
}

#comiccon2 {
  border-collapse: collapse;
  width: 100%;
  empty-cells: hide;
}

#comiccon2 td, #comiccon2 th {
  border: 1px solid #ddd;
  padding: 8px;
}

#comiccon2 tr td:nth-child(even){
		background: #f2f2f2;
}

#comiccon2 tr:hover {background-color: #ddd;}

#comiccon2 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #00b7c2;
  color: white;
  font-size: 1.15em;
}