/* basic elements */

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font: normal 12px 'Verdana','Arial','Geneva',sans-serif;
}

h1 { font: bold 2.75em 'Verdana','Arial','Geneva',sans-serif; }
h2 { font: bold 2.25em 'Verdana','Arial','Geneva',sans-serif; }
h3 { font: bold 1.75em 'Verdana','Arial','Geneva',sans-serif; }
h4 { font: bold 1.25em 'Verdana','Arial','Geneva',sans-serif; }

em { font-style: italic; }

p { margin: 1.0em 0.0em 1.0em 0.0em; }

p.first { clear: both; }
p.copyright {
	background-color: #DDDDDD;
	font-size: 10px;
	clear: both;
	margin: 3.0em 0.0em 3.0em 0.0em;
	padding: 10px;
}
p.footnote-header {
	color: #FFFFFF;
	margin: 0px;
	font: bold 10px 'Verdana','Arial','Geneva',sans-serif;
}
p.footnote-header a { color: #FFFFFF; font-weight: bold; }
p.footnote-text { font-size: 10px; }
p.caption-text { font-size: 12px; text-transform: uppercase; }
p.caption-text-small { font-size: 10px; text-transform: uppercase; }
p.copyright-text { color: #999999; font-size: 10px; text-transform: uppercase; }
p.edit-text { font-size: 10px; }
p.edit-link a { font-weight: normal; }
p.edit-label { font-weight: bold; }

div.title {
	width: 100%;
	margin: 0px 0px 5px 0px;
	background: url('../images/header_background.gif') repeat-x fixed;
}
div.text-block {
	clear: both;
	margin: 2.0em 0.0em 1.0em 0.0em;
	padding: 9px;
	border: 1px solid #999999;
}
div.text-block-noheader {
	clear: both;
	margin: 1.0em 0.0em 1.0em 0.0em;
	padding: 9px;
	border: 1px solid #999999;
}

.break { margin-top: 3.0em; }
.clear-break { margin-top: 3.0em; clear: both; }
.section-header {
	color: #FFFFFF;
	background-color: #990033;
	margin-top: 3.0em;
	clear: both;
	padding: 10px;
}

.header { color: #FFFFFF; }
.navlink { font-weight: bold; font-size: 10px; }
.keyword { font-weight: bold; }
.loanword { font-style: italic; }
.series-title { font-style: italic; }
.timeline-year { font-weight: bold; }
.footnote { font-style: italic; font-size: 10px; }
.edit-status { font-weight: bold; font-size: 12px; }
.edit-note { color: #999999; font-size: 10px; text-transform: uppercase; }

.footnote .em { font-style: normal; }
.footnote .series-title { font-style: normal; }

.edit-button {
	width: 80px;
	font: bold 10px 'Verdana','Arial','Geneva',sans-serif;
	margin: 0px 5px 5px 0px;
	padding: 3px;
	border: 1px solid #CC0000;
}

.edit-button-mini {
	width: 30px;
	font: bold 10px 'Verdana','Arial','Geneva',sans-serif;
	margin: 0px 5px 5px 0px;
	padding: 3px;
	border: 1px solid #CC0000;
}

.text-block-header {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 9px;
	border: 1px solid #999999;
	position: relative;
	top: -2.25em;
	z-index: 1;
}

ul.disc-list {
	list-style-type: disc;
	list-style-position: outside;
}

ul.circle-list {
	list-style-type: circle;
	list-style-position: outside;
}

a.footnote-link { font-style: italic; font-size: 10px; }

img.gundam-logo {
	float: left;
	margin: 0px 10px 0px 0px;
}

/* links */

a:link { color: #CC0000; text-decoration: none; }
a:visited { color: #990033; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }
a:active { color: #FF0000; text-decoration: none; }

/* tables */

table {
	background-color: #FFFFFF;
	padding: 0px; margin: 0px;
	border-collapse: collapse;
	border: 0px none transparent;
}
table.gallery {
	clear: both;
	border: 1px solid #999999;
}
table.gallery-topleft {
	clear: both;
	border: 1px solid #999999;
}
table.data {
	clear: both;
	border: 1px solid #999999;
}
table.illo-center {
	clear: both;
	border: 1px solid #999999;
}
table.illo-right {
	clear: both;
	float: right;
	margin: 0px 0px 5px 15px;
	border: 1px solid #999999;
}
table.illo-left {
	clear: both;
	float: left;
	margin: 0px 15px 5px 0px;
	border: 1px solid #999999;
}

table td { padding: 0px; margin: 0px; }
table.gallery td {
	font-size: 10px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	padding: 10px 10px 10px 10px;
}
table.gallery-topleft td {
	font-size: 10px;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
table.padded td {
	font-size: 10px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	padding: 10px 10px 10px 10px;
}
table.timeline td { vertical-align: top; }
table.edit td {
	vertical-align: top;
	padding: 0px 5px 5px 5px;
	border: 1px solid #999999;
}
table.image-edit td {
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border: 1px solid #999999;
}
table.image-edit-sub td {
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border: 0px none transparent;
}
table.data td {
	font-size: 10px;
	white-space: nowrap;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
	border: 1px solid #999999;
}
table.illo-right td { padding: 5px; }
table.illo-left td { padding: 5px; }
table.illo-center td { padding: 10px; }

td.title { background: url('../images/header_background.gif') repeat-x; }
td.navbar {
	background: url('../images/navbar/navbar_background.gif') repeat-x;
	background-color: #999999;
	white-space: nowrap;
}
td.timeline-date { width: 130px; white-space: nowrap; padding-right: 10px; }
td.data-header { background-color: #CCCCCC; }
td.footnote-header { background-color: #993333; padding: 5px 20px 5px 20px; }
td.footnote-text { padding: 5px 20px 5px 20px; }

#page-content { width: 600px; margin-right: 60px; margin-left: 60px; }
#content-table { margin-right: 60px; margin-left: 60px; }