@charset "utf-8";
/* CSS Document */

/* --------------------------------- 
Site: A LIFE M36 PLANET
Author: Brandi Swenson (Brandchan)
Updated: 09-15-2017
Updated by: Brandi Swenson (Brandchan)
--------------------------------- */

/* --------------------------------- 
COLORS 
Body background: rgba(0, 0, 0, 1); / Black #000000 /
Main Text: rgba(255, 255, 255, 1); / White #FFFFFF /
Links: rgba(51, 153, 51, 1); / Forest Green #339933 /
Links Hover: rgba(255, 51, 51, 1); / Red Orange #ff3333 /
Links Visted: color: rgba(102, 204, 255, 1); / Malibu Blue #66ccff /
Bold: color: rgba(255, 255, 255, 1); / White #FFFFFF /
Headlines: rgba(255, 255, 255, 1); / White #FFFFFF /
Nav background: rgba(0, 0, 0, 1); / Black #000000 /
Nav text: rgba(255, 255, 255, 1); / White #FFFFFF /
Nav hover links: rgba(102, 204, 255, 1); / Malibu Blue #66ccff /
First tier drop down background: rgba(38, 41, 45, 1); / Dark Grey #26292d /
Second tier drop down background: rgba(66, 72, 78, 1); / Light Grey #42484E /
Hamburger background: rgba(0, 0, 0, 1); / Black #000000 /
Hamburger First tier drop down background: rgba(38, 41, 45, 1); / Dark Grey #26292d; /
Hamburger Second tier drop down background: rgba(66, 72, 78, 1); / Light Grey #42484E /
Hamburger hover first tier: rgba(102, 204, 255, .5); / Malibu Blue #66ccff /
Hamburger hover second tier: rgba(51, 153, 51, .5); / Green #339933 /
--------------------------------- */ 

html, body {
	background-color: rgba(0, 0, 0, 1); /* Black #000000 */
	height:100%;
	overflow:auto;	
	margin: 0px;
	padding: 0px;
    text-align: justify;
    text-justify: inter-word;	
}

#wrapper {
	position: absolute;
	width: 100%;
	height: auto;
}

article {
	position: relative;		
	width:980px;
	top: 61px;
	margin: 0 auto;	
	z-index:1;	
}

p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFFFFF; rgba(255, 255, 255, 1); /* White #FFFFFF */
	font-size:100%;
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: rgba(255, 255, 255, 1); /* White #FFFFFF */
}

b {
	color: rgba(255, 255, 255, 1); /* White #FFFFFF */
	font-weight: bolder;  
	text-shadow: 1px 1px rgba(153, 153, 153, 1); /* Gray60 #999999*/
	letter-spacing: 1px;
}

li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: rgba(255, 255, 255, 1); /* White #FFFFFF */
	font-size:100%;	
	line-height:1.2;
	margin-bottom: 2%;
}


hr {
	width: 100%;
	color: rgba(255, 255, 255, 1); /* White #FFFFFF */
}

/* Menu
--------------------------------------------- */
nav {
	position:fixed;
	top:0px;
	width: 100%;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: rgba(0, 0, 0, 1); /* Black #000000 */
	border-bottom: 1px solid rgba(153, 153, 153, 1); /* Grey60 #999999 */
	z-index:1000;
}

nav:after {
	content: "";
	display: table;
	clear: both;
}

nav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;	
}

nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
}

nav a {
	display: block;
	padding: 0 20px;
	font-size: 140%;
	line-height: 60px;

}

nav a:link { 
	color: rgba(255, 255, 255, 1); /* White #FFFFFF */
	text-decoration: none;	
	text-align: left;
}

nav a:visited { 
	color: rgba(204, 204, 204, 1); /* Grey80 #CCCCCC */
}

nav a:hover { 
	background-color: rgba(102, 204, 255, 1); /* Malibu Blue #66ccff */
}

nav ul ul {
	display: none;
	position: absolute;
	top: 60px;	
}

nav ul li:hover > ul { 
	display: inherit; 
}

nav ul ul li {
	width: 410px;
	float: none;
	display: list-item;
	position: relative;
	background-color:  rgba(38, 41, 45, 1); /* Dark Grey #26292d */ 
	border-bottom: 1px solid rgba(153, 153, 153, 1); /* Grey60 #999999 */	
}

