@charset "utf-8";

BODY {
	background-image: url('/images/p12c08.gif');
}

/* Containers */
DIV.foreign_site {
	border: 1px solid black;
	padding: 5px;
}

DIV.main_body {
	display: inline-block;
	margin: 0px;
	width: calc(100% - 215px);
}

DIV.menu {
    display: inline-block;
    margin: 0px;
    overflow-y: hidden;
    vertical-align: top;
	width: 210px;
}

IFRAME.menu {
	border: solid black 0px;
    height: 100vh;
    overflow-y: hidden;
    width: 210px;
}

IFRAME.nav_bar {
    border: solid black 0px;
    height: 60px;
    width: 100%;
}

SECTION.category_explanation {
    font-size: 16px;
    margin-bottom: 20px;
}

SECTION.page_explanation {
    font-size: 16px;
    margin-bottom: 20px;
}


/* Special */
P.copyright {
    font-size: 13px;
    margin: 0 auto 0;
    text-align: center;
}

P.nav_bar {
	font-size: 13px;
    margin: 0 auto 0;
	text-align: center;
}

SPAN.asterix {
    color: goldenrod;
    font-weight: bold;
}

SPAN.cross {
    color: red;
    font-weight: bold;
}

SPAN.deleted_text {
    text-decoration: line-through;
}

SPAN.list_item_header {
	font-style: italic;
}

SPAN.new_text {
    border: 2px dashed salmon;
}

SPAN.tick {
	color: green;
    font-weight: bold;
}

/* Text */
P.caption {
	font-size: 12px;
	margin-top: 0px;
}

TABLE.list {
    font-size: 16px;
}

TABLE.list TD {
	padding-bottom: 10px; 
    padding-right: 7px;
    vertical-align: text-top;
}

TABLE.list TH {
	text-align: left;
    padding-right: 7px;
    vertical-align: text-top;
}

TABLE.list TR.odd_row {
}

TABLE.list TR.even_row {
	background-color: lightgray;
}

TABLE.timeline {
    font-size: 14px;
}

/* Adapted from from https://css-tricks.com/rotated-table-column-headers/ */
TABLE.matrix {
    font-size: 16px;
}

TABLE.matrix TD {
    padding-bottom: 10px; 
    padding-right: 7px;
    vertical-align: text-top;
}

TABLE.matrix TH {
    text-align: left;
    padding-right: 7px;
    vertical-align: text-top;
}

TABLE.matrix TH.before_slanted {
	vertical-align: bottom;
}

TABLE.matrix TH.slanted {
	height: 140px;
    vertical-align: text-bottom;
	white-space: nowrap;
}

TABLE.matrix TH.slanted > DIV {
  transform: 
    /* Magic Numbers */
    translate(-10px, 120px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
TABLE.matrix TH.slanted > DIV > SPAN {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}


UL.contents_list {
	list-style-type: none;
}

UL.contents_list LI.article {
    padding-left: 30px;
}

UL.contents_list LI.category {
    padding-left: 0px;
}

/* Titles */
H3.page_quote {
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-align: center;
}

H2.page_subtitle {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

H1.page_title {
	font-size: 24px;
	font-weight: bold;
    margin-top: 0px;
	text-align: center;
}

H3.section_title {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}