body
{
	background-color:white;
	font-family:"Arial";
	font-size:14px;
	color:black;
	text-align:center;
}

/*top*/
table.mainTable
{
	width:1020;
	padding:5;
}

.updateBlogHeader
{
	font-family: "Verdana";
	font-size:36px;
	font-weight:bold;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: center;
	border-bottom: 1px solid darkgray;
}

.chapterHeading
{
	font-family: "Verdana";
	font-size:24px;
	font-weight:bold;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: center;
	border-bottom: 1px solid darkgray;
}

.chapterNavHeading
{
	font-family: "Verdana";
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: center;
	border-bottom: 1px solid darkgray;
}

td.sidebar
{
	border: 1px double darkgray;
	border-collapse:collapse;
	background-image:url('layout_images/sidebar_index.jpg');
	background-repeat:repeat-y;
	width: 50px;
}

table.subTable
{
	border-style: outset;
    	border-width: 5px;
    	border-color: gray;
	width: 1000px;
}

table#navbar
{
	background-color: gray;
}

td.navColumn
{
	width:250px;
	text-align:center;
	vertical-align: center;
}

table.update
{
	border: 5px double gray;
	border-collapse:collapse;
	width: 900px;
	text-align:center; 
	padding: 10px;
}

table.updateComic
{
	border: 5px double gray;
	border-collapse:collapse;
	width: 1000px;
	text-align:center; 
	padding: 10px;
}

td.comicNaviColumn
{
	border-right: 5px solid gray;
	border-collapse:collapse;
	width: 200px;
	text-align:left; 
	padding: 10px;
}
td.comicViewerColumn
{
	border-left: 5px solid gray;
	border-collapse:collapse;
	width: 800px;
	text-align:center; 
	padding: 10px;
}

table.comicsSidebar
{
	width: 190px;
	text-align:left; 
	padding: 10px;
}
table.comicsMain
{
	width: 780px;
	text-align:center; 
	padding: 10px;
}

div#galleryRowTable
{
	width:100%;
	text-align:center;
}

div#galleryViewer
{
	width:100%;
	text-align:center;
	margin-top:20px;
}

div.galleryRow
{
	text-align:center;
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
}

div.galleryColumn
{
	text-align:center;
	width:20%;
	display:inline-block;
}

table.disclaimerTable
{
	text-align:center;
	font-family: "Arial";
	font-size:12px;
}

a:link.navLink
{
	font-weight:bold;
	font-family: "Verdana";
	font-size:24px;
	color:white;
	text-align:center;
	text-decoration:none;
	/*text-transform:uppercase;*/
}

a:visited.navLink
{
	font-weight:bold;
	font-family: "Verdana";
	font-size:24px;
	color:#E8E8E8;
	text-align:center;
	text-decoration:none;
	/*text-transform:uppercase;*/
}

a:hover.navLink
{
	font-weight:bold;
	font-family: "Verdana";
	font-size:24px;
	color:magenta;
	text-align:center;
	text-decoration:none;
	/*text-transform:uppercase;*/
}

a:active.navLink
{
	font-weight:bold;
	font-family: "Verdana";
	font-size:24px;
	color:#FFCCFF;
	text-align:center;
	text-decoration:none;
	/*text-transform:uppercase;*/
}
/*about*/

td.aboutImage
{
	background-image:url('layout_images/aboutimage.jpg');
	background-repeat:no-repeat;
        background-position:center;
        width: 200px;
        /*height: 100px;*/
}

td.aboutText
{
	width: 500px;
	text-align:justify;
	vertical-align: center;
}

/*contact*/
td.contactImage
{
	background-image:url('layout_images/contactimage.jpg');
	background-repeat:no-repeat;
        background-position:center;
        width: 200px;
        /*height: 100px;*/
}

td.contactText
{
	width: 500px;
	text-align:justify;
	vertical-align: center;
}

/*blog entries*/
.blogExample
{
	border-width: 0px;
	width: 700px; /*table update - 2 blogTinySpacers*/
}

.blogTitle
{
	text-align:left;
	font-weight:bold;
	font-family: "Verdana";
	font-size:18px;
	padding-bottom: 5px;
}

.blogBody
{
	text-align:left;
	/*font-size:90%;*/
	padding-bottom: 15px;
}

.blogAuthor
{
	text-align:left;
	font-weight:bold;
	width:200px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blogTinySpacer
{
	width:100;
}

.blogSpacer
{
	width:300px;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blogTags
{
	text-align: left;
	width:700px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blogDate
{
	text-align:right;
	font-weight:bold;
	width:200px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tagSpan
{
	font-weight: normal;
	font-style: italic;
	color: darkgray;
}

/*general*/
a:link
{
	font-weight:bold;
	color:black;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

a:visited
{
	/*font-weight:bold;*/
	color:gray;
	text-align:center;
	text-decoration:none;
	/*text-transform:uppercase;*/
}

a:hover
{
	/*font-weight:bold;*/
	color:magenta;
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
	/*text-transform:uppercase;*/
}

a:active
{
	/*font-weight:bold;*/
	color:purple;
	text-align:center;
	text-decoration:none;
	/*text-transform:uppercase;*/
}

button
{
	border: 2px outset darkgray;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	color: black;
	margin: 5px;
	text-align: center;
	vertical-align: center;
	background-color: #E8E8E8;
}

button:hover
{
	border: 2px outset magenta;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	color: black;
	margin: 5px;
	text-align: center;
	vertical-align: center;
	background-color: #F8F8F8;
}

.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}