nav ul ul ul li {
	position: relative;
	top: -60px;
	left: 410px;
	background-color: rgba(66, 72, 78, 1); /* Light Grey #42484E */
}

li > a:after { 
	content: ' +'; 
}

li > a:only-child:after { 
	content: ''; 
}

.toggle, [id^=drop] {
	display: none;
}

/* Description List - Used for translations
--------------------------------------------- */

dt, dl {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: rgba(255, 255, 255, 1); /* White #FFFFFF */
	font-size:100%;	
}

dt {
	margin-top: 1%;
	padding-bottom: .5%;
	font-weight: bold;
	line-height:1.2;	
}

dd {
	padding-bottom: .5%;
	padding-left: 2.5%;
	text-indent: -2.5%;
	line-height:1.2;		
}

/* Tables
--------------------------------------------- */

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid white;
}

table p {
	margin-top: 0px;
	margin-bottom: 0px;	
}

td, th {
	padding: 10px;
}

td {
    vertical-align: top;
}

/* HUD Table
--------------------------------------------- */

table.hud {
	width: 60%;
    margin-left:auto; 
    margin-right:auto;		
	padding: 0px;	
}

tr.hud, td.hud {
	padding: 0px;
}

table.hudb {
	width: 100%;
}

table.hud3, table.hudb, tr.hud3, td.hud3, td.hud2 {
	border-bottom: none;
	border-top: none;
	border-left: none;
}

td.hud2 {
	width: 50%;
}

td.hud3 {
	width: 33%;
}

/* Item Table
--------------------------------------------- */

table.items {
 	width: 100%;
}

th p {
	font-family: "Courier New", Courier, monospace;
	color: rgba(204, 204, 204, 1); /* Gray80 #CCCCCC */
	text-align: center;
	font-style: italic;
}

td ul {
	padding-left: 7%;
}

th.namejp, th.nameeng {
  width: 14%
}

th.desc {
  width: 30%; 
}

th.usejp, th.useeng {
  width: 21%
}

/* Shop Tables
--------------------------------------------- */

table.shop {
 	width: 25%;
	margin-left: 4%;	
}

/* Boss Tables
--------------------------------------------- */

table.boss {
 	width: 40%;
    border-spacing: 10px;
    border-collapse: collapse;
    margin-left:auto; 
    margin-right:auto;	
}

table.final {
 	width: 70%;
    border-spacing: 10px;
    border-collapse: collapse;
    margin-left:auto; 
    margin-right:auto;	
}

/* Resonsive Video
--------------------------------------------- */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Class
--------------------------------------------- */

.m36 {
	font-size:200%;
}

.keyitem {
	font-weight: bold;
	text-shadow: 1px 1px rgba(51, 51, 255, 1); /* Neon Blue #3333ff */
	letter-spacing: 1px;	
}

.descindent {
	text-indent: 2.5%;
}

.indentsmall {
	padding-left: 4%;
	font-weight: bold;
}

.hangingindentlarge {
	padding-left: 25%;
	text-indent: -25%;
}

.smallparagraphspace {
	margin-top: 3px;
	margin-bottom: 3px;
}

.lightgreytext {
	font-family: "Courier New", Courier, monospace;
	color: rgba(204, 204, 204, 1); /* Gray80 #CCCCCC */
}

.protip {
	font-weight: bold;
	font-size: 105%;
	margin-bottom: 1px;
}

.red {
	color: rgba(255, 0, 0, 1); /* Red #FF0000 */
	text-shadow: none;
}

.aligncenter {
	text-align: center;
}

.img-center {
    display:block;
	margin:auto;
}

/* Links
--------------------------------------------- */

a:link {
	color: rgba(51, 153, 51, 1); /* Forest Green #339933 */
	text-decoration: none;
}

a:hover {
	color: rgba(255, 51, 51, 1); /* Red Orange #ff3333 */
	text-decoration: underline;
}

a:visited {
	color: rgba(102, 204, 255, 1); /* Malibu Blue #66ccff */
	text-decoration: none;
}

/* Jump Menu fix for Chrome */
a.anchor {  
	display: block;
    position: relative;
    top: -61px;
    visibility: hidden;
}

/* Media Queries
--------------------------------------------------------------- */

