body {
	background-color: #80c0ff; 
	color: black;
	
	background-image: url("eye_blue.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
	text-align: center;
}
.main {
	width:500px;
	border:1px solid black;
	padding:10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #c4e0ff;
	text-align: left;
}

hr {
	clear:both;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid #80c0ff;
	border-right: 1px solid #80c0ff;
}

hr.side_divider, hr.note_divider, hr.postheading, hr.soft {
	border: 1px dashed #80a0a0;
	width: 80%;
}

blockquote {
	padding:1px;
	border:1px solid black;
	background-color: #80c0ff;
}


.synopsis {
	text-align: center;
	font-size: 1.25em;
}
.liners {
	text-align: center;
}

.secret {
	text-align: center;
	margin-top: -5px;
	margin-bottom: -5px;
}

.remark {
	padding:1px;
	border:1px solid black;
	background-color: #80c0ff;
}

.remark p {
	margin-top: 4px;
	margin-bottom: 4px;
}

.disctitle {
}
.sidetitle {
}
.tracktitle {
	font-weight: normal;
}

.artrow {
	width:500px;
	padding:0px;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.artholder {
	border:1px solid black;
	display:inline-block;
	/*float:right;*/
	background-color: #80c0ff;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.floaty_artrow {
	width:100px;
	padding:0px;
	margin-left: 0;
	margin-right: 0;
	float:right;
}
.floatleft_artholder {
	border:1px solid black;
	float:left;
	background-color: #80c0ff;
	text-align: center;
}
.floatright_artholder {
	border:1px solid black;
	float:right;
	background-color: #80c0ff;
	text-align: center;
	margin-bottom: 10px;
}

.art {
	padding:0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	display:block;
}

.indexbox {
	display:inline-block;
	border:1px solid black;
	padding:10px;
	background-color: #c4e0ff;
	margin-top: 2px;
	margin-bottom: 2px;
}

.sysheader {
	margin-top: 0;
	margin-bottom: 0;
}

.sysrow {
	border: none;
}

.syspic {
	vertical-align: top;
	text-align: center;
	font-size:12px;
}

.sysdesc {
	vertical-align: top;
}

table.music {
	clear:both;
	margin-left: auto;
	margin-right: auto;
}
th.music_grid {
	width: 75px;
}
th.music_grid_wibi {
	width: 175px;
	min-width: 175px;
}
th.music {
	background-color: #80c0ff;
}
td.music_grid {
	width: 75px;
	vertical-align: top;
}
td.music {
	background-color: #c4e0ff;
}
table.music, th.music, td.music {
	border: 1px solid black;
	border-collapse: collapse;
}

img.music {
	margin-left: auto;
	margin-right: auto;
}
img.music_grid_header {
	display:block;
}
.music_images {
	font-size:0;
}
img.music_artist_icon, img.sightings_icon, img.devisions_icon {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.sightings_tracklist {
	clear:both;
}
img.music_artist, img.music_artist {
	display:inline-block;
}
table.music_canon {
	width:550px;
	margin-top:10px;
}
td.music_canon_title {
	text-align: left;
}
table.music_artist {
	width:450px;
}
td.music_artist {
	font-size:0;
}
th.music_artist {
	width:150px;
	/*Things to try:
	text-align: center; as seen below.
	text-align: right; accompanied with padding:10px.(Assuming the padding only applies horizontally and doesn't change the cell dimensions.
	*/
	text-align: center;
}
td.withheld {
	background-color: #80c0ff;
}
img.music_grid_icon {
	display:block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.music_grid_icon_placeholder {
	background-color: #80c0ff;
	width:25px;
	height:25px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

.release_placeholder {
	margin-top: 0;
	margin-bottom: 0;
	border: 1px solid black;
	box-sizing: border-box;
	background-color: #80c0ff;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	font-style:italic;
	display:inline-block;
	vertical-align: top;
}

.toc {
	width:250px;
	border:1px solid black;
	padding:10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	background-color: #c4e0ff;
	text-align: left;
}
.toc li > ul, .toc li > ol {
	padding-left: 15px;
}

.devisions_entry {
	margin-top: 0;
	margin-bottom: 0;
}
.devisions_entry::after {
	content: "";
	clear: both;
	font-size: 0;
	display: table;
}
.devisions_comment {
	width:390px;
	float:right;
}
audio.devisions_audio {
	margin-top:10px;
}
.devisions_minimize {
	font-size: 12px;
}

.flb {
	background-color: black;
	color: white;
	padding: 5px;
}
.flb h2 {
	text-align:center;
}
.flb_details {
	color: lightgray;
}
.flb blockquote {
	color: #ffaf5f;
	background-color: black;
}
.flb a:visited {
	color: pink;
}
.flb a:link {
	color: lightblue;
}
.flb_cw {
	background-color: gray;
	color: gray;
}
.flb_cw a:visited, .flb_cw a:link { /*Kludge. I think this could be solved by moving the link color definitions below the flb_cw definition?*/
	color: gray;
}
.flb hr {
	clear:both;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}
.flb hr.soft {
	border: 1px dashed gray;
	width: 80%;
}


.blog_entry {
}
.blog_entry::after {
	content: "";
	clear: both;
	font-size: 0;
	display: table;
}
.blog_topics {
	font-size: 14px;
}
.blog_author_holder {
	font-size: 0px;
	float:right;
	margin-left: 10px;
	text-align: right;
	max-width:100px;
}

img.feed_valid {
	display:inline-block;
}
/* Changes that were meant to make it more clear which entry the "(CW: stuff)" tag belongs to when the line breaks. That issue was resolved with a non-breaking space.
.comic_archive li {
	line-height: 1.2;
}
.comic_archive li + li {
	margin-top: 8px;
}
*/