@media all and (max-width:979px) {

	html, body {
		overflow-x: hidden;
	}
	
	body {
		text-align: left;
		position: relative;
	}
	
	article {
		width: 100%;
		margin: 0 auto;
	}
	
	p, dl, ul {
		margin-left: 2%;
		margin-right: 2%;
	}
	
	dd {
		padding-left: 6%;
		text-indent: -6%;	
	}
	
	/* Menu
	---------------------- */
	nav { 
		margin: 0; 	
	}
	
	label {
		font-size: 140%;
	}
	
	.toggle + a, .menu { 
		display: none; 
	}
	
	.toggle {
		display: block;
		padding: 10px 20px 0px 20px;
		color: rgba(255, 255, 255, 1); /* White #FFFFFF */
		line-height: 60px;
		text-decoration: none;
		border: none;
	}
	
	.togfloat {
		float: left;
	}
	
	.toggle:hover { 
		background-color: rgba(102, 204, 255, .5); /* Malibu Blue #66ccff */
	}
	
	[id^=drop]:checked + ul { 
		display: block; 
	}
	
	nav ul li {
		display: block;
		width: 100%;
		border-bottom: 1px solid rgba(153, 153, 153, 1); /* Grey60 #999999 */		
	}
	
	nav ul ul .toggle, nav ul ul a { 
		padding: 0 40px;
	}
	
	nav a:hover { 
		background-color: rgba(102, 204, 255, .5);  /* Malibu Blue #66ccff */
	}
	
	nav ul li ul li .toggle, nav ul ul a { 
		First tier drop down background: rgba(38, 41, 45, 1); /* Dark Grey #26292d */
	}
	
	nav ul ul {
		float: none;
		position: static;
		color: #ffffff;
	}
	
	nav ul ul li:hover > ul, nav ul li:hover > ul { 
		display: none; 
	}
	
	nav ul ul li {
		display: block;
		width: 100%;
	}
	
	nav ul ul ul li { 
		position: static;
	}
	
	/* HUD Table
	---------------------- */
	
	table.hud {
		width: 60%;
		margin-left:auto; 
		margin-right:auto;		
		padding: 0px;	
	}
	
	tr.hud, td.hud {
		padding: 0px;
	}
	
	table.hudb {
		width: 100%;
	}
	
	table.hud3, table.hudb, tr.hud3, td.hud3, td.hud2 {
		border-bottom: none;
		border-top: none;
		border-left: none;	
	}
	
	td.hud2 {
		width: 50%;
	}
	
	td.hud3 {
		width: 33%;
	}
	
	/* Item Table
	---------------------- */
	
	table.items, thead.items, tbody.items, tr.items, td.items {
		display: block;
		width: auto;
	
	}
	
	th.namejp, th.nameeng, th.desc, th.usejp, th.useeng {
		display: block;
		width: auto;
		background-color: rgba(51, 51, 51, 1); /* Gray20 #333333 */		
	}
	
	tr.items:nth-child(even) {
		background-color: rgba(204, 102, 102, 1); /*Indian Red #cc6666 */
	}
	
	tr:nth-child(even) td.items:nth-child(1) {
		background-color: rgba(53, 51, 51, 1); /* Milano Red #993333 */
	}
	
	tr.items:nth-child(odd) {
		background-color: rgba(102, 102, 255, 1); /* Medium Slate Blue #6666ff */
	}
	
	tr:nth-child(odd) td.items:nth-child(1) {
		background-color: rgba(51, 51, 204, 1); /* Persian Blue #3333cc */
	}
	
	
	/* Shop Tables
	---------------------- */
	
	table.shop {
		width: 75%;
		margin-left: 4%;	
	}
	
	/* Boss Tables
	---------------------- */
	
	table.boss {
		width: 85%;
		border-spacing: 10px;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;	
	}
	
	table.final {
		width: 95%;
		border-spacing: 10px;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;	
	}
	
	/* Font Sizing
	---------------------- */
	
	p.smalltxt {
		font-size: 3vw;
	}
	
	
	/* Image Sizing
	---------------------- */
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	/* Jump Menu fix for Chrome */
	a.anchor {  
		top: -81px;
	}

}

@media \0screen {
	img { 
		width: auto; /* for ie 8 */
	}
}

/*
     FILE ARCHIVED ON 20:04:39 Feb 28, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:08:02 Jun 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 2.325
  load_resource: 71.255
  PetaboxLoader3.resolve: 61.862
  PetaboxLoader3.datanode: 8.275
